var less = "<";

// data = [[zonecolor,zonesize,zonecoords,citycoords,population,id,title,titlecoords]]
function draw(data)
{
	var jg = new jsGraphics("map");
	
	for(var i=0; i<data.length; i++)
	{
		if(data[i][0]!="" && data[i][1]!="")
			{
			var zonecolor = "";
			switch(data[i][0])
			{
				case '0': zonecolor = "#00FF33"; break;
				case '1': zonecolor = "#DD137B"; break;
				case '2': zonecolor = "#0000FF"; break;
				default: zonecolor = "#CCCCCC";
			}
			
			var cCoords = data[i][3].split(',');
			var zCoords = data[i][2].split(',');
			
			var fillfirst =  parseFloat(cCoords[0]) + parseFloat(zCoords[0]);
			var fillsecond = parseFloat(cCoords[1]) + parseFloat(zCoords[1]);
		
			var citysize = "";
			if(data[i][4] >= 1000) citysize = 10;
			else if(data[i][4] >= 90) citysize = 7;
			else if(data[i][4] >= 40) citysize = 5;
			else if(data[i][4] >= 0) citysize = 3;
		
			var fontsize = "";
			if(data[i][4] >= 1000) fontsize = 15;
			else if(data[i][4] >= 90) fontsize = 13;
			else if(data[i][4] >= 40) fontsize = 12;
			else if(data[i][4] >= 0) fontsize = 10;
			
			var fontstyle = fontsize > 12 ? Font.BOLD : Font.PLAIN;
			
			var id = data[i][5];
			var cityname = data[i][6];
			
			var tCoords = data[i][7].split(',');
			
			jg.setCls('op');
			jg.setColor(zonecolor);
			jg.fillEllipse(fillfirst,fillsecond,data[i][1],data[i][1]);
			jg.setColor("#000000");
			jg.setCls('');
			
			jg.fillEllipse(parseFloat(cCoords[0]), parseFloat(cCoords[1]), citysize, citysize);
			
			if(data[i][3] != "" && data[i][7] != "" && data[i][4] != "" && data[i][6] != "")
			{
				jg.setFont("Arial Narrow",fontsize+'px',fontstyle);
				jg.drawString("<a class=\"city\" href=\"#map\" OnClick=\"obj.showcity("+id+");\" id=\"city"+id+"\">"+cityname+"</a>",parseFloat(cCoords[0]) + parseFloat(tCoords[0]), parseFloat(cCoords[1]) + parseFloat(tCoords[1]));
			}
		}
	};
	
	jg.paint();
}