﻿var map;
// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);

function mapload() {
  if (GBrowserIsCompatible()) {
    try
    {
        map = new GMap2(document.getElementById("mapholder"));
        map.addControl(new GMapTypeControl());
        map.addControl(new GSmallMapControl());
        map.addControl(new GOverviewMapControl());
        map.setCenter(new GLatLng(lang, lat), zoom);
        var geocoder = new GClientGeocoder();
        for(i = 0; i < slang.length; i++)        
        {  
        addMarker(slang[i],slat[i],i);   
        }
    }
    catch(error) { }
  }
}

function addMarker(iLang,iLat,pos)
{
    var letter = String.fromCharCode("A".charCodeAt(0) + pos);  
    var letteredIcon = new GIcon(baseIcon);  
    letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png"; 
    // Set up our GMarkerOptions object  
    markerOptions = { icon:letteredIcon };
    var marker = new GMarker(new GLatLng(iLang, iLat), markerOptions)
    GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(htmlArray[pos]);});		 		
    map.addOverlay(marker);
}

window.onload = mapload
window.onunload = GUnload
