/* Google map code */

var map;

function mapstyles(id,height,width){
   if (document.getElementById) {
      var mapstyles = document.getElementById(id);
      mapstyles.style.height = height;
      mapstyles.style.width = width;
   }
}


function loadmap() {
	mapstyles('map','258px','688px');
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		var loc=new GLatLng(51.73819127730153,-1.1948490142822266); // lat and lon
		map.setCenter(loc, 11); // start map
		var marker=new GMarker(loc);
		map.addOverlay(marker);
	}
}

/* Append our location stylesheet */
$('head').append('<link rel="stylesheet" type="text/css" media="screen" href="/sys/styles/contactus.css">');

/* Append location map link above conatct form */
$("#content").append('<div id="view-map">Location map</div>');

/* Apend location map code after contact details */
$("#contact-details").after('<div id="location-map"><div class="panel"><h2>Location Map</h2><div id="address-details"><h3>Our address</h3><p><span class="green">green</span><span class="creative">creative</span><br>Pony Road<br>Cowley<br>Oxford<br>OX4 2SE</p><h3>Contact numbers</h3><p>01865 395 252<br>01865 770 140</p><p id="print-button" onclick="window.print();return false;">Print</p><p class="hide-me">Back</p></div><div id="map"></div></div></div>');
	
/* Re-style visit us text */
$("#show-map").css({"font-weight":"bold","color":"#00853F","cursor":"pointer"});

/* Make visit us text look like a link */
$("#show-map").hover(
	function () { $(this).css("color","#FF8B00"); }, 
	function () { $(this).css("color","#00853F"); }
);

/* Show map */
$("#show-map,#view-map").click(function() {
	$("#location-map").fadeIn("slow");
	window.setTimeout('loadmap()',1000);	
});

/* Hide map */
$(".hide-me").click(function() {
	$("#location-map").fadeOut("slow");
});