var centerLatitude = 37.818361;
var centerLongitude = -122.478032;
var startZoom = 13;
var map;

function initialize() {
	if (GBrowserIsCompatible() && typeof stores != 'undefined') {
		function createMarker(point,html) {
        	var marker = new GMarker(point);
        	GEvent.addListener(marker,"mouseover", function() {
				marker.openInfoWindowHtml(html);
        	});        
			return marker;
		}

	    var map = new GMap2(document.getElementById("map"));
	    map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
	    var bounds = new GLatLngBounds();
	    for (var i = 0; i < stores.length; i++) {
	    	var storePoint = new GLatLng(stores[i].store.lat, stores[i].store.lng);
			var storeText = '<div id="gmap-content">'+
				'<h4>' + stores[i].store.name + '</h4>'+
				stores[i].store.store_address.address + '<br />' +
				stores[i].store.store_address.city + '<br />' +
				'<em>' + stores[i].store.store_address.phone + '</em>' +
				'</div>';
			var storeMarker = new createMarker(storePoint,storeText);
	    	map.addOverlay(storeMarker);
		  	bounds.extend(storePoint);
	    }
		map.setZoom(map.getBoundsZoomLevel(bounds) - 1);
		map.setCenter(bounds.getCenter());
	}
}
window.onload = initialize;
window.onunload = GUnload;