var coords = {2:[47.216939,-1.556846],3:[47.256741,-1.508467],5:[47.224783,-1.630385],8:[47.174900,-1.556872]};
    var arrayPoints;
    var map;
    var mgr;

    function getVar(name)
    {
         get_string = document.location.search;         
         return_value = '';
         
         do { //This loop is made to catch all instances of any get variable.
            name_index = get_string.indexOf(name + '=');
            
            if(name_index != -1)
              {
              get_string = get_string.substr(name_index + name.length + 1, get_string.length - name_index);
              
              end_of_value = get_string.indexOf('&');
              if(end_of_value != -1)                
                value = get_string.substr(0, end_of_value);                
              else                
                value = get_string;                
                
              if(return_value == '' || value == '')
                 return_value += value;
              else
                 return_value += ', ' + value;
              }
            } while(name_index != -1)
            
         //Restores all the blank spaces.
         space = return_value.indexOf('+');
         while(space != -1)
              { 
              return_value = return_value.substr(0, space) + ' ' + 
              return_value.substr(space + 1, return_value.length);
							 
              space = return_value.indexOf('+');
              }
          
         return(return_value);        
    }
    
    var req=null;
    var console=null;
    var READY_STATE_UNINITIALIZED=0;
    var READY_STATE_LOADING=1;
    var READY_STATE_LOADED=2;
    var READY_STATE_INTERACTIVE=3;
    var READY_STATE_COMPLETE=4;
    var secteur;
    
    function sendRequest(url)
    {
        HttpMethode = "GET";
        req = initXMLHTTPRequest();
        if(req){
            req.onreadystatechange = onReadyState;
            req.open(HttpMethode,url,true);
            req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            req.send(null);
        }
    }
    
    function initXMLHTTPRequest()
    {
        var xRequest=null;
        if(window.XMLHttpRequest){
            xRequest=new XMLHttpRequest();
        }else if(window.ActiveXObject){
            xRequest=new ActiveXObject("Microsoft.XMLHTTP");
        }
        return xRequest;
    }
    
    function onReadyState()
    {
        var ready=req.readyState;
        var data=null;
        if(ready==READY_STATE_COMPLETE){
            data=req.responseText;
        }
        if((data!='')&&(data!=null))
        {
            //alert("data="+data);
            arrayPoints = eval('(' + data + ')');
            afficheCarte(secteur,arrayPoints);
        }
    }
    
    function load()
    {
        secteur = getVar("sec");
                
        surface = getVar("surf");
        var var_surf = "";

        if(secteur != "")
        {
            changeSecteur();
            if(surface != null)
            {
                var surfaces = surface.split("_");
                for(i = 0; i<surfaces.length;i++)
                {
                    var surf = surfaces[i];
                    if(surf!="")
                    {
                        switch(surf)
                        {
                            case "1" :
                                document.getElementById("sup_inf_200").setAttribute("checked","checked");
                                break;
                            case "2" :
                                document.getElementById("sup_200_500").setAttribute("checked","checked");
                                break;
                            case "3" :
                                document.getElementById("sup_500_1000").setAttribute("checked","checked");
                                break;
                            case "4" :    
                                document.getElementById("sup_sup_1000").setAttribute("checked","checked");
                                break;
                        }
                    }
                }
                var_surf = "&surf=" + surface;
                document.getElementById("sec").value = secteur;
            }
            sendRequest("pages/_carte.aspx?sec=" + secteur + var_surf);
        } else {
            secteur = 2;
            changeSecteur();
            sendRequest("pages/_carte.aspx");
        }
    }

    function afficheCarte(secteur , arrayPoints1) {
      
      if( document.getElementById("div_carte") != null)      
      {   
            if (GBrowserIsCompatible()) {

                this.arrayPoints = arrayPoints1;
                
                var div_map = document.getElementById("div_carte");
                var carte_annonce = div_map.parentNode;
                var coord_x = coords[secteur][0];
                var coord_y = coords[secteur][1];
                var annonce = '';
                
                map = new GMap2(div_map);
                map.setCenter(new GLatLng(coord_x, coord_y),12);
                map.addControl(new GLargeMapControl());
                map.addControl(new GOverviewMapControl());
                map.addControl(new GMapTypeControl(),
               new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10, 10)));

                map.enableDoubleClickZoom();
                setupOfficeMarkers();
            }
        }
     }
      
      function setupOfficeMarkers() {
                   mgr = new GMarkerManager(map);
                   var markers = [];
                   var icon = new GIcon();
                   icon.image = "images/common/fleche.png";
                   icon.iconSize = new GSize(31, 36);
                   icon.iconAnchor = new GPoint(15,15);
                   icon.infoWindowAnchor = new GPoint(5,1);
                   
                   for ( var i in this.arrayPoints)
                   {
                      var layer = this.arrayPoints[i];

                      coord_x = layer[2];
                      coord_y = layer[3];
                      annonce = layer[1];
                      titre = layer[0];
                      image = layer[4];
                      
                      var point = new GLatLng(coord_x, coord_y); 
                      //var marker = new GMarker(point, icon[i]);
                      markers[i] = new GMarker(point, icon);
                      markers[i].annonce = annonce;
                      markers[i].titre = titre;
                      markers[i].image = image;
                      GEvent.addListener(markers[i], "click", function () {
				        on_click(this);
		              });
		              GEvent.addListener(markers[i],"mouseover", function() {
				        on_mouseover(this);
		              });
                   }

                  mgr.addMarkers(markers,0);
                  mgr.refresh();

    }
    
    function on_click(marker)
    {
        window.location = marker.annonce;
    }
    
    function on_mouseover(marker)
    {
        var str1 = "<div style='width:200px;height:auto;'><p>" + marker.titre + "</p>";

        if(marker.image != "")
        {
           str1 = "<div style='width:200px;height:200px;'><p>" + marker.titre + "</p>";
           var preload_img = new Image(); 
           preload_img.src=marker.image; 
            str1 += "<div style='width:100%;text-align:center;'><a href='" + marker.annonce + "' style='text-decoration:none;'><img src='" + preload_img.src + "' border='0'><span style='text-decoration:underline;'>&gt;&gt;Voir la fiche d&#233;taill&#233;e</span></a></div>";
           preload_img.onLoad = marker.openInfoWindowHtml(str1 +"</div>");
        }
        else
        {
            marker.openInfoWindowHtml(str1 +"</div>");
        }
    }
    
    function changeSecteur()
    {
        var a_href = document.getElementById("href" + secteur);
        if(a_href)
        {
            a_href.style.color = "#F36648";
            a_href.style.fontWeight = "bold";
        }
    }