//<![CDATA[
var map;
var nbUsr;
var listUsr=new Array;
var marker_usr=new Array;
var overview;
var ovmap;

window.onload = function() {
        /*for(var i=0; i<nbUsr;++i)
        {*/
          map= new GMap2(document.getElementById("map"));
          map.addControl(new GLargeMapControl());
          map.setCenter(new GLatLng(46.98,2.68),6);
          map.addControl(new GMapTypeControl(true));
          //map.addMapType(G_PHYSICAL_MAP) ;
          map.setMapType(G_SATELLITE_MAP);
          overview = new GOverviewMapControl(new GSize(300,150));
          map.addControl(overview);
          ovmap=overview.getOverviewMap();
          //ovmap.setMapType(G_SATELLITE_TYPE);
          
          /*map.hideControls();
          GEvent.addListener(map, "mouseover", function(){
          map.showControls();
          });
          GEvent.addListener(map, "mouseout", function(){
          map.hideControls(); 
          });*/
          //GLog.write('message');
          //GEvent.addListener(map,"move",function(){ovmap.setZoom(1)}); 
          
          //GEvent.addListener(map, 'moveend', function(){ alert(map.getZoom().toString()+' moveend: ' + map.getCenter().toString()) });
          
          map.enableContinuousZoom();
          map.enableDoubleClickZoom();
        //}


        // ====== set up marker mouseover tooltip div ======
        tooltip = document.createElement("div");
        //document.getElementById("map").appendChild(tooltip);pour la v 2.43
        map.getPane(G_MAP_FLOAT_PANE).appendChild(tooltip); //pour la v>2.44
        tooltip.style.visibility="hidden";
        


        for(var i=0; i<listUsr.length; i++)
        {
          if(listUsr[i]["latitude"]!=0 && listUsr[i]["longitude"]!=0)
          {
            var point=new GLatLng(listUsr[i]["latitude"],listUsr[i]["longitude"]);
            var marker = createMarker(point,listUsr[i]["id"],listUsr[i]["username"],icon_evt );
            displayOverviewMarkers(point);
            //setTimeout("displayOverviewMarkers("+point+")",1);
          }
        
        }
        
        
        GEvent.addListener(map,'moveend',function(){ovmap.setZoom(0)});
        GEvent.addListener(map,'move',function(){ovmap.setZoom(0)});
        setTimeout("ovmap.setZoom(0);ovmap.setMapType(G_SATELLITE_TYPE);",1); 
        //setTimeout("displayOverviewMarkers()",1);
        
}

function createMarker(point,UsrId,html,icon) 
{
        var marker = new GMarker(point,icon);
        marker.tooltip = '<div class="tooltip">'+html+'</div>';
         //marker.tooltip='<div id="krazy_container"><div class="raised"><b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b><div class="boxcontent">'+html+'</div><b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b></div>'

        marker_usr[UsrId]=marker;        
        GEvent.addListener(marker,"mouseover", function() {
            showTooltip(marker);
        });        
        GEvent.addListener(marker,"mouseout", function() {
                            tooltip.style.visibility="hidden"
        });
        
        GEvent.addListener(marker, "click", function() {
              var adresse='kisomnou.php#'+UsrId;
              window.location.href=adresse;
        });

        map.addOverlay(marker);
}

function showTooltip(marker) 
{   
//tooltip.innerHTML='<div id="krazy_container"><div class="raised"><b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b><div class="boxcontent">'+marker.tooltip+'</div><b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b></div>'
    tooltip.innerHTML = marker.tooltip;
	var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.fromDivPixelToLatLng(new GPoint(0,0),true),map.getZoom());
	var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
	var anchor=marker.getIcon().iconAnchor;
	var width=marker.getIcon().iconSize.width;
	var height=tooltip.clientHeight;
	var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y - point.y -anchor.y -height)); 
	pos.apply(tooltip);
	tooltip.style.visibility="visible";
}


 function displayOverviewMarkers(point) {

        var marker=new GMarker(point, icon_tiny);
        GEvent.addListener(marker, "click", function() {
            map.setCenter(marker.getPoint());
        });
        ovmap.addOverlay(marker);
 } 


image_evt = new Image(13,22);
image_evt.src = "img/pin_red.png";

image_evt_shadow = new Image(13,22);
image_evt_shadow.src = "img/pin_red_shadow.png";

var icon_evt = new GIcon();
icon_evt.image = image_evt.src;
icon_evt.shadow = image_evt_shadow.src;
icon_evt.iconSize = new GSize(13, 22);
icon_evt.shadowSize = new GSize(24, 22);
icon_evt.iconAnchor = new GPoint(6, 20);
icon_evt.infoWindowAnchor = new GPoint(6, 20);

image_tiny = new Image(4,4);
image_tiny.src = "img/tiny_marker.png";

var icon_tiny = new GIcon();
icon_tiny.image = image_tiny.src;
icon_tiny.iconSize = new GSize(4, 4);
icon_tiny.iconAnchor = new GPoint(1, 1);
icon_tiny.infoWindowAnchor = new GPoint(1, 1);

//]]>