var centerLatitude = 46.67;
var centerLongitude = -121.640625;
var startZoom = 9;


var map;

function init() {
	map = new GMap2(document.getElementById("map"));
	map.addControl(new GLargeMapControl());
	map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);
	//fix the size
	map.getInfoWindow();
	//Get the Listings
	retrieveMarkers();
}
window.onload = init;


function createMarker(latlng, html, icon, shadow,GSize1,GSize2) {
		//Set the custom icons
	var icond = new GIcon();
	icond.image = "http://www.whitepassbyway.com/"+icon;
	if(shadow !=""){
		icond.shadow = "http://www.whitepassbyway.com/"+shadow;
		icond.shadowSize = new GSize(43,25);
	}
	icond.iconSize = new GSize(GSize1, GSize2);
	icond.iconAnchor = new GPoint(10, 40);
	icond.infoWindowAnchor = new GPoint(10, 1);

	// Set up our GMarkerOptions object literal
	markerOptions = { icon:icond };
	
	var marker = new GMarker(latlng,markerOptions);
	GEvent.addListener(marker, 'click', function() {
		var markerHTML = html;
		marker.openInfoWindowHtml(markerHTML);
	});
	return marker;
}

function retrieveMarkers() {
	var request = GXmlHttp.create();

	//tell the request where to retrieve data from.
	request.open('GET', 'retrieveMarkers.php', true);
	

	//tell the request what to do when the state changes.
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = request.responseXML;
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++) {
				var lng = markers[i].getAttribute("lng");
				var lat = markers[i].getAttribute("lat");
				//check for lng and lat so MSIE does not error
				//on parseFloat of a null value				
				
				if(lng && lat) {
					var latlng = new GLatLng(parseFloat(lat),parseFloat(lng));

					var icon = markers[i].getAttribute("icon");
					var shadow = markers[i].getAttribute("shadow");
					if(markers[i].getAttribute("photo") != ""){
						var showphoto = '<p class="bubble"><img src="http://www.whitepassbyway.com/GoogleMap/photos/'+ markers[i].getAttribute("photo")+' " width="164" height="110" /></p>';
					}else{
						var showphoto = "";	
					}
					var html = '<h3 class="bubble">'+ markers[i].getAttribute("name")+'</h3>'+showphoto+'<p class="bubble"><a href="http://www.whitepassbyway.com/detail.php?id='+ markers[i].getAttribute("listingid")+'">More info</a></p>';
					if(markers[i].getAttribute("listingid") == 128){
						icon = "GoogleMap/icons/WhitePassSkiResortLogo.gif";
						shadow = "";
						GSize1 = 103;
						GSize2 = 24;
						var marker = createMarker(latlng, html, icon, shadow, GSize1, GSize2);
						map.addOverlay(marker);
					}else{
						GSize1 = 25;
						GSize2 = 25;
						var marker = createMarker(latlng, html, icon, shadow, GSize1, GSize2);
						map.addOverlay(marker);
					}
				}//if(lat/lng
			} //for
		} //if
	} //function
	request.send(null);
}
//function