// JavaScript Document
//<![CDATA[

var Icon=new GIcon(G_DEFAULT_ICON);

Icon.image="http://www.rankingper.com/images/marker.png";
Icon.shadow="http://www.rankingper.com/images/shadow.png";
Icon.iconSize=new GSize(20,34);
Icon.shadowSize=new GSize(37,34);
Icon.iconAnchor=new GPoint(9,34);
Icon.infoWindowAnchor=new GPoint(9,2);
Icon.infoShadowAnchor=new GPoint(18,25);

function load() 
{
	if (GBrowserIsCompatible()) 
	{
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.setCenter(new GLatLng(0,0), 1);
		showall();
	}
}	


function showall() 
{
	if (GBrowserIsCompatible()) 
	{
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.setCenter(new GLatLng(0,0), 1);
		var xmlHttp;
  		try
    	{
    		// Firefox, Opera 8.0+, Safari
    		xmlHttp=new XMLHttpRequest();
    	}
 		catch (e)
    	{
    		// Internet Explorer
    		try
      		{
      			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      		}
    		catch (e)
      		{
      			try
        		{
        			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        		}
      			catch (e)
        		{
        			alert("Your browser does not support AJAX!");
        			return false;
        		}
      		}
    	}

    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
	
		var xml = GXml.parse(xmlHttp.responseText);
		//alert ml);(x
		var markers = xml.documentElement.getElementsByTagName("marker");
		//alert (markers.length);
  		for (var i = 0; i < markers.length; i++) {
		//alert (i);
    	var name = markers[i].getAttribute("name");
    	var address = markers[i].getAttribute("address");
    	var type = markers[i].getAttribute("type");
    	var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
    	var marker = createMarker(point, name,  type,  type ,  type);
   		map.addOverlay(marker);
  }
		
        }
      }
	  
    xmlHttp.open("GET","../ajax/getall.php",true);
    xmlHttp.send(null);
	}
}


function changec(idtoshow) 
{
	if (GBrowserIsCompatible()) 
	{
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.setCenter(new GLatLng(0,0), 1);
		var xmlHttp;
  		try
    	{
			// Firefox, Opera 8.0+, Safari
			xmlHttp=new XMLHttpRequest();
    	}
  		catch (e)
    	{
    		// Internet Explorer
    		try
      		{
      			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      		}
    		catch (e)
      		{
      			try
        		{
       				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        		}
      			catch (e)
        		{
        			alert("Your browser does not support AJAX!");
        			return false;
        		}
      		}
    	}
    	xmlHttp.onreadystatechange=function()
      	{
     		if(xmlHttp.readyState==4)
			{
		
			var xml = GXml.parse(xmlHttp.responseText);
			var markers = xml.documentElement.getElementsByTagName("marker");
	
			for (var i = 0; i < markers.length; i++) 
			{
				var name = markers[i].getAttribute("name");
				var address = markers[i].getAttribute("address");
				var type = markers[i].getAttribute("type");
	
				if (type==idtoshow)
				{
					var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
					var marker = createMarker(point, name,  type,  type ,  type);
					map.addOverlay(marker);
				}
			}
		}
	}
	  
    xmlHttp.open("GET","../ajax/getall.php",true);
    xmlHttp.send(null);
	}
}







function createMarker(point, name, rank,rankpc,id) {
eval("var marker"+id);
eval("marker"+id+" = new GMarker(point,Icon)");

 GEvent.addListener(eval("marker"+id), "click", function() {
    eval("marker"+id).openInfoWindowHtml("	<table border=\'0\'>  <tr>    <td colspan=\'2\' align=\'center\'><strong>" + name + "</strong></td>  </tr>  <tr>    <td><a href=\'http://www.rankingper.com/\'>FIFA Rank</a> </td><td>" + rank + "</td></table>");
  });

  return eval("marker"+id);
}

		
//]]>