var infowindow;
  var map;
  var image = 'http://labs.google.com/ridefinder/images/mm_20_green.png';
  var ombre = '/images/mm_20_shadow.png';
  var sideBar = document.getElementById("sidebar");
  
  function initialize() {
    var myLatlng = new google.maps.LatLng(46.769167,2.444167);
    var myOptions = {
      zoom: 5,
      center: myLatlng,
      mapTypeId: google.maps.MapTypeId.TERRAIN,
	  navigationControl: true,
	  scrollwheel: false,
	  navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN}
	  
    }
	
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	
    downloadUrl("test.xml", function(data) {
      var markers = data.documentElement.getElementsByTagName("marker");
      for (var i = 0; i < markers.length; i++) {
	  
		var titre = markers[i].getAttribute("titre");
		var adresse = markers[i].getAttribute("adresse");
		var tel = markers[i].getAttribute("telephone");
		var fax = markers[i].getAttribute("fax");
		var lien = markers[i].getAttribute("lien");
		var titrelien = markers[i].getAttribute("titrelien");
		var mail = markers[i].getAttribute("mail");
        
        var latlng = new google.maps.LatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")));
        var marker = createMarker(titre, adresse, tel, fax, lien, titrelien, mail, latlng);
		var sideb = addToSideBar(marker, titre);
       } 
     });
	 
	
  }
  
   function Remplace(expr,a,b) {
      var i=0
      while (i!=-1) {
         i=expr.indexOf(a,i);
         if (i>=0) {
            expr=expr.substring(0,i)+b+expr.substring(i+a.length);
            i+=b.length;
         }
      }
      return expr 
   }


  function createMarker(name, adresse, tel, fax, lien, titrelien, mail, latlng) {
    var marker = new google.maps.Marker({position: latlng, map: map, icon: image, shadow: ombre, title: name});
    google.maps.event.addListener(marker, "click", function() {
      if (infowindow) infowindow.close();
	  var adresse2 = Remplace(adresse,"_","<br/>");
	  
	  var nom = name.split('(');
	  
	  var mcontent = '<div id="titre" style="text-align:left; background-color:#f0f5fb;"><b>'+nom[0]+'</b></div><div id="texte" style="text-align:left; overflow-x:hidden; overflow-y:hidden; font-size:.8em;">'+adresse2+'<br/><br/>'+tel+'<br/>'+fax+'<br/>';
	  var mlien ='<br/><a href="'+lien+'" target="_blank">'+titrelien+'</a>';
	  var mmail ='<br/><a href="mailto:'+mail+'>'+mail+'</a><br/></div>';
	  if (titrelien !=="") { mcontent = ""+mcontent+""+mlien+""; }
	  if (mail !=="") { mcontent = ""+mcontent+""+mmail+""; }
	  
	  
      infowindow = new google.maps.InfoWindow({content: mcontent});
      infowindow.open(map, marker);
    });
    return marker;
  }
  
 function createElem(opt_className, opt_html, opt_tagName) {
  var tag = opt_tagName||"div";
  var elem = document.createElement(tag);
  if (opt_html) elem.innerHTML = opt_html;
  if (opt_className) elem.className = opt_className;
  return elem;
}
  

function addToSideBar(point,titre){ 
	  //var titrec = titre.substr(14);
	  var titre = Remplace(titre,"D.D.A.S.S des ","");
	  var titrec = Remplace(titre,"D.D.A.S.S de l'","");
	  var titrecc = Remplace(titrec,"D.D.A.S.S. de la","");
	  var titreccc = Remplace(titrecc,"D.D.A.S.S. du","");
	  var titrecccc = Remplace(titreccc,"D.D.A.S.S. de","");
	  var titreccccc = Remplace(titrecccc,"s ","");
	  var titrecccccc = Remplace(titreccccc,"l'","");
	  var titreccccccc = Remplace(titrecccccc,"D.D.A.S.S. d'","");
	  var titrecccccccc = Remplace(titreccccccc,"D.S.D.S. de ","");
	  var titreccccccccc = Remplace(titrecccccccc,"D.A.S.S. de ","");
	  var label = createElem("sidebar-entry", titreccccccccc, "a");
	  var sideBar = document.getElementById("sidebar");
	  label.href = "#";
	  label.style.display = "block";
	  label.onclick = function(){new google.maps.event.trigger(point,'click'); return false};//x-browser
	  label.onfocus = function(){new google.maps.event.trigger(point,'click'); return false};
	  sideBar.appendChild(label);
	  google.maps.event.addListener(point, 'click', function(){label.focus(); return false});
	
	  return point;
}

function clearSideBar(){
  var sideBar = document.getElementById("sidebar");
  while (sideBar.firstChild) {
    sideBar.removeChild(sideBar.firstChild);
  }
}

function recentre() {  
var centre = new google.maps.LatLng(46.769167,2.444167); 
map.setCenter(centre);
map.setZoom(5);
}