$(function() {
$("area").mouseover(function(){
elementID = this.id;
elementTitle = this.title;

  $.ajax({
    type: "GET",
    url: "/matma/images/files/xml/content.xml",
    dataType: "xml",
    success: parseXml
});

function parseXml(xml) {
$(xml).find("province").each(function() {
//find each instance of loc in xml file and wrap it in a link
//alert($(this).attr("id"));
if($(this).attr("id") == elementID){
//alert($(this).find("title").text());
if($(this).attr("id") == "eaz" || $(this).attr("id") == "waz" || $(this).attr("id") == "cha" || $(this).attr("id") == "eaz" || $(this).attr("id") == "skh" || $(this).attr("id") == "rkh" || $(this).attr("id") == "nkh" || $(this).attr("id") == "sis" || $(this).attr("id") == "koh"){
	//$(".big-title").addClass("big-title2");
	$(".title").addClass("title2");
	$(".value").addClass("value2");
	$(".second").addClass("second2");
}else{
	//$(".big-title").removeClass("big-title2");
	$(".title").removeClass("title2");
	$(".value").removeClass("value2");
	$(".second").removeClass("second2");
}
$(".big-title").text($(this).find("title").text());
//$("#first-value").text($(this).find("internet_use_Population").text());
$("#first-value").text("NO DATA");
//$("#second-value").text($(this).find("internet_penetration").text()+"%");
$("#second-value").text("NO DATA");
}


//$("#first-value").append('<li>' + '<a href="' + $(this).find("title").text() + '">' + $(this).find("population").text() + '</a>' + '</li>');

 });
}
}).mouseout(function(){
		//$(".big-title").removeClass("big-title2");
		$(".title").removeClass("title2");
		$(".value").removeClass("value2");
		$(".second").removeClass("second2");
		$(".big-title").text("سنجش سرعت اينترنت");
		//$("#first-value").text("7,955,928");
		$("#first-value").text("NO DATA");
		//$("#second-value").text("11.1%");
		$("#second-value").text("NO DATA");
	});
	
	
	
	
    $("#map-area area").overlay({
				target: '#popup',
				effect: 'apple',
				//expose: '#333',
				onBeforeLoad: function() { 
					var mapID = this.getTrigger().attr("id");
					//alert(mapID);
		            // grab wrapper element inside content 
		            var wrap = this.getContent().find(".contentWrap"); 
					//alert(this.getContent().find(".contentWrap"));
		 
		            // load the page specified in the trigger 
		            //wrap.load(this.getTrigger().attr("href")); 
		            wrap.load("/matma/images/maps/speed_test/"+mapID+"-map.html"); 
					
					$("#map-img").attr("src","/matma/images/maps/"+mapID+"-map.png");
					
					
					$.ajax({
					    type: "GET",
					    url: "/matma/images/files/xml/content.xml",
					    dataType: "xml",
					    success: provinceDataXml
					});

					function provinceDataXml(xml) {
						$(xml).find("province").each(function() {
							//find each instance of loc in xml file and wrap it in a link
							//alert($(this).attr("id"));
							
							if($(this).attr("id") == mapID){
								//alert($(this).attr("id")+"="+mapID);
								$("h2").text($(this).find("title").text());
								//$("#a").text($(this).find("internet_penetration").text()+"%");
								$("#a").text("NO DATA");
								//$("#b").text($(this).find("internet_use_Population").text());
								$("#b").text("NO DATA");
								//$("#c").text($(this).find("internet_penetration_Family").text()+"%");
								$("#c").text("NO DATA");
								//$("#d").text($(this).find("internet_use_Men").text());
								$("#d").text("NO DATA");
								//$("#e").text($(this).find("internet_penetration_Men").text()+"%");
								$("#e").text("NO DATA");
								//$("#f").text($(this).find("internet_use_Women").text());
								$("#f").text("NO DATA");
								//$("#g").text($(this).find("internet_penetration_Women").text()+"%");
								$("#g").text("NO DATA");
								//$("#h").text($(this).find("internet_users").text()+"%");
								//$("#o").text($(this).find("internet_users").text()+"%");
								//$("#p").text($(this).find("internet_Access_Dialup").text());
								$("#p").text("NO DATA");
								//$("#q").text($(this).find("internet_Access_ADSL").text());
								$("#q").text("NO DATA");
								//$("#s").text($(this).find("internet_Access_Wireless").text());
								$("#s").text("NO DATA");
							}


					//$("#first-value").append('<li>' + '<a href="' + $(this).find("title").text() + '">' + $(this).find("population").text() + '</a>' + '</li>');

						});
					}
					
					
		        } 
			}); 
	
});