$(document).ready(function() 
{	
		var container = $("#map")[0];
		var site = "http://www.chestercentrehotels.com/";
		var bounds = new GLatLngBounds();
		var markers = [];
		var i = 0;
		
		if (GBrowserIsCompatible()) 
		{
			if(container)
			{
				var map = new GMap2(document.getElementById("map"));	
				map.addControl(new GLargeMapControl3D());
				map.addControl(new GMapTypeControl());
				map.addControl(new GScaleControl());
				map.addControl(new GOverviewMapControl());
				map.setCenter(new GLatLng(0, 0), 0);
			}
			
			$.ajax({type:"GET", url:site+"public/xml/markers.xml", dataType:"xml",
			success:function(data, status) 
			{	
				$("data", data).each(function()
				{
					var lat = $(this).attr('lat');
					var lng = $(this).attr('lng');
					var project = $(this).attr('project');
					var address = $(this).attr('address');
					var point = new GLatLng(lat, lng);
					
					
					var tinyIcon = new GIcon();
					tinyIcon.image = "http://www.chestercentrehotels.com/public/images/markers/project.png";
					tinyIcon.iconSize = new GSize(100, 30);
					tinyIcon.iconAnchor = new GPoint(12, 12);
					tinyIcon.infoWindowAnchor = new GPoint(12, 2);

					var marker = new GMarker(point, {icon:tinyIcon});
					map.addOverlay(marker);
					
					GEvent.addListener(marker, "mouseover", function() {
						marker.openInfoWindowHtml("<div style=\"width:250px;\" class=\"marker\">" + "<h3>" + project + "</h3>" + address + "<br/></div>");
					});
					
					
				});
				
				$("set",data).each(function() 
				{
					var lat    = $(this).attr('latitude');
					var lng    = $(this).attr('longitude');
					var link   = $(this).attr('link');
					var image   = $(this).attr('image');
					var desc   = $(this).attr('description');
					var rating = $(this).attr('rating');
					var title   = $(this).attr('title');
					var address   = $(this).attr('address');
					var point  = new GLatLng(lat,lng);
					var distance = $(this).attr('distance');
					
					
					var tinyIcon = new GIcon();
					tinyIcon.image = site+"public/images/markers/marker.png";
					tinyIcon.iconSize = new GSize(30, 30);
					tinyIcon.iconAnchor = new GPoint(15, 28);
					tinyIcon.infoWindowAnchor = new GPoint(15, 2);
					var marker = new GMarker(point, {icon:tinyIcon});
				
	
					markers[i] = marker;
					map.addOverlay(marker);
					bounds.extend(point);
					map.setZoom(map.getBoundsZoomLevel(bounds));
					map.setCenter(bounds.getCenter());
					
					$("<div/>")
						.html('<a href="#map">' +(i+1)+ '. ' + title + '</a> <small><b><a href='+link+'>Book Now!</a></b></small> <br/>'+'<p>'+address+'</p>')

							.click(function()
							{
								map.panTo(marker.getLatLng()); 
								marker.openInfoWindowHtml("<div style=\"width:250px;height:250px;\" class=\"marker\">" + "<h3>" + title + "</h3>" + "<div style=\"float:left;width:100px\">" + "<img src=\"" + image + "\">" + "</div>" +  "<div style=\"float:right;width:140px\">" + "<small>" + address + "</small>" + "<br/>" + "<img src=\"" + site + "public/images/rating/" + rating + ".png\"><br/><a href=\""+link+ "?&amp;rel=nofollow" + "\">Reservations</a><br/>" +distance+ "</div>" + "<div style=\"width:250px;float:left; margin-top:10px;\">" + desc + "<br/>" + "<a href=\""+link+ "?&amp;rel=nofollow" + "\">more</a>" + "</div></div>");
							})
							.mouseover(function(){
								//map.panTo(marker.getLatLng()); 
								marker.openInfoWindowHtml("<div style=\"width:250px;height:250px;\" class=\"marker\">" + "<h3>" + title + "</h3>" + "<div style=\"float:left;width:100px\">" + "<img src=\"" + image + "\">" + "</div>" +  "<div style=\"float:right;width:140px\">" + "<small>" + address + "</small>" + "<br/>" + "<img src=\"" +site + "public/images/rating/" + rating + ".png\"><br/><a href=\""+link+ "?&amp;rel=nofollow" + "\">Reservations</a><br/>" +distance+ "</div>" + "<div style=\"width:250px;float:left; margin-top:10px;\">" + desc + "<br/>" + "<a href=\""+link+ "?&amp;rel=nofollow" + "\">more</a>" + "</div></div>");
							
							})
						  .appendTo("#list");
						
						
					$(markers).each(function(i,marker){
						GEvent.addListener(marker, "click", function(){
							
						});
					});
					
					GEvent.addListener(marker, "click", function() {
						marker.openInfoWindowHtml("<div style=\"width:250px;height:250px;\" class=\"marker\">" + "<h3>" + title + "</h3>" + "<div style=\"float:left;width:100px\">" + "<img src=\"" + image + "\">" + "</div>" +  "<div style=\"float:right;width:140px\">" + "<small>" + address + "</small>" + "<br/>" + "<img src=\"" + site + "public/images/rating/" + rating + ".png\"><br/><a href=\""+link+ "?&amp;rel=nofollow" + "\">Reservations</a><br/>" + "</div>" + "<div style=\"width:250px;float:left; margin-top:10px;\">" + desc + "<br/>" + "<a href=\""+link+ "?&amp;rel=nofollow" + "\">more</a>" + "</div></div>");
						map.panTo(marker.getLatLng());	
					});
					i++;
				});
				
			},

			error:function(XMLHTTPRequest, status, errorThrow)
			{
				//alert("There was an error retrieving the marker information.");
			}});
		}
	});
		
	$(document.body).unload(function()
	{
		if (GBrowserIsCompatible()) 
		{
			GUnload();
		}
	});