function loadImage (url) {
 showOverlayDiv();
 showLoadingImage();

 imgPreload = new Image();
 $(imgPreload).load(function () {
  arrPageSize = getPageSize();
  arrPageScroll = getPageScroll();

  imageContainer = document.createElement("div");
  $(imageContainer).attr("id", "largeimagecontainer");

  imgClose = document.createElement("img");
  $(imgClose).attr("src", "images/close_button.png");
  $(imgClose).attr("id", "closebutton");
  $(imgClose).attr("width", "20");
  $(imgClose).attr("height", "20");
  $(imgClose).attr("alt", "Close");
  $(imgClose).attr("border", "0");
  $(imgClose).click(hideImage);

  imgImage = document.createElement("img");
  $(imgImage).attr("src", url);
  $(imgImage).attr("alt", "");
  $(imgImage).attr("width", imgImage.width);
  $(imgImage).attr("height", imgImage.height);

  $(imageContainer).append(imgImage);
  $(imageContainer).append(imgClose);

  $("#largeimagecontainer").hide();
  $("body").append(imageContainer);

  $("#largeimagecontainer").css("position", "absolute");
  $("#largeimagecontainer").css("z-index", "3");

  if ($.browser.msie) {
   if ((arrPageSize[2] < arrPageSize[0])) {
    imagecontainertop = (((arrPageSize[3] - imgImage.height - 22) / 2) + 9);
   } else {
    imagecontainertop = (((arrPageSize[3] - imgImage.height - 22) / 2));
   }//if

   if ((arrPageSize[3] < arrPageSize[1])) {
    imagecontainerleft = (((arrPageSize[2] - imgImage.width - 22) / 2) + 9);
   } else {
    imagecontainerleft = (((arrPageSize[2] - imgImage.width - 22) / 2));
   }//if
  } else {
   imagecontainertop = (((arrPageSize[3] - imgImage.height - 22) / 2) - 9);
   imagecontainerleft = (((arrPageSize[2] - imgImage.width - 22) / 2) - 9);
  }//if

  if (imagecontainertop < 0) { imagecontainertop = 0; }//if
  if (imagecontainerleft < 0) { imagecontainerleft = 0; }//if

  $("#largeimagecontainer").css("top", arrPageScroll[1] + imagecontainertop + "px");
  $("#largeimagecontainer").css("left", arrPageScroll[0] + imagecontainerleft + "px");

  $("#largeimagecontainer").show();
  hideLoadingImage();
 });

 imgPreload.src = url;
}//function

function hideImage () {
 $("div#largeimagecontainer").remove();
 hideOverlayDiv();
}//function

function showLoadingImage () {
 arrPageSize = getPageSize();
 arrPageScroll = getPageScroll();

 $("#loadingimage").css("position", "absolute");
 $("#loadingimage").css("z-index", "2");
 $("#loadingimage").css("top", (arrPageScroll[1] + ((arrPageSize[3] - 16) / 2)) + "px");
 $("#loadingimage").css("left", (arrPageScroll[0] + ((arrPageSize[2] - 16) / 2)) + "px");
 $("#loadingimage").show();
}//function

function hideLoadingImage () {
 $("#loadingimage").hide();
}//function

function showOverlayDiv () {
 arrPageSize = getPageSize();

 overlayDiv = document.createElement("div");
 $(overlayDiv).attr("id", "overlay");
 $(overlayDiv).css("height", arrPageSize[1] + "px");
 $(overlayDiv).css("position", "absolute");
 $(overlayDiv).css("top", "0");
 $(overlayDiv).css("left", "0");
 $(overlayDiv).css("width", "100%");
 $(overlayDiv).css("z-index", "1");

 $("body").append(overlayDiv);

 $("select").hide();
}//function

function hideOverlayDiv () {
 $("div#overlay").remove();
 $("select").show();
}//function

// Core code from - quirksmode.org
function getPageScroll(){
	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {
		yScroll = document.body.scrollTop;
	}//if

	arrayPageScroll = new Array('', yScroll)
	return arrayPageScroll;
}

// Core code from - quirksmode.org
// Edit for Firefox by pHaez
function getPageSize(){
	var xScroll, yScroll;

	if (window.innerHeight && window.scrollMaxY) {
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight) {
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else {
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}//if

	var windowWidth, windowHeight;
	if (self.innerHeight) {
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) {
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}//if

	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else {
		pageHeight = yScroll;
	}//if

	if(xScroll < windowWidth){
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}//if

	arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight)
	return arrayPageSize;
}

function doGoogleMap() {
 if (self.GBrowserIsCompatible) {
  var map = new GMap2(document.getElementById("map"));
  map.setCenter(new GLatLng(52.93772720572088,-1.1333996057510376), 15);
  map.removeMapType(G_HYBRID_MAP);
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());
  map.setMapType(G_NORMAL_MAP);
  map.enableScrollWheelZoom();

  var html = "Palmers of Trent Bridge<br />Radcliffe Road<br />West Bridgford<br />Nottingham<br />NG2 5FF";
  var dirLink = '<form action="http://maps.google.com/maps" target="_blank" method="get"><label for="saddr">To get directions to Palmers<br />enter your postcode and<br />press the button:</span></label><br /><input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br /><input id="SUBMIT" type="SUBMIT" value="Get directions to Palmers" /><input type="hidden" name="daddr" value="NG2 5FF" /><input type="hidden" name="hl" value="en" /></form>';
  var infoTabs = [
   new GInfoWindowTab("Address", html),
   new GInfoWindowTab("Directions", dirLink)
  ];

  var marker = new GMarker(map.getCenter());
  GEvent.addListener(marker, "click", function() {
  marker.openInfoWindowTabsHtml(infoTabs);
  });
  map.addOverlay(marker);
  marker.openInfoWindowTabsHtml(infoTabs);

  //marker = new GMarker(new GLatLng(52.93772720572088,-1.1333996057510376));
  //GEvent.addListener(marker, "click", function() {
  // marker.openInfoWindowHtml("<span class=\'mapinfo\'>Palmers of Trent Bridge<br />Radcliffe Road<br />West Bridgford<br />Nottingham<br />NG2 5FF</span>");
  //});
  //map.addOverlay(marker);

 }//if
}//function

$(document).ready(function() {

 imgLoadingImage = document.createElement("img");
 $(imgLoadingImage).attr("src", "images/loading.gif");
 $(imgLoadingImage).attr("alt", "Loading...");
 $(imgLoadingImage).attr("width", "16");
 $(imgLoadingImage).attr("height", "16");
 $(imgLoadingImage).attr("id", "loadingimage");
 $("body").append(imgLoadingImage);
 hideLoadingImage();

 $("div#roomscontainer a").click(function() {
  loadImage($(this).attr("href"));
  return false;
 });

 $("div#gallerycontainer a").click(function() {
  loadImage($(this).attr("href"));
  return false;
 });

 $('div#backdrop').css('height', 'auto');
 intHeightContainer = parseInt($('div#container').height());
 intHeightHeader = parseInt($('div#header').height());

 if ($('div#headerbathrooms').length > 0) {
  intHeightHeader += parseInt($('div#headerbathrooms').height());
 }//if
 if ($('div#headerbedrooms').length > 0) {
  intHeightHeader += parseInt($('div#headerbedrooms').height());
 }//if
 if ($('div#headerkitchens').length > 0) {
  intHeightHeader += parseInt($('div#headerkitchens').height());
 }//if
 $('div#backdrop').height(intHeightContainer - intHeightHeader);

 if ($('div#map').length == 1) {
  doGoogleMap();
 }//if

});