$(document).ready(function(){

		var map = new google.maps.Map2(document.getElementById("map"));
		map.setCenter(new google.maps.LatLng(0, 0), 13);
		map.setUIToDefault();



		var default_icon = new GIcon(G_DEFAULT_ICON);
		default_icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
		default_icon.iconSize = new GSize(20, 34);
		default_icon.shadowSize = new GSize(37, 34);
		default_icon.iconAnchor = new GPoint(9, 34);
		default_icon.infoWindowAnchor = new GPoint(9, 2);

		var pub_icon = new GIcon(G_DEFAULT_ICON);
		pub_icon.shadow = "/static/images/generic/google-maps-small-shadow.png";
		pub_icon.iconSize = new GSize(75, 75);
		pub_icon.shadowSize = new GSize(100, 85);
		pub_icon.iconAnchor = new GPoint(36, 83);
		pub_icon.infoWindowAnchor = new GPoint(78, 3);

		var last_clicked_marker = false;
		var num_sister_pubs = 0;

		function update_pub_details(pub_marker){
			$("#sister-pub-logo").attr("src",pub_marker.sister_pub_details["sister-pub-logo-small"]);
			$("#sister-pub-logo").attr("alt",pub_marker.sister_pub_details["sister-pub-name"]);
			$("#sister-pub-desc").text(pub_marker.sister_pub_details["sister-pub-desc"]);
			$("#sister-pub-address").text(pub_marker.sister_pub_details["sister-pub-address"]);
			$("#sister-pub-tel").text(pub_marker.sister_pub_details["sister-pub-tel"]);
			$("#sister-pub-web").attr("href","http://" + (pub_marker.sister_pub_details["sister-pub-web"]));
			$("#sister-pub-web").text(pub_marker.sister_pub_details["sister-pub-web"]);
		}

		function pub_marker_clicked(){


			var pub_marker = this;

			//pub_marker.openInfoWindowHtml("<h4>" + pub_marker.sister_pub_details["sister-pub-name"] + "</h4>");
			pub_marker.openInfoWindowHtml("<img src=\"" + pub_marker.sister_pub_details["sister-pub-logo-small"] + "\" />");

			update_pub_details(pub_marker);

			last_clicked_marker = pub_marker;
		}

		function add_pub(i){
			var pub = sister_pubs[i];

			var marker = new GMarker(
					new GLatLng(pub["location"]["latitude"],
						pub["location"]["longitude"])
					);

			marker.sister_pub_index = pub["index"]
			marker.sister_pub_details = pub["details"];
			marker.sister_pub_location = pub["location"];


			GEvent.addListener(marker, "click", pub_marker_clicked);
			return marker
		}

		bounds = new GLatLngBounds();

		for(var i in sister_pubs){
			pub_marker = add_pub(i);

			num_sister_pubs++ ;

			bounds.extend(pub_marker.getPoint());
			map.addOverlay(pub_marker);
		}

		map.setZoom(map.getBoundsZoomLevel(bounds)  );
		map.setCenter(bounds.getCenter());


	})