//<![CDATA[

var MyMap;

function createMarker_OLD( posn, title, info ) {
  var base_icon = new GIcon(G_DEFAULT_ICON);
  var g_icon    = new GIcon( base_icon );
  g_icon.infoWindowAnchor = new GPoint(9.0, 9.0);

  var marker = new GMarker(posn, {title: title, draggable:false, icon:g_icon});

  GEvent.addListener( marker, "click", function() {
      marker.openInfoWindowHtml( info );
  });

  return marker;
}

function createMarkerWithIcon( posn, title, icon_off, info, h_off ) {

    var base_icon = new GIcon(G_DEFAULT_ICON);
    var g_icon = new GIcon( base_icon );

    var i_h = 24;
    var i_v = 24;
    //g_icon.image = "http://gardsbutiker-skane.se/bilder/icon49.png";
    g_icon.image = "http://gardsbutiker-skane.se/markers/image.png";
    g_icon.iconSize = new GSize(i_v,i_h);
    g_icon.iconAnchor = new GPoint(i_v/2, i_h/2);
    // http://www.cycloloco.com/shadowmaker/
    g_icon.shadow = "http://gardsbutiker-skane.se/bilder/icon49s.png";
    g_icon.shadowSize = new GSize(0, 0);
    //
    g_icon.infoWindowAnchor = new GPoint(i_v/2, i_h/2);
    
    var marker = new GMarker(posn, {title: title, draggable:false, icon:g_icon});

    GEvent.addListener( marker, "click", function() {
			    marker.openInfoWindowHtml( info );
			});
    
    return marker;
}

function onLoad() {
  MyMap = new GMap2(document.getElementById("map"));
  
  MyMap.addControl(new GLargeMapControl());
  MyMap.addControl(new GMapTypeControl());
  //
  var bounds = new GLatLngBounds();
  bounds.extend(new GLatLng( 55.56, 13.44 ));
  bounds.extend(new GLatLng( 56.52, 14.03 ));
  //
  MyMap.setCenter(bounds.getCenter(), MyMap.getBoundsZoomLevel(bounds));
  //
  var filter_param = "all";
  var markers = new Array();
  
 var customTips = $$('.tooltip');
 var toolTips = new Tips(customTips);

 var div_markers = $$('.marker');

 div_markers.each(function(el){
     var name     = el.get("name");
     var gid      = el.get("gid");
     var lat      = el.get("lat");
     var lon      = el.get("lon");
     var website  = el.get("website");
     var products = el.get("products");
	
     var box = "<div style=\"font-size:11px;font-family:Verdana,arial,sans-serif;width:200px;\">";
     box = box + "<div style=\"float:left;\"><span style=\"font-weight:bold;font-size:12px;\">" + name + "</span><br/><br/>";
     
     if (website.length > 2) {
       box = box + "<br/><a target=\"_blank\" href=\""+website+"\">" + website +"</a>";
     }
     box = box + "<br/><span style=\"color:#999999;\">" + products + "</span>";
     
     box = box + "<br/><span style=\"color:#999999;\">GPS-koordinater: " + lat + "," + lon + "</span>";
     
     box = box + "</div></div>";
          
     if ( (lat > 0.1) && (lon > 0.1) ) { // can be < 0 also (not in Skåne)

	 var pos    = new GLatLng( lat, lon );
	 var marker = createMarkerWithIcon( pos, name, "", box, 0 ); 
	 //var marker = createMarker( pos, name, box ); 
	 markers.push(marker);

       var gard_id = 'gard' + gid;
       var id_el = $( gard_id );
       var params = new Array();
       params.push(gard_id);
       params.push(marker);
       params.push(pos);
///*
       id_el.addEvent( 'click',
		       function() {
			 MyMap.panTo( this[2] );//map.setCenter( pos );
			 GEvent.trigger(this[1], "click");
		       }.bind(params));
//*/

     } // if
     
   }); // markers.each
 var mgrOptions = { maxZoom: 14 };
 mgr = new MarkerManager(MyMap, mgrOptions);
 mgr.addMarkers( markers, 4 ); // don't show if zoom < 4
 mgr.refresh();
}
//]]>