var map;

function getEditIcon(nom)
{
  return "";
  //  nom = nom.replace(/\'/g,"");
  //  nom = nom.replace(/\"/g,"");
  //  return "<img  class='editWindow' onClick='showFormIMG(\"WE_"+nom+"\");' id ='WE_"+nom+"'  alt='Modifier' title='Modifier'   src='./icones/icon_edit.png'>";
}

var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(32, 32);
baseIcon.shadowSize = new GSize(32, 32);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
function load() {
  
  if ( googleIsHere && GBrowserIsCompatible()) {

    map = new GMap2(document.getElementById("map"));    
    //    var center = new GLatLng(45.186703,5.732138);
    var center = new GLatLng(45.1867706345576,5.73166608810424);
    //    GEvent.addListener(map, "click", function(marker, point) 
 //		       {
 //			 if (marker) {
 //			   ;
 //			 } 
			 //else {
 //			 //  logIfNecessary(map,marker, point,"showLieuForm");		
 //			 //			 }			 			       
 //		       });
    map.setCenter(center, 16);
    map.addControl(new GSmallMapControl());

    //Create draggable icon
    new_dragable_marker(map ,new GLatLng(45.18481969220135,5.736730098724365));

  }
  var  listeLieux  = document.getElementById("lieux");
  var i=0;
  var lastIcone="";
  for (i=0;i<tabLieux.length;i++)
    {	
      if ( googleIsHere && GBrowserIsCompatible()) {
	var marker=createMarker( new GLatLng(tabLieux[i].x,tabLieux[i].y ),tabLieux[i].nom,tabLieux[i].lettre,tabLieux[i].nom+"<br>"+tabLieux[i].texte,tabLieux[i].icon);
	tabMarker[i]= marker;
	map.addOverlay(marker);
      }


      var divBase=document.getElementById("menu");
      var div=divBase.cloneNode(false);
      div.style.visibility="visible" ;
      if (lastIcone!=tabLieux[i].iconName)
	{
	  var cent=document.createElement("left");
	  var img=document.createElement("img");

	  img.src="./icones/"+tabLieux[i].iconName;
	  img.alt=tabLieux[i].iconTitle;
	  img.title=tabLieux[i].iconTitle;
	  img.className="imgListeLieux";
	  cent.appendChild(img);
	  var ttitle=document.createElement("span");
	  ttitle.className="titleListeLieux";
	  ttitle.appendChild(document.createTextNode(tabLieux[i].iconTitle));
	  cent.appendChild(ttitle);
	
	  listeLieux.appendChild(cent);
	  
	  lastIcone=tabLieux[i].iconName;
	}
      div.appendChild(document.createTextNode(tabLieux[i].nom));
      div['oneventobj'] = div;
      if(window.addEventListener)
	{	  
	  ///  div.addEventListener("click",goToTheLocation ,true);
	///  div.addEventListener("mouseover",changeBackEE(div),true);
	///  div.addEventListener("mouseout",changeBackFF(div),true);
	}
      else
	{
	///  div.attachEvent("onclick",goToTheLocation);	  
	///  div.attachEvent("onmouseover",changeBackEE(div));
	///  div.attachEvent("onmouseout",changeBackFF(div));
	}
      div.setAttribute("number", i);
      div.className="lieuUnselected";  
      listeLieux.appendChild(div);	
    }
}

function changeBackEE(div)
{  div.className = "lieuSelected";}
function changeBackFF(div)
{  div.className = "lieuUnselected";}


function createMarker(point, nom,letter,text,theIcon) {
  var icon=theIcon;
  if (icon==null){
    icon= new GIcon(baseIcon);
    iconBase="http://www.google.com/mapfiles/marker" + letter + ".png";
    icon.image = iconBase;
  }     
  var mkrOpts = {};
  mkrOpts.title = nom;
  mkrOpts.icon = icon;

  text=text+getEditIcon(nom);
  var marker = new GMarker(point,mkrOpts );
  GEvent.addListener(marker, "click", function() {
		       marker.openInfoWindowHtml(text);
		       prefillFormWithMarker(marker);
		     });
  return marker;
}


function new_marker(map,point,icone) {       
  var marker = new GMarker(point,icone);
  map.addOverlay(marker);
  return marker;
} 

function new_dragable_marker(map,point) {       
  var marker = new GMarker(point, {draggable: true});
  GEvent.addListener(marker, "dragstart", function() {
		       
		       //		       map.closeInfoWindow();
		       // getMouseXY;
		     });
  GEvent.addListener(marker, "dragend", function() {		       
		       var myForm=document.getElementById('formAdd');		       
		       myForm.y.value=marker.getPoint().x;
		       myForm.x.value=marker.getPoint().y;
		       showFormEV();
		     });
  map.addOverlay(marker);
  return marker;
}