// Alan Rogers Travel Service GMaps JavaScript


//<![CDATA[
function plotCampsites()
{
	if (GBrowserIsCompatible())
	{
		var map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(setLat,setLng), zoomLevel);
		//map.setUIToDefault();
		map.setMapType(G_PHYSICAL_MAP);


		// Create our "tiny" marker icon
		var tinyIcon = new GIcon();
		tinyIcon.image = "http://travel.alanrogers.com/lib/img/layout/icons/campsite.png";
		//tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		tinyIcon.iconSize = new GSize(32, 37);
		//tinyIcon.shadowSize = new GSize(22, 20);
		tinyIcon.iconAnchor = new GPoint(16, 37);
		tinyIcon.infoWindowAnchor = new GPoint(5, 1);
		// Set up our GMarkerOptions object literal
		markerOptions = { icon:tinyIcon };

		// Creates a marker at the given point with the given number label
		function createMarker(point, CampsiteName, siteARNo, CTV, County, WebRegion, SiteURL)
		{
			var marker = new GMarker(point, markerOptions);
			GEvent.addListener(marker, "click", function() 
			{
				$(".map").animate({height:'298px'},{queue:true,duration:500});
				map.setUIToDefault();
				document.getElementById("expandMapBtn").src = "http://travel.alanrogers.com/lib/img/layout/reduce-map.gif";
				
				marker.openInfoWindowHtml(	"<div style=\"width: 450px;\">"+
														"<img src=\"http://www.alanrogers.com/lib/img/campsites/large/" + siteARNo + "-1.jpg\" width=\"70\" height=\"60\" style=\"float:left; margin-right: 8px; margin-top: 3px; border: 4px solid #EEE;\"/>"+
														"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:15px;border-bottom:1px dotted #DDD; margin:0 15px 0 90px;padding:0 0 2px 0;\" align=\"left\">"+
															"<a style=\"font-size:15px;color:#9CCA4D;text-decoration:none;font-weight:normal;letter-spacing:0px;\" href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\">" + CampsiteName + "</a>"+
														"</p>"+
														"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:11px;color:#747474; margin:0 15px 0 90px;padding:0 0 0 0;\">"+
															"<a href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\"><img src=\"http://travel.alanrogers.com/lib/img/layout/buttons/green-book-now-small.gif\" width=\"102\" height=\"24\" style=\"float:right;; margin-top: 20px;\" /></a>"+
															"" + County + "<br>"+
															"<a style=\"font-size:12px;color:#9CCA4D;font-weight:normal;letter-spacing:0px;\" href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\">More Details &raquo;</a>"+
														"</p>"+
													"</div>");
			});
			return marker;
			
		}

		// Download the data in data.xml and load it on the map. The format we
		// expect is:
		// <markers>
		//   <marker lat="37.441" lng="-122.141"/>
		//   <marker lat="37.322" lng="-121.213"/>
		// </markers>
		GDownloadUrl("http://travel.alanrogers.com/lib/inc/gps.php"+plotConditions, function(data, responseCode)
		{
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("marker");
			for (var i = 0; i < markers.length; i++)
			{
				var point = new GLatLng
				(
					parseFloat(markers[i].getAttribute("lat")),
					parseFloat(markers[i].getAttribute("lng"))
				);
				var siteARNo = markers[i].getAttribute("siteARNo");
				var CampsiteName = markers[i].getAttribute("CampsiteName");
				var CTV = markers[i].getAttribute("CTV");
				var County = markers[i].getAttribute("County");
				var WebRegion = markers[i].getAttribute("WebRegion");
				var SiteURL = markers[i].getAttribute("SiteURL");

				map.addOverlay(createMarker(point, CampsiteName, siteARNo, CTV, County, WebRegion, SiteURL));
			}
		});
	}
}
//]]>


