$(document).ready(function(){

	$("#places_map a").click(function(e){
		e.preventDefault();
		$("#" + $(this).attr("rel")).clone().appendTo( $('#places_content').empty());
		$('#places_map_container').stop().scrollTo('#places_content', 800, {axis:'x'});
	});

	$('#back').click(function(e){
		e.preventDefault();	
		$('#places_map_container').stop().scrollTo('#places_map', 800, { offset:-100, axis:'x'});
	});
	
		$('#seaconditions_link').click(function(e){
			e.preventDefault();	
			$.scrollTo('#sea_conditions', 800, { offset:-100, axis:'y'});
		});
	
});


google.load("maps", "2.s");

  // Call this function when the page has been loaded
  function initialize() {
  
	  if (GBrowserIsCompatible()) {
	
		var map = new GMap2(document.getElementById("sea_map"));
 		map.setCenter(new GLatLng(55.75,-3.81),4);
		map.addControl(new GSmallMapControl());


		var gmarkers = [];

		function createMarker(point,name, marker_link) {
      	 
		 var marker = new GMarker(point);
       	 GEvent.addListener(marker, "click", function() {										 
         	 marker.openInfoWindowHtml('<h3>'+name +'</h3><p><a href="'+marker_link+'">View Station</a></p>' );
       	 });
        // save the info we need to use later for the side_bar
        gmarkers.push(marker);
        // add a line to the side_bar html
        return marker;
      }
		
		GDownloadUrl("sea-conditions.xml", function(doc) {
			var xmlDoc = GXml.parse(doc);
			var markers = xmlDoc.documentElement.getElementsByTagName("marker");
			  
			for (var i = 0; i < markers.length; i++) {
			  // obtain the attribues of each marker
			  var lat = parseFloat(markers[i].getAttribute("lat"));
			  var lng = parseFloat(markers[i].getAttribute("lng"));
			  var point = new GLatLng(lat,lng);
			  var label = markers[i].getAttribute("label");
			  var marker_link = markers[i].getAttribute("link");
			  // create the marker
			  var marker = createMarker(point,label, marker_link);
			  map.addOverlay(marker);
			}
			// put the assembled side_bar_html contents into the side_bar div
	
		  });
		
	  }
  }

  
	google.setOnLoadCallback(initialize);