window.onload= gload;
window.onunload= guload;

function gload() {

	load();
	 

}
function guload() {

	GUnload();

}

    //<![CDATA[


	//Guarda
	//var CoordGmap= new Array(40.526995223023135, -7.275470495223999, 10)			
	//Dom digital		
	//var CoordGmap= new Array(40.52821845992648, -7.27524518966674, 17)
	//testes
	
			
			
	 // Create a base icon for all of our markers that specifies the
	// shadow, icon dimensions, etc.
	var baseIcon = new GIcon();
	baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
	baseIcon.iconSize = new GSize(20, 34);
	baseIcon.shadowSize = new GSize(37, 34);
	baseIcon.iconAnchor = new GPoint(9, 34);
	baseIcon.infoWindowAnchor = new GPoint(9, 2);
	baseIcon.infoShadowAnchor = new GPoint(18, 25);



	var GEditMode=false;
	var xml;

    function load() {
      if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map"));
			
			//ADD Controls 
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());
				
			var x = CoordGmap[0]; 
			var y = CoordGmap[1]; 
			var zoom = CoordGmap[2];		
			map.setCenter(new GLatLng(x, y), zoom);
			
					
			
			//Add Eventhandler
			GEvent.addListener(map, "moveend", function() {
				var center = map.getCenter();
				var zoomlevel = map.getZoom();
				document.getElementById("message").innerHTML = center.toString() + '(zoom:' + zoomlevel + ')';
			});			
		
		
			GEvent.addListener(map, "click", function(marker, point) {
			if (GEditMode == true){
				if (marker) {		
					displaypointerCoord(point,"");		
					map.removeOverlay(marker);
				} else {
					displaypointerCoord(point,"NEW POINT");
					map.addOverlay(new GMarker(point));
				}
			}
			});
			
			//Insert Points
			// Download the data in data.xml and load it on the map. The format we
			// expect is:
			// <markers>
			//   <marker lat="37.441" lng="-122.141"/>
			//   <marker lat="37.322" lng="-121.213"/>
			// </markers>
			
			GDownloadUrl("ddgmap/media/data.xml", function(data, responseCode) {
			xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
				var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),	parseFloat(markers[i].getAttribute("lng")));
				var marker = createMarker(point, i, markers[i]);
				map.addOverlay(marker)
			}
			});
			
			//Display Data Values
			var center = map.getCenter();
			var zoomlevel = map.getZoom();
			document.getElementById("message").innerHTML = center.toString() + '(zoom:' + zoomlevel + ')';
			
			
				
		}//if
		
    }
    
    
    function displaypointerCoord(point,text)
    {		    
		if (GEditMode == true){
			if (text!=""){    
				document.getElementById("newpointer").innerHTML = point.y + ";" + point.x ;
			}else
			{
    			document.getElementById("newpointer").innerHTML = "";
			}
		}    
    }
    
    

	// Creates a marker whose info window displays the letter corresponding
	// to the given index.
	function createMarker(point, index, markersdata) {
		// Create a lettered icon for this point using our icon class
		var letter = String.fromCharCode("A".charCodeAt(0) + index);
		var icon = new GIcon(baseIcon);
		//icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
		
		icon.image  = "ddgmap/media/" + markersdata.getAttribute("pointimage");
		
		var marker = new GMarker(point, icon);

		GEvent.addListener(marker, "click", function() {
			var html="";								
			var index=-1;
			
			var markers = xml.documentElement.getElementsByTagName("marker");
			
			for (var i=0; i<markers.length; i++)
			{						
				if (markers[i].getAttribute("lat") == point.y && markers[i].getAttribute("lng") == point.x )
				index=i;			
			}
			
			
			if (index>-1){					
				var mymarker = markers[index];				
				
				if( mymarker.getAttribute("desc")!=''){
					html += "<BR/>" +  mymarker.getAttribute("desc") ;					
				}
										
				if( mymarker.getAttribute("image")!=''){
				
					html += "<BR/><img src='ddgmap/media/" + mymarker.getAttribute("image") + "' width='100' + height='50'>";					
					
				}
				
				marker.openInfoWindowHtml(html);
			}
			
			
		});							
		
		return marker;
	}
	
	
	function EditMode()
	{
		if (GEditMode==true){
			GEditMode = false;
			document.getElementById("editmode").innerHTML = "<img  border='0' src='edit_no.gif'  width='10' height='10'>";
			
			alert("GMode Disabled");
		}
		else
		{
			GEditMode = true;
			document.getElementById("editmode").innerHTML = "<img  border='0' src='edit.gif' width='10' height='10'>";
			
			alert("GMode Enabled");
		}	
	}
    
    <!--  TESTES -->
    
    function resetposition()
    {
    	var x = CoordGmap[0]; 
		var y = CoordGmap[1]; 
		var zoom = CoordGmap[2];  
		map.setCenter(new GLatLng(x, y), zoom);
    }

	function showMira()
    {
		var tagElements = document.getElementById("Div1");     	
      	alert (tagElements.length);        
        for (i = 0; i < tagElements.length; i ++)
        {   
			currentElement = tagElements[i];        
            currentElement.style.display = 'block';
        }
    }
    
    function hideMira()
    {
		var tagElements = document.getElementById('Div1');      	
      	alert (tagElements.length);        
        for (i = 0; i < tagElements.length; i ++)
        {     
           currentElement = tagElements[i];      
           currentElement.style.display = 'none';
        }     
    }
    
    //]]>