function expandMap() {
	if (document.getElementById("map").style.height == "298px")
	{
		//document.getElementById("map").style.height = "170px";
		$(".map").animate({height:'170px'},{queue:true,duration:500});
		document.getElementById("expandMapBtn").src = "http://travel.alanrogers.com/lib/img/layout/expand-map.gif";
		  if (GBrowserIsCompatible())
			{
				var map = new GMap2(document.getElementById("map"));
				map.setCenter(new GLatLng(setLat,setLng), zoomLevel);
				//map.setUIToDefault();
				map.setMapType(G_PHYSICAL_MAP);
		
				// Create our "tiny" marker icon
				var tinyIcon = new GIcon();
				tinyIcon.image = "http://travel.alanrogers.com/lib/img/layout/icons/campsite.png";
				//tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
				tinyIcon.iconSize = new GSize(32, 37);
				//tinyIcon.shadowSize = new GSize(22, 20);
				tinyIcon.iconAnchor = new GPoint(16, 37);
				tinyIcon.infoWindowAnchor = new GPoint(5, 1);
				// Set up our GMarkerOptions object literal
				markerOptions = { icon:tinyIcon };
		
				// Creates a marker at the given point with the given number label
				function createMarker(point, CampsiteName, siteARNo, CTV, County, WebRegion, SiteURL)
				{
					var marker = new GMarker(point, markerOptions);
					GEvent.addListener(marker, "click", function() 
					{
						marker.openInfoWindowHtml(	"<div style=\"width: 450px;\">"+
														"<img src=\"http://www.alanrogers.com/lib/img/campsites/large/" + siteARNo + "-1.jpg\" width=\"70\" height=\"60\" style=\"float:left; margin-right: 8px; margin-top: 3px; border: 4px solid #EEE;\"/>"+
														"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:15px;border-bottom:1px dotted #DDD; margin:0 15px 0 90px;padding:0 0 2px 0;\" align=\"left\">"+
															"<a style=\"font-size:15px;color:#9CCA4D;text-decoration:none;font-weight:normal;letter-spacing:0px;\" href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\">" + CampsiteName + "</a>"+
														"</p>"+
														"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:11px;color:#747474; margin:0 15px 0 90px;padding:0 0 0 0;\">"+
															"<a href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\"><img src=\"http://travel.alanrogers.com/lib/img/layout/buttons/green-book-now-small.gif\" width=\"102\" height=\"24\" style=\"float:right;; margin-top: 20px;\" /></a>"+
															"" + County + "<br>"+
															"<a style=\"font-size:12px;color:#9CCA4D;font-weight:normal;letter-spacing:0px;\" href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\">More Details &raquo;</a>"+
														"</p>"+
													"</div>");
					});
					return marker;
				}
		
				// Download the data in data.xml and load it on the map. The format we
				// expect is:
				// <markers>
				//   <marker lat="37.441" lng="-122.141"/>
				//   <marker lat="37.322" lng="-121.213"/>
				// </markers>
				GDownloadUrl("http://travel.alanrogers.com/lib/inc/gps.php"+plotConditions, function(data, responseCode)
				{
					var xml = GXml.parse(data);
					var markers = xml.documentElement.getElementsByTagName("marker");
					for (var i = 0; i < markers.length; i++)
					{
						var point = new GLatLng
						(
							parseFloat(markers[i].getAttribute("lat")),
							parseFloat(markers[i].getAttribute("lng"))
						);
						var siteARNo = markers[i].getAttribute("siteARNo");
						var CampsiteName = markers[i].getAttribute("CampsiteName");
						var CTV = markers[i].getAttribute("CTV");
						var County = markers[i].getAttribute("County");
						var WebRegion = markers[i].getAttribute("WebRegion");
						var SiteURL = markers[i].getAttribute("SiteURL");
		
						map.addOverlay(createMarker(point, CampsiteName, siteARNo, CTV, County, WebRegion, SiteURL));
					}
				});
			}
			}
			else
			{
		//document.getElementById("map").style.height = "298px";
		$(".map").animate({height:'298px'},{queue:true,duration:500});
		document.getElementById("expandMapBtn").src = "http://travel.alanrogers.com/lib/img/layout/reduce-map.gif";
		  if (GBrowserIsCompatible())
			{
				var map = new GMap2(document.getElementById("map"));
				map.setCenter(new GLatLng(setLat,setLng), zoomLevel);
				map.setUIToDefault();
				map.setMapType(G_PHYSICAL_MAP);
		
				// Create our "tiny" marker icon
				var tinyIcon = new GIcon();
				tinyIcon.image = "http://travel.alanrogers.com/lib/img/layout/icons/campsite.png";
				//tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
				tinyIcon.iconSize = new GSize(32, 37);
				//tinyIcon.shadowSize = new GSize(22, 20);
				tinyIcon.iconAnchor = new GPoint(16, 37);
				tinyIcon.infoWindowAnchor = new GPoint(5, 1);
				// Set up our GMarkerOptions object literal
				markerOptions = { icon:tinyIcon };
		
				// Creates a marker at the given point with the given number label
				function createMarker(point, CampsiteName, siteARNo, CTV, County, WebRegion, SiteURL)
				{
					var marker = new GMarker(point, markerOptions);
					GEvent.addListener(marker, "click", function() 
					{
						marker.openInfoWindowHtml(	"<div style=\"width: 450px;\">"+
														"<img src=\"http://www.alanrogers.com/lib/img/campsites/large/" + siteARNo + "-1.jpg\" width=\"70\" height=\"60\" style=\"float:left; margin-right: 8px; margin-top: 3px; border: 4px solid #EEE;\"/>"+
														"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:15px;border-bottom:1px dotted #DDD; margin:0 15px 0 90px;padding:0 0 2px 0;\" align=\"left\">"+
															"<a style=\"font-size:15px;color:#9CCA4D;text-decoration:none;font-weight:normal;letter-spacing:0px;\" href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\">" + CampsiteName + "</a>"+
														"</p>"+
														"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:11px;color:#747474; margin:0 15px 0 90px;padding:0 0 0 0;\">"+
															"<a href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\"><img src=\"http://travel.alanrogers.com/lib/img/layout/buttons/green-book-now-small.gif\" width=\"102\" height=\"24\" style=\"float:right;; margin-top: 20px;\" /></a>"+
															"" + County + "<br>"+
															"<a style=\"font-size:12px;color:#9CCA4D;font-weight:normal;letter-spacing:0px;\" href=\"http://travel.alanrogers.com/campsites/" + siteARNo + "\">More Details &raquo;</a>"+
														"</p>"+
													"</div>");
					});
					return marker;
				}
		
				// Download the data in data.xml and load it on the map. The format we
				// expect is:
				// <markers>
				//   <marker lat="37.441" lng="-122.141"/>
				//   <marker lat="37.322" lng="-121.213"/>
				// </markers>
				GDownloadUrl("http://travel.alanrogers.com/lib/inc/gps.php"+plotConditions, function(data, responseCode)
				{
					var xml = GXml.parse(data);
					var markers = xml.documentElement.getElementsByTagName("marker");
					for (var i = 0; i < markers.length; i++)
					{
						var point = new GLatLng
						(
							parseFloat(markers[i].getAttribute("lat")),
							parseFloat(markers[i].getAttribute("lng"))
						);
						var siteARNo = markers[i].getAttribute("siteARNo");
						var CampsiteName = markers[i].getAttribute("CampsiteName");
						var CTV = markers[i].getAttribute("CTV");
						var County = markers[i].getAttribute("County");
						var WebRegion = markers[i].getAttribute("WebRegion");
						var SiteURL = markers[i].getAttribute("SiteURL");
		
						map.addOverlay(createMarker(point, CampsiteName, siteARNo, CTV, County, WebRegion, SiteURL));
					}
				});
				
				
				
				
				
				
				
				
				
				
				
				// Create our "tiny" marker icon
	var destIcon = new GIcon();
	destIcon.image = "http://travel.alanrogers.com/lib/img/layout/icons/disney.png";
	destIcon.iconSize = new GSize(32, 37);
	destIcon.iconAnchor = new GPoint(16, 37);
	destIcon.infoWindowAnchor = new GPoint(5, 1);
	markerDestOptions = { icon:destIcon };
	
	
	function createDestMarker(point, DestinationName, URL)
	{
		var marker = new GMarker(point, markerDestOptions);
		GEvent.addListener(marker, "click", function() 
		{
			marker.openInfoWindowHtml(	"<div style=\"width: 270px;\">"+
											"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:15px;border-bottom:1px dotted #DDD; margin:0 15px 0 5px;padding:0 0 2px 0;\" align=\"left\">"+
												"" + DestinationName + ""+
											"</p>"+
											"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:11px;line-height:18px;border-bottom:1px dotted #DDD; margin:0 15px 0 5px;padding:8px 0 8px 0;\" align=\"left\">"+
												"This icon shows the location of <strong>" + DestinationName + "</strong> to help you find campsites nearby."+
											"</p>"+
										"</div>");
		});
		return marker;
	}
	
					
	var point = new GLatLng
		(
			parseFloat("48.865279"),
			parseFloat("2.786407")
		);
		var DestinationName = "Disneyland Paris";
		var URL = "SiteURL"; 
	
	map.addOverlay(createDestMarker(point, DestinationName, URL));
	
	
	
				
					// Create our "tiny" marker icon
	var destIcon = new GIcon();
	destIcon.image = "http://travel.alanrogers.com/lib/img/layout/icons/futuroscope.png";
	destIcon.iconSize = new GSize(32, 37);
	destIcon.iconAnchor = new GPoint(16, 37);
	destIcon.infoWindowAnchor = new GPoint(5, 1);
	markerDestOptions = { icon:destIcon };
	
	
	function createDestMarker(point, DestinationName, URL)
	{
		var marker = new GMarker(point, markerDestOptions);
		GEvent.addListener(marker, "click", function() 
		{
			marker.openInfoWindowHtml(	"<div style=\"width: 270px;\">"+
											"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:15px;border-bottom:1px dotted #DDD; margin:0 15px 0 5px;padding:0 0 2px 0;\" align=\"left\">"+
												"" + DestinationName + ""+
											"</p>"+
											"<p style=\"font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Helvetica, sans-serif; font-size:11px;line-height:18px;border-bottom:1px dotted #DDD; margin:0 15px 0 5px;padding:8px 0 8px 0;\" align=\"left\">"+
												"This icon shows the location of <strong>" + DestinationName + "</strong> to help you find campsites nearby."+
											"</p>"+
										"</div>");
		});
		return marker;
	}
	
					
	var point = new GLatLng
		(
			parseFloat("46.66935"),
			parseFloat("0.36838")
		);
		var DestinationName = "Futuroscope";
		var URL = "SiteURL"; 
	
	map.addOverlay(createDestMarker(point, DestinationName, URL));			
				
				
				
			}
	}
}