google.load("visualization", "1", {packages: ["geomap"]});
google.setOnLoadCallback(drawMap);
function drawMap()
{
	var data = new google.visualization.DataTable();
	var strA="Argentina,Egypt,Portugal,Turkey,Poland,Columbia,HongKong,India,Saudi Arabia,Indonesia,Jordan,Malaysia,Taiwan,Norway,Germany,Thailand,Israel,Philippine,Czech Republic,Greece,Denmark,France,Peru,Italy,Hungry,Netherland,Ramania";
	var strB="China,US,Japan,United Kingdom,South Africa,United Arab Emirates,Brazil,Australia,New Zealand,KP,Vietnam,Singapore,Ireland,Chile,Mexico,Canada,Germany,Belgium,Sweden,Switzland,Austria,Spain,Yemen,Iran,Finland";
	var arrA=strA.split(",");
	var arrB=strB.split(",");

	data.addRows(arrA.length+arrB.length);
	data.addColumn('string', 'Country');
	data.addColumn("number", "Distributors");

	for(var i=0;i<arrA.length;i++)
	{
		data.setValue(i, 0, arrA[i]);
		data.setValue(i, 1, 0);
	}
	var count=arrA.length;
	for(var i=0;i<arrB.length;i++)
	{
		data.setValue(count+i, 0, arrB[i]);
		data.setValue(count+i, 1, 1);
	}

	var options = {};
	options["region"]="world";
	options["dataMode"] = "regions";
	options["width"]="982px";
	options["height"]="610px";
	options["showLegend"]=false;
	options["colors"]=[0x84ADF1, 0xBBBBBB];

	var container = document.getElementById('map_canvas');
	var geomap = new google.visualization.GeoMap(container);
	geomap.draw(data, options);

	google.visualization.events.addListener(geomap,"drawingDone",function()
	{
		window.setTimeout(function(){$("#map_canvas").css("top","0px");},500);
	});
	
	var ulA=$("#ulWanted");
	var out=[];
	for(var i=0;i<arrA.length;i++)
		out.push("<li>"+arrA[i]+"</li>");
	ulA.html(out.join(""));
	
	ulB=$("#ulExisted");
	out=[];
	for(var i=0;i<arrB.length;i++)
		out.push("<li>"+arrB[i]+"</li>");
	ulB.html(out.join(""));
};