//Javascript map functions
var mm;
var markerArray = new Array();
var numberOfElements = 0;
var side_bar_html='';
var IsClicked = false;
var map;

function initMap(zoom, latitude, longtitude)
{

    if(GBrowserIsCompatible())
    {
        //Create Map
        try
        {
            parent.Hoofdmap = new GMap2(document.getElementById("Map_hoofdcanvas"), {draggableCursor: 'crosshair', draggingCursor: 'pointer'} );
        }
        catch(err)
        {
        
        }
        parent.Hoofdmap.setCenter(new GLatLng(latitude, longtitude), zoom);
        parent.Hoofdmap.addControl(new GScaleControl());
        parent.Hoofdmap.addControl(new GLargeMapControl());
        parent.Hoofdmap.addControl(new GMapTypeControl());
        parent.Hoofdmap.addControl(new GOverviewMapControl());
        
        //Create Marker Manager
        mm = new GMarkerManager(Hoofdmap);

    }
    else
    {
        alert("Sorry, the Google Maps API was aborted. It may be because Google Maps is not compatible with this browser.");
    }
}

function createTopMarker(point, land, landtotaal)
{

     var icon = new GIcon();
    icon.image = "./pics/dog.png";
    icon.iconAnchor = new GPoint(16,16);
    icon.infoWindowAnchor = new GPoint(24,4);

    //custom icons list
    opts = {        "icon": icon,
                    "clickable": false,
                    "draggable": false,
                    "labelText": "<div style=\"font-weight: bold;font-family:arial;color:white;cursor:pointer;width: 210px\" ><span style=\"margin-left: 30px;margin-top: 2px;margin-bottom: 2px;background-image:url(pics/bg_oranje.png);\" ><a style=\"color:#FFFFFF;text-decoration : none ;font-size:14px\" href=\"Kaart.aspx?landcode=" + land + "\" target=\"kaartzoekframe\">" + landtotaal + "</a></span></div>",
                    "labelOffset": new GSize(-16, -16)
    };

    var marker = new LabeledMarker(point, opts);
    marker.IsClicked = false;
    
    GEvent.addListener(marker, "infowindowclose", function(){

        marker.IsClicked = false;
    });
 
    mm.addMarker(marker,5,5);
}
/*
function createProvincieMarker(point, provincie, provincietotaal)
{

     var icon = new GIcon();
    icon.image = "./pics/icong.png";
    icon.iconAnchor = new GPoint(16,16);
    icon.infoWindowAnchor = new GPoint(24,4);

    //custom icons list
    opts = {        "icon": icon,
                    "clickable": false,
                    "draggable": false,
                    "labelText": "<div style=\"font-weight: bold;font-family:arial;color:white;cursor:pointer;width: 210px\" ><span style=\"margin-left: 4px;margin-top: 7px\" ><a style=\"color: #000000;font-size:10px;text-decoration:none\" href=\"Kaart.aspx?provinciecode=" + provincie + "\" target=\"kaartzoekframe\">" + provincietotaal + "</a></span></div>",
                    "labelOffset": new GSize(-16, -16)
    };

    var marker = new LabeledMarker(point, opts);
    marker.IsClicked = false;
 
    mm.addMarker(marker,6,7);
}
*/
function Openwindow(data, markernumber, action)
{
/*
    if(action == "clicked")
    {
        markerArray[markernumber].closeInfoWindow();
        IsClicked = true;
        markerArray[markernumber].openInfoWindowHtml(data);
    }
    else if(action == "over")
    {
        if(!markerArray[markernumber].IsClicked)
            markerArray[markernumber].openInfoWindowHtml(data);
    }
    else if(action == "out")
    {
         if(!markerArray[markernumber].IsClicked)
            markerArray[markernumber].closeInfoWindow();
    }
    else
    {
        IsClicked = false;
    }
    */
    
}

function createMarker(point, name, html, picname, tooltip)
{
   var icon = new GIcon();
    icon.image = picname;
  icon.iconSize = new GSize(32, 32);   // grootte icoontje
  icon.iconAnchor = new GPoint(16, 32);  // Anker van het icoontje, dus de plek op de afbeelding die precies op het coordinaat moet staan
  icon.infoWindowAnchor = new GPoint(16,16);
    
    
    var marker = new GMarker(point, icon);
    //var markerSmall = new GMarker(point, icon);
    var isClicked = false;
    
    //click event
    GEvent.addListener(marker, "click", function(){
        isClicked = true;
        marker.openInfoWindowHtml(html);
    });

    //mouseover
    GEvent.addListener(marker, "mouseover", function(){
        if(!isClicked){
            marker.openInfoWindowHtml(tooltip);
            isMouseOver = false;
        }
    });
/*
    //mouseout
    GEvent.addListener(marker, "mouseout", function(){
        if(!isClicked){
            closeInfoWindow();
            isMouseOver = true;
        }
    });
*/
    GEvent.addListener(marker, "infowindowclose", function(){
        isClicked = false;
        IsClicked = false;
    });

    mm.addMarker(marker,7,17);
  //  numberOfElements++;
  //  markerArray[numberOfElements] = marker;
}