var req1;

function alianzoGetData(x, y, zoomLevel) 
{
	var url = "getData.php?x=" + x + "&y=" + y + "&zoomLevel=" + zoomLevel;
	
	if (window.XMLHttpRequest) 
	{
		req1 = new XMLHttpRequest();
	} 
	else if (window.ActiveXObject) 
	{
		req1 = new ActiveXObject("Microsoft.XMLHTTP");
	}

	req1.open("GET", url, true);
	req1.onreadystatechange = alianzoGetDataCallback;
	req1.send(null);
}

function alianzoGetDataCallback() 
{
	if ((req1.readyState == 4) && (req1.status == 200))
	{
		alianzoGetDataAct();
	}
}
		
function alianzoGetDataAct() 
{	
	map.clearOverlays();
	var items = req1.responseXML.getElementsByTagName("item");
	if (items.length > 0) 
	{			
		for (var i=0; i<items.length; i++) 
		{
			var node = items[i];
			var cityname = node.getElementsByTagName("cityname")[0].firstChild.nodeValue;
			var latitude = node.getElementsByTagName("latitude")[0].firstChild.nodeValue;
			var longitude = node.getElementsByTagName("longitude")[0].firstChild.nodeValue;
			var htmldata1 = node.getElementsByTagName("htmldata1")[0].firstChild.nodeValue;
			var htmldata2 = node.getElementsByTagName("htmldata2")[0].firstChild.nodeValue;
			var markercolor = node.getElementsByTagName("markercolor")[0].firstChild.nodeValue;
			map.addOverlay(alianzoCreateMarkerTabs(cityname, latitude, longitude, htmldata1, htmldata2, markercolor));			
		}				
	}	
}

function alianzoMarker(cityname, latitude, longitude, htmldata1)
{
	var posn = new GLatLng(latitude, longitude);
	var marker = new GMarker(posn, { title: cityname});
	var html = "<b>" + cityname + "</b><br>" + htmldata1;
	GEvent.addListener(marker, "click", function() 
	{
		marker.openInfoWindowHtml(html);
	});
	return marker;
}

function alianzoCreateMarkerTabs(cityname, latitude, longitude, html1, html2, markercolor) 
{
        var icon = new GIcon();
        icon.image = "images/marker_" + markercolor + ".png";
        icon.shadow = "images/marker_shadow.png";
        icon.iconSize = new GSize(12, 20);
        icon.shadowSize = new GSize(22, 20);
        icon.iconAnchor = new GPoint(6, 20);
        icon.infoWindowAnchor = new GPoint(5, 1);


	var posn = new GLatLng(latitude, longitude);
	var marker = new GMarker(posn, icon);

	var html1 = "<font face=arial size='-1'><b>" + cityname + "</b><br>" + html1 + "</font>";
	var html2 = "<font face=arial size='-1'><b>" + cityname + "</b><br>" + html2 + "</font>";

	GEvent.addListener(marker, "click", function() 
	{
		marker.openInfoWindowTabsHtml([new GInfoWindowTab('VOTOS', html1), new GInfoWindowTab('CONCEJ.', html2)]);
	});
	return marker;
}
		
