var map = null;

function loadLocationMap() 
{       

	if (GBrowserIsCompatible()) 
	{    	     
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
        	map.addControl(new GMapTypeControl());
        
        showOverview();

        for (var i = 0; i < locations.length; i++)
        {
        	var name = locations[i][0];
			var address = locations[i][1];
			var latitude = locations[i][2];
			var longitude = locations[i][3];
        
        	var point = new GLatLng(latitude,longitude);
        	var marker = new GMarker(point);
        	map.addOverlay(marker);   
        	
        	marker.bindInfoWindowHtml('<h3>' + name + '</h3><p>' + address + '</p>');
        	
      		GEvent.addListener(
        		marker, 
        		"click", 
        		function() 
        		{
					map.setZoom(13);
        		}
        	);
			     
        }        		
	}	
}

function showOverview()
{
	map.setCenter(new GLatLng(59.534318, -97.470703), 3); 
}

function showLocation(i)
{
	var name = locations[i][0];
	var address = locations[i][1];
	var latitude = locations[i][2];
	var longitude = locations[i][3];

	map.setCenter(
		new GLatLng
		(
			latitude, 
			longitude
		), 
		13
	);
	
	map.openInfoWindowHtml(map.getCenter(), '<h3>' + name + '</h3><p>' + address + '</p>');
	Element.scrollTo('map');
}

Event.observe (window, 'load', loadLocationMap);