var sectionReq = "";
var req;

function preload()
{
  cached_image = Array(new Image(352,132), new Image(352,132), new Image(352,132), new Image(352,132),new Image(352,132), new Image(352,132), new Image(352,132), new Image(352,132));
  cached_image[0].src="images/livingarea.png";
  cached_image[1].src="images/kitchen.png";
  cached_image[2].src="images/washroom.png";
  cached_image[3].src="images/wc.png";
  cached_image[4].src="images/bedroom1.png";
  cached_image[5].src="images/bedroom2.png";
  cached_image[6].src="images/bedroom3.png";
  cached_image[7].src="images/general.png";
}

function changeImage(image,strname)
{
  document.getElementById("floorplan").src = 'images/' + image;
  if (strname != '') 
   document.getElementById("caravanSection").innerHTML = '<h3>View ' + strname + ' Section</h3>';
  else
   document.getElementById("caravanSection").innerHTML = '<h3>Please click on a section of the caravan for detailed information.</h3>';

}

function navDetails(section)
{
  window.location.href='index.php?page=caravan&detail=' + escape(section) + "&type=0";
}

function showDetails(section)
{
  sectionReq = section;
  window.status = "Please wait...";
  document.body.style.cursor = "wait";
  return retrieveURL('index.php?page=caravan&detail=' + escape(section) + "&type=1");
}

function retrieveURL(url) {
	if (window.XMLHttpRequest) { // Non-IE browsers
		req = new XMLHttpRequest();
	} else if (window.ActiveXObject) { // IE
		req = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (req) {
		//Define "callback" function
		req.onreadystatechange = processStateChange;
		try {
			req.open("GET", url, true);
			req.send('');
			return false
		} catch (e) {
			document.getElementById("caravanDetails").innerHTML = "XMLHTTPRequest not supported, redirecting please wait..";
			return true;
		}
	} else {
		document.getElementById("caravanDetails").innerHTML = "XMLHTTPRequest not supported, redirecting please wait..";
		return true;
	}
}

function processStateChange() {
	switch (req.readyState) {
		case 4:
			if (req.status == 200) { // OK response
				document.getElementById("caravanDetails").innerHTML = req.responseText;
			} else {
				document.getElementById("caravanDetails").innerHTML = "XMLHTTPRequest not supported, redirecting please wait..";
				navDetails(sectionReq);
			}
                          window.status = "Done";
          		document.body.style.cursor = "auto";

			break;
	}
}
preload();