// JavaScript Document

<!--
	var imageArray = Array('i/cottage_hdr.jpg','i/bedroom_hdr.jpg','i/garden_hdr.jpg','i/tea_magazine.jpg','i/tulips.jpg','i/comments_book.jpg');
	var linkArray = Array('index.php','the_cottage.php','the_location.php','our_tariff.php','availability.php','how_to_find_us.php');
	var popupArray = Array('0','0','0','0','0','0','0');
	var autoSwitch = true; 	// automatically switch images
	var autoSpeed = 3500; 	// number of mSec to hold on image before switching to next
	var fadeSpeed = 1; 	// image cross-fade speed (can be 1 to 100)
	var callBackFunction = "";
	var fadeInt;
	var autoSwitchInt;
	var currentOp;
	var currentImage = 0;
	var loadStatus = 1;
	var didCallBack;
	if (!autoSpeed) {	
		var autoSpeed = 4000;
	}
	if (!fadeSpeed) {
		var fadeSpeed = 2;
	}
	function getImageLink() {
		if (linkArray.length > 0) {
			loadStatus = 1;
			if (popupArray[currentImage] == 1) {
				window.open(linkArray[currentImage])
			}
			else {
				document.location = linkArray[currentImage];
			}
		}
	}
	
	function getImageProp() {
		if (linkArray.length > 0) {
			loadStatus = 1;
			if (popupArray[currentImage] == 1) {
				var curTime = Date();
				window.open(linkArray[currentImage],curTime,'width=800,height=600,toolbar=yes, location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,copyhistory=yes, resizable=yes')
			}
			else {
				document.location = propArray[currentImage];
			}
		}
	}
	
	
	function setMainImage() {
		if (autoSwitch) {
			autoSwitchInt = setInterval("step(1)",autoSpeed);
		}
		var topImage = document.getElementById("topLayerImage");
		topImage.src = imageArray[0];
		
	}
	function step(direction) {
		clearInterval(autoSwitchInt);
		if (loadStatus == 1) {
			loadStatus = 0;
			currentImage = currentImage + direction;
			if (currentImage >= imageArray.length) {
				currentImage = 0;
			}
			else if (currentImage < 0) {
				currentImage = imageArray.length - 1;
			}
			loadImage();
		}
	}
	function loadImage() {
		clearInterval(fadeInt);
		didCallBack = false;
		var newImage = document.getElementById("bottomLayerImage");
		newImage.onload = function() {
			var top = document.getElementById("topLayer");
			setOpacity(top, 100);
			currentOp = 100;
			fadeInt = setInterval("fadeTop()",10);
		}
		newImage.src = imageArray[currentImage];
	}
	function fadeTop() {
		currentOp = currentOp - fadeSpeed;
		if ((currentOp <= 50)&&(! didCallBack)&&(callBackFunction)) {
			eval(callBackFunction+"()");
			didCallBack = true;
		}
		if (currentOp >= 0) {
			var top = document.getElementById("topLayer");
			setOpacity(top, currentOp);
		}
		else {
			var newImage = document.getElementById("topLayerImage");
			newImage.onload = function() {
				document.getElementById("topLayer").style.opacity = 1;
				loadStatus = 1;
			}
			newImage.src = imageArray[currentImage];
			clearInterval(fadeInt);
			if (autoSwitch) {
				autoSwitchInt = setInterval("step(1)",autoSpeed);
			}
		}
	}
	function setOpacity(obj, opacity) {
  		opacity = (opacity == 100)?99.999:opacity;
	  	// IE/Win
  		obj.style.filter = "alpha(opacity:"+opacity+")";
  		// Safari<1.2, Konqueror
  		obj.style.KHTMLOpacity = opacity/100;
  
  		// Older Mozilla and Firefox
  		obj.style.MozOpacity = opacity/100;
  
  		// Safari 1.2, newer Firefox and Mozilla, CSS3
  		obj.style.opacity = opacity/100;
	}
//-->
