$(document).ready(function(){

    

$("#showmap").click(function () {   			
      		if ($("#googlemap").is(":hidden")){
                	$("#googlemap").fadeIn(3000, function(){
				map.checkResize();map.setCenter(myloca, 13);
				});
			var el = $('#showmap');
			el.html(el.html().replace(/Show/ig, "Hide"));
// this needs some worky :-)
    var map = new GMap2(document.getElementById('mymap'));
    var myloca = new GLatLng(53.764181, -2.711447);
 map.setCenter(myloca, 13);
    
// Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon(G_DEFAULT_ICON);
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);

        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("My Current Location");
          });
          return marker;
        }
	var mypoint = new GLatLng(53.764181, -2.711447);
	map.addOverlay(new createMarker(mypoint,0));
	map.panTo(mypoint);

                }else{
                  	$("#googlemap").slideUp(2000);
			var el = $('#showmap');
			el.html(el.html().replace(/Hide/ig, "Show"));
                }
		  });
});