// maps
// google maps

// live
// ABQIAAAAvyYwjXyepeNsw8iDs_QfExT8ElWmXlHaSthFUXR8DUray0M6jxSWsi4BwVtUJaWnyVVAUaf-_A4dxQ

// dev
// ABQIAAAAaiYdLYugByP7wfib9qIu_RRDzqg2iAgiyeFsAbhSiVKu1vEHDRS69hV5dYMEAc4MsEMmQg5UNZWPvQ

var vAddress = window.location.href.split("#");
var vAnchor = vAddress[1];

var gmarkers = [];
var map;

var vLatUk = 51.46678;
var vLongUk = -0.26725;
var vAddUk = "<b>Type3</b><br/>The Studio Unit 2,<br/>1 Pooley Drive,<br/>London SW14 8LU";

var vLatUs = 37.77863;
var vLongUs = -122.402416;
var vAddUs = "<b>Type3</b><br/>920 Harrison Street #6,<br/> San Francisco,<br/>CA 94107  USA";

var baseIcon = new GIcon(G_DEFAULT_ICON);
baseIcon.shadow = "/images/contact-us/shadow.png";
baseIcon.iconSize = new GSize(200, 50);
baseIcon.imageMap = [0,0,200,0,200,100,0,100,0,0];
baseIcon.shadowSize = new GSize(200, 50);
baseIcon.iconAnchor = new GPoint(0, 50);
baseIcon.infoWindowAnchor = new GPoint(0, 50);

$(document).ready(function(){
    if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(vLatUk, vLongUk), 2);
		
	  	var point = new GLatLng(vLatUk, vLongUk);
		var marker = createMarker(point, "/images/contact-us/type3-london.png", vAddUk, vLatUk, vLongUk);
		map.addOverlay(marker);
		gmarkers[0] = marker;
		
		var point = new GLatLng(vLatUs, vLongUs);
		var marker = createMarker(point, "/images/contact-us/type3-san-fran.png", vAddUs, vLatUs, vLongUs);
		map.addOverlay(marker);
		gmarkers[1] = marker;
	}
	showMap(vAnchor);
});

createMarker = function(point, image, address, vLat, vLong) {
	var letteredIcon = new GIcon(baseIcon);
	letteredIcon.image = image;
	markerOptions = {icon:letteredIcon};
	var marker = new GMarker(point, markerOptions);
	GEvent.addListener(marker, "click", function() {
		map.setCenter(new GLatLng(vLat, vLong), 13);
		marker.openInfoWindowHtml(address);
	});
	return marker;
}

showMap = function(vValue) {
    // set by whichever header is visible
   if (typeof vValue == 'undefined'){
        if ($('#header').children('.header-london').css("display") == 'block') {
	        gmarkers[1].openInfoWindowHtml(vAddUs);
	        map.setCenter(new GLatLng(vLatUs, vLongUs), 13);
        }
        else {
	        gmarkers[0].openInfoWindowHtml(vAddUk);
	        map.setCenter(new GLatLng(vLatUk, vLongUk), 13);
        }
   }
   else {
	    if (vValue == "london" || vValue == "/london/") {
		    gmarkers[0].openInfoWindowHtml(vAddUk);
		    map.setCenter(new GLatLng(vLatUk, vLongUk), 13);
	    }
	    else {
		    gmarkers[1].openInfoWindowHtml(vAddUs);
		    map.setCenter(new GLatLng(vLatUs, vLongUs), 13);
	    }
    }
}