
/****************************************************************************************************************************************/	
   //fonction de creation des markers : attributs des markers
/****************************************************************************************************************************************/   
function createMarker(point, number, info,x) {
		  var baseIcon = new GIcon();
		  baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		  baseIcon.iconSize = new GSize(56, 50);
		  baseIcon.shadowSize = new GSize(37, 34);
		  baseIcon.iconAnchor = new GPoint(5, 40);
		  baseIcon.infoWindowAnchor = new GPoint(9, 2);
		  baseIcon.infoShadowAnchor = new GPoint(18, 25);
		  var icon = new GIcon(baseIcon);  
		  icon.image = "images/icon"+x+".png";
		  var marker = new GMarker(point,icon);
		  GEvent.addListener(marker, "click", function() {
		  marker.openInfoWindowHtml(info);
		 
  });
		  return marker;
}



/****************************************************************************************************************************************/	
   //fonction de chargement de la carte
/****************************************************************************************************************************************/
function load() {
      if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById("map"));
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(36.374433, 10.543358), 15);
			map.setMapType(G_HYBRID_MAP);
			

	}
	   
			  return map;
}
/****************************************************************************************************************************************/	
   //fonction d'affichage de la resulatat de traitement du fichier XML : affichage_ajax(xhr)
/****************************************************************************************************************************************/	  
   
function ajax(){
    var xhr=null;
    
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();}
	else if (window.ActiveXObject) {
			xhr = new ActiveXObject('Microsoft.XMLHTTP');}
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { affichage_ajax(xhr);};

	  var i=0;
      j= parseInt(document.mainform.departement.options.selectedIndex); 
	
	   for(i=0;i<=5;i++){
	   
						   if(document.mainform.departement.options.selectedIndex==j)
							  {var cont= parseInt(document.getElementById(j).value)} 
						   else
							  {alert('Points de ventes non trouvé')} 
			
						}

   xhr.open('GET','liste.php?id='+cont,true);
   xhr.send(null);     
}
/****************************************************************************************************************************************/	
   //traitement des fichiers xml
/****************************************************************************************************************************************/		
function affichage_ajax(xhr)
{ var map=load();
	  map.clearOverlays();
    if (xhr.readyState==4) 
    {
    	var docXML= xhr.responseXML;
    	var items = docXML.getElementsByTagName('mag')
    	var html     = ''; /* Présentation HTML de la liste des connectés */
		/* Nombre de membre a afficher */
		count = items.length;
		var markers = docXML.getElementsByTagName("mag");
		
	html += '<table cellpadding="0" cellspacing="0" width="100%" > ';
		
		for(i = 0; i < count; i++) { 


html +='<table cellpadding="2" cellspacing="0" width="100%" align="center" ><tr><td align="center"><img src="'+markers[i].getElementsByTagName("logo")[0].firstChild.nodeValue+'"></td></tr></table>';
html += '</table>';

///gmap markers
var point = new GLatLng(parseFloat(markers[i].getElementsByTagName("x")[0].firstChild.nodeValue),parseFloat(markers[i].getElementsByTagName("y")[0].firstChild.nodeValue));

pdvinfo='<table width="510" height="450"" border="0" align=left cellpadding="0" cellspacing="0"><tr><td><table width="276" border="0" align="left"><tr><td align="left" class="uppertitle">'+markers[i].getElementsByTagName("lab")[0].firstChild.nodeValue+'</td></tr><tr align="left"><td align="left" ><a href="'+markers[i].getElementsByTagName("gallery")[0].firstChild.nodeValue+'" target="_blank"><img src="'+markers[i].getElementsByTagName("gallerypic")[0].firstChild.nodeValue+'" border="0" align="left"></a></td></tr></table></td></tr><tr><td> <table  border="0" cellspacing="3" cellpadding="0" height="200" align="left"><tr><td width="276" valign="top" align="left" height="183"><img src="'+markers[i].getElementsByTagName("image")[0].firstChild.nodeValue+'"></td><td td width="40" align="left"><img src="'+markers[i].getElementsByTagName("logo")[0].firstChild.nodeValue+'"></td></tr><tr><td align="left" width="276" height="180" valign="top" >'+markers[i].getElementsByTagName("adresse1")[0].firstChild.nodeValue+'</td><td align="center"  width="40"><a href="'+(items[i].getElementsByTagName("url")[0].firstChild.nodeValue)+'" target="_blank" ><img src="images/buttons.gif" border="0" ></a></td></tr></table></table>';

var idicon=parseInt(markers[i].getElementsByTagName("id")[0].firstChild.nodeValue);
map.addOverlay(createMarker(point,1,pdvinfo,idicon));
map.setCenter(new GLatLng(parseFloat(markers[i].getElementsByTagName("x")[0].firstChild.nodeValue),parseFloat(markers[i].getElementsByTagName("y")[0].firstChild.nodeValue)),15);	

//alert(html);			
		}
		//html += '</table>';
		//document.getElementById('lastseen').innerHTML ="veuillez patientez carte en cours de chargement..." ;
		document.getElementById('lastseen').innerHTML ="" ;
		document.getElementById('lastseen').innerHTML += html;	
       
	  
	}
}






 