// Google Map function loads the map
function load() 
{
  if (GBrowserIsCompatible())
  {
    //------------------------------------------------------------------------
    // Define variables
    
    // Center of map
    var mapCenter = new GLatLng(48.4093586,15.6924608);
    // Name of html div in frontend
    var divName = "map";
    
    // EACH ARRAY NEEDS TO BE OF THE SAME LENGHT !!!!
    // Define markerPoints on map
    var markerPoints = new Array(
                new GLatLng(48.4093586,15.6924608), 
                new GLatLng(48.4093586,15.6924608),
                new GLatLng(48.4093586,15.6924608));
    // Set size of icon
    var iconSizes = new Array(
                new GSize(32, 32), 
                new GSize(32, 32), 
                new GSize(32, 32));
    // Set location of marker icon file
    var iconFileLocations = new Array(
                  "", 
                  "", 
                  "" );
    // Custom text to be displayed in info window
    var customTexts = new Array(
      "<font style='font-size:11px;'><b>deutsch werbung</b><br/>j.m.deutsch gmbh<br/>3494 Stratzdorf, Gewerbestrasse 4 Top 2 <br/><br/>phone & fax:<br/>02735 / 80 199 <br/></font>",
      "<font style='font-size:11px;'><b>deutsch werbung</b><br/>j.m.deutsch gmbh<br/>3494 Stratzdorf, Gewerbestrasse 4 Top 2 <br/><br/>phone & fax:<br/>02735 / 80 199 <br/></font>",
      "<font style='font-size:11px;'><b>deutsch werbung</b><br/>j.m.deutsch gmbh<br/>3494 Stratzdorf, Gewerbestrasse 4 Top 2 <br/><br/>phone & fax:<br/>02735 / 80 199 <br/></font>");
  
    
    //------------------------------------------------------------------------
    // Set map stuff
    
    // create new map in frontend div tag
    var map = new GMap2(document.getElementById(divName));    
    // Add functions (wheel, type and large controls)
    map.enableScrollWheelZoom();
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());      
    // set center of map
    map.setCenter(mapCenter, 15);
    // set zoom of map
    map.setZoom(12);
  
    
    //------------------------------------------------------------------------
    // Add markers to map, depending on the size of the array markerPoints
    
    // define markerIcon array
    var markerIcons = new Array();
    markerIcons.length = markerPoints.length;
    
    // define marker array
    var markers = new Array();
    markers.length = markerPoints.length;
    
    // go thru all markerPoints entries
    for(i = 0; i < markerPoints.length; i++)
    {
      markerIcons[i] = new GIcon(G_DEFAULT_ICON);
      markerIcons[i].iconSize = iconSizes[i];
      markerIcons[i].image = iconFileLocations[i];

      markerOptions = { icon:markerIcons[i] };
      
      markers[i] = new GMarker(markerPoints[i], markerOptions);
      markers[i].markerText = customTexts[i];      
      
      GEvent.addListener(markers[i], "click", function()
      {
        this.openInfoWindowHtml(this.markerText);
      });
      
      map.addOverlay(markers[i]);
    }
    
    markers[1].openInfoWindowHtml(markers[1].markerText);
  }
}
