// JavaScript Document
var Map1,Map2;

addEvent (window, 'load', function()
{
	loadGoogleMaps();
	mooFxMaps();
});

function mooFxMaps()
{
	// create the Moo effects
	Map1 = new fx.Height('Map1', {duration: 300});
	Map1.hide();
	Map2 = new fx.Height('Map2', {duration: 300});
	Map2.hide();
}

function loadGoogleMaps()
{
	if (GBrowserIsCompatible()) {
		// create map points
		var loc1 = new GLatLng(40.489415, -79.872685);
		var loc2 = new GLatLng(40.428668, -79.845570);
		
		// initialize maps
		var map1 = new GMap2(document.getElementById("Map1"));
		map1.addControl(new GSmallMapControl());
		map1.setCenter(loc1, 13);
		var map2 = new GMap2(document.getElementById("Map2"));
		map2.addControl(new GSmallMapControl());
		map2.setCenter(loc2, 13);
		
		// create our "tiny" marker icon
		var icon = new GIcon();
		icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
		icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		icon.iconSize = new GSize(12, 20);
		icon.shadowSize = new GSize(22, 20);
		icon.iconAnchor = new GPoint(6, 20);
		icon.infoWindowAnchor = new GPoint(5, 1);
		
		// create markers
		map1.addOverlay(new GMarker(loc1, icon));
		map2.addOverlay(new GMarker(loc2, icon));
	}
}