// global 
var map;
var MarkersArray = [];  
var MarkersArray_H = [];  

function initializeGmap() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map_canvas"));
    
        $('body').unload('GUload');
        
        var point = new GLatLng(58.664665, 16.455116);
        
        // Create our "zoo" marker icon
        var zooIcon = new GIcon();
        zooIcon.image = "/Templates/Public/Images/ramverk/Logo_gmap_small.png";
        zooIcon.iconSize = new GSize(80, 20);
        zooIcon.iconAnchor = new GPoint(6, 20);
        zooIcon.infoWindowAnchor = new GPoint(5, 1);
        markerOptions = { icon:zooIcon };

        map.addOverlay(new GMarker(point,markerOptions));
        
        map.setCenter(point, 8);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        $("#housingVip input.cordinates").each(function(i, obj){
           var cords = $(obj).attr('value').split(';');
           var lat = cords[0];
           var lng = cords[1];
           addNewMarker(lat, lng);
           
        });
            
            
            
        highlightMarkerByIndex(0);
            
            
        $("#housingVip").find("li:eq(0)").addClass("selected");
        setHousingText(0);
      }
    }
    
    function addNewMarker(lat, lng)
    {
    try{
            var ix = MarkersArray.length;
            var marker = getMarker(lat, lng, "3D4AFF");
            var hmarker = getMarker(lat, lng, "FF0509");
           
            marker.hide();
            hmarker.hide();
            
            MarkersArray[ix] = marker;
            MarkersArray_H[ix] = hmarker;
            
            map.addOverlay(hmarker);
            map.addOverlay(marker);
        }
        catch(Exception){
        }
        
    }
    function highlightMarkerByIndex(inx){
        try{
            var marker = MarkersArray[inx];
            var hMarker = MarkersArray_H[inx];
       
            hMarker.show();
            marker.hide();
            map.panTo(hMarker.getLatLng()); 
        }
        catch(Exception){
        }
    }
    
    function setDefaultMarkerByIndex(inx){
    
    try{
            var marker = MarkersArray[inx];
            var hMarker = MarkersArray_H[inx];
            
            hMarker.hide();
            marker.show();
        }
        catch(Exception){
        }
        
    }
    
    function getMarker(lat, lng, color){
    
            var point = new GLatLng(lat,lng);
        
                var homeIcon = new GIcon();
                homeIcon.image = "http://chart.apis.google.com/chart?chst=d_map_pin_icon&chld=home|" +color;
                homeIcon.shadow = "http://chart.apis.google.com/chart?chst=d_map_pin_shadow";
                homeIcon.iconSize = new GSize(20, 28);
                homeIcon.shadowSize = new GSize(22, 20);
                homeIcon.iconAnchor = new GPoint(6, 20);
                homeIcon.infoWindowAnchor = new GPoint(5, 1);
                markerOptions = { icon:homeIcon };
               
            return new GMarker(point,markerOptions);
    }
    function setHousingText(inx){
        
         var preamble = $("#housingVip li:eq("+inx+") input.preamble").val();
         $(".vippreamble p").html(preamble);
         var heading = $("#housingVip li:eq("+inx+") input.heading").val();
         $(".vippreamble h2").html(heading);
         var link = $("#housingVip li:eq("+inx+") input.link").val();
         $(".vippreamble a").attr('href', link);
         
         
    }
    function replaceMarker(arrayName,replaceTo, replaceWith){
      for(var i=0; i<arrayName.length;i++ )
      {  
        if(arrayName[i]==replaceTo)
          arrayName.splice(i,1,replaceWith);          
      }        
    }