//<![CDATA[
		   
// definition des variables
var link = "http://www.sesame.fr"
var map;
var geocoder;
var marker;
var html ="";

function load_map() { 
     
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(47.227638,0.2111749);
  var myOptions = {
    zoom: 7,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  map = new google.maps.Map(document.getElementById("map_div"), myOptions);
  var infoWindow = new google.maps.InfoWindow;


  downloadUrl(link+"/magasin/xmlrecherche", function(data) {
    var xml = parseXml(data);
    var markers = xml.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      //alert(i);
      //var id = markers[i].getAttribute("id");
      var adresse = markers[i].getAttribute("adresse");
      var id = markers[i].getAttribute("id");
      var cp = markers[i].getAttribute("cp");
      var ville = markers[i].getAttribute("ville");
      var nom = markers[i].getAttribute("nom");
      var telephone = markers[i].getAttribute("telephone");
      var fax = markers[i].getAttribute("fax");
      var responsable = markers[i].getAttribute("responsable");
      var mail = markers[i].getAttribute("mail");
      var site = markers[i].getAttribute("site");
      var horaire = markers[i].getAttribute("horraire");
      var photo = markers[i].getAttribute("photo");
      var lat = markers[i].getAttribute("latitude");
      var lng = markers[i].getAttribute("longitude");

      var point = new google.maps.LatLng(
      parseFloat(lat),
      parseFloat(lng)
    );

      var image = link+'/images/site/logomap.png';

      var marker = new google.maps.Marker({
        map: map,
        position: point,
        icon: image
      });

      var html = "";
      html = getHtml(adresse, cp, ville, telephone, responsable, fax, mail, id, photo, horaire);



      bindInfoWindow(marker, map, infoWindow, html);
    }
  });

 
}
	
	
	
	
	
function zoom(coor) {
  point = coor.split(",");
  var magasin = new google.maps.LatLng(point[0], point[1]);
  map.setCenter(magasin);
  map.setZoom(12);
	 
}
	


function getHtml(adresse, cp, ville, telephone, responsable, fax, mail, id, photo, horaire) {
  html = "<table width='260'><tr valign='top'>";
  html += "<td><b>"+adresse+"</b><br />";
  html += cp+" "+ville+"<br />";
  html += "Responsable : "+responsable+"<br />";
  html += "Téléphone : "+telephone+"<br />";
  html += "Fax : "+fax+"<br />";
  html += "<a href='mailto:"+mail+"'>Email : "+mail+"</a><br />";
  html += horaire+"<br />";
  html += "<img src='"+link+"/uploads/magasins/min/"+photo+"' width='250' height='150'></td>";
  html += "</tr></table>";
  return html;
}

function bindInfoWindow(marker, map, infoWindow, html) {
  google.maps.event.addListener(marker, 'click', function() {
    infoWindow.setContent(html);
    infoWindow.open(map, marker);
  });
}

function downloadUrl(url,callback) {
  var request = window.ActiveXObject ?
    new ActiveXObject('Microsoft.XMLHTTP') :
    new XMLHttpRequest;
  request.onreadystatechange = function() {
    if (request.readyState == 4) {
      request.onreadystatechange = doNothing;
      callback(request.responseText, request.status);
    }
  };
  request.open('GET', url, true);
  request.send(null);
}

function parseXml(str) {
  if (window.ActiveXObject) {
    var doc = new ActiveXObject('Microsoft.XMLDOM');
    doc.loadXML(str);
    return doc;
  } else if (window.DOMParser) {
    return (new DOMParser).parseFromString(str, 'text/xml');
  }
}

function doNothing() {}

//]]>  

