// Interactive Map Javascript

var markers;
var newSelect = document.createElement('select');

window.addEvent('load', function(){

     var icon_armor = new GIcon();
		 icon_armor.image = "http://www.armorgreen.fr/images/M_images/pin-armor-02.png";
		 /*icon_armor.iconAnchor = new GPoint(-15, -15);
		 icon_armor.iconSize = new GPoint(32, 32);*/
		
    /*icon_armor.image = "http://gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/examples/images/sun.png";*/
    icon_armor.iconAnchor = new GPoint(16, 32);
    icon_armor.infoWindowAnchor = new GPoint(15,15 );
    icon_armor.iconSize = new GSize(32, 32);
   /* icon_armor.shadow = "http://www.armorgreen.fr/images/M_images/logo_armor_shadow.png";
    icon_armor.shadowSize = new GSize(40, 30);*/
		 

		 if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_interactive"));
        map.setCenter(new GLatLng(48.1108, -1.66181), 7);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
					
      }
			
			
			
			GDownloadUrl("http://www.armorgreen.fr/components/com_interactivemap/views/interactivemap/interactive.php", function(data) {
          var xml = GXml.parse(data);
          markers = xml.documentElement.getElementsByTagName("marker");
					
					//liste
					
					newSelect.id="lst_markers";
					
					var newOption_0=document.createElement('option');
						$(newOption_0).innerHTML="Sélectionnez une réalisation...";
						$(newOption_0).value=0;
						newSelect.appendChild(newOption_0);
						
					newSelect.onchange=function() {map.setZoom(12);if (this.selectedIndex!=0){map.panTo(new GLatLng(markers[this.selectedIndex-1].getAttribute("lat"), markers[this.selectedIndex-1].getAttribute("lng")));}};
					
					
          for (var i = 0; i < markers.length; i++) {
					
					/*	if (i==0) {
							 map.setCenter(new GLatLng(markers[i].getAttribute("lat"), markers[i].getAttribute("lng")), 12);
						}*/
					  //map
            var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));	
						var markerOptions = { icon: icon_armor };		
						
						
						var marker = new GMarker(latlng,markerOptions);
						//var marker = new GMarker(latlng);
						marker.bindInfoWindowHtml(markers[i].firstChild.nodeValue);
						//	marker.bindInfoWindowHtml("<table><tr><td>test</td></tr></table>");
							
						//GEvent.addListener(marker, "click", function() {
            //    marker.openInfoWindowHtml(markers[1].getAttribute("id"));
           // });											
            
						map.addOverlay(marker);
						
						//liste
						var newOption=document.createElement('option');
						$(newOption).innerHTML=markers[i].getAttribute("title");
						$(newOption).value=markers[i].getAttribute("id");
						newSelect.appendChild(newOption);
						

						
          }

					document.getElementById("span_markers").appendChild(newSelect);
        });

    
});