//
// Copyright 2010 Alan Vanden Bon - all rights reserved
//

var HomeImages = new Array();

HomeImages[0] = new Image(); 
HomeImages[0].src='images/Image1.jpg'
HomeImages[1] = new Image(); 
HomeImages[1].src='images/Image2.jpg'
HomeImages[2] = new Image(); 
HomeImages[2].src='images/Image3.jpg'
HomeImages[3] = new Image(); 
HomeImages[3].src='images/Image4.jpg'
HomeImages[4] = new Image(); 
HomeImages[4].src='images/Image5.jpg'
HomeImages[5] = new Image(); 
HomeImages[5].src='images/Image6.jpg'
HomeImages[6] = new Image(); 
HomeImages[6].src='images/Image7.jpg'
HomeImages[7] = new Image(); 
HomeImages[7].src='images/Image8.jpg'
HomeImages[8] = new Image(); 
HomeImages[8].src='images/Image9.jpg'
HomeImages[9] = new Image(); 
HomeImages[9].src='images/Image10.jpg'
HomeImages[10] = new Image(); 
HomeImages[10].src='images/Image11.jpg'
HomeImages[11] = new Image(); 
HomeImages[11].src='images/Image12.jpg'

var BeachImages = new Array();
var BeachImagesSmall = new Array();
var YachtImages = new Array();
var YachtImagesSmall = new Array();

var NextImage = 0;
var CurrentBImage = 0;
var ThisBImage = 0;
var NextBImage = 0;
var CurrentCImage = 0;
var ThisCImage = 0;
var NextCImage = 0;
var CSlideImageA = 'A'
var CSlideImageB = 'B'
var CSlideImageTemp = ''
var BSlideImageA = 'A'
var BSlideImageB = 'B'
var BSlideImageTemp = ''
var slideShowObject
var slideShowBObject = null
var slideShowCObject = null
var currentButton
var maploaded = false;
var yachtloaded = false;
var beachloaded = false;
var DetailsPageNo = 1

var MaxCImages = 30
var MaxBImages = 30

function AddSiteText(PageName) {

	for (var i = 0; i < SiteTexts.length; i+=3) {
		if (SiteTexts[i] == PageName) {
			try {
				document.getElementById(SiteTexts[i+1]).innerHTML = SiteTexts[i+2];
			}
			catch(err)
			{
			}
		}
	}

}

function StartYacht() {
	yachtloaded = true;
	for (var i=0; i<30; i++){
		try {
			YachtImages[i] = new Image();
			YachtImages[i].onerror = function (evt) {
			    var lngStart = this.src.indexOf("images/Yacht")
			    var lngend = this.src.lastIndexOf(".jpg");
			    var lngCandidate = parseInt(this.src.substring(lngStart+12,lngend))-1;
			    if (lngCandidate<MaxBImages) MaxBImages=lngCandidate
  			}
			YachtImages[i].src='images/Yacht' + (i+1) + '.jpg'
			YachtImagesSmall[i] = new Image(); 
			YachtImagesSmall[i].src='images/Yacht' + (i+1) + 'Small.jpg'
		}
		catch(err)
		{
			if (i<MaxBImages) MaxBImages = i-1
			break;
		}
	}
	slideShowBObject = window.setTimeout('slideShowB()',1000);
}

function StartBeach() {
	beachloaded = true;
	for (var i=0; i<30; i++){
		try {
			BeachImages[i] = new Image(); 
			BeachImages[i].onerror = function (evt) {
			    var lngStart1 = this.src.indexOf("images/Beach")
			    var lngend1 = this.src.lastIndexOf(".jpg");
			    var lngCandidate1 = parseInt(this.src.substring(lngStart1+12,lngend1))-1;
			    if (lngCandidate1<MaxCImages) MaxCImages=lngCandidate1
  			}
			BeachImages[i].src='images/Beach' + (i+1) + '.jpg'
			BeachImagesSmall[i] = new Image(); 
			BeachImagesSmall[i].src='images/Beach' + (i+1) + 'Small.jpg'
		}
		catch(err)
		{
			MaxCImages = i-1
			break;
		}
	}
	slideShowCObject = window.setTimeout('slideShowC()',1000);
}

function onLoadCodeLink() {
	AddSiteText('link')
}

function onLoadCodedetails() {
	AddSiteText('details')
}

function onLoadCodeBook() {
	AddSiteText('booking')
}

function onLoadCodeY() {
	ShowImageLarge('Yacht0' + BSlideImageA, 0)
	ShowImageSmall('Yacht1' + BSlideImageA, 0)
	ShowImageSmall('Yacht2' + BSlideImageA, 0)
	ShowImageSmall('Yacht3' + BSlideImageA, 0)
	AddSiteText('yacht')
	StartYacht();
}

function onLoadCodeB() {
	ShowImageLarge('Beach0' + CSlideImageA,0)
	ShowImageSmall('Beach1' + CSlideImageA,0)
	ShowImageSmall('Beach2' + CSlideImageA,0)
	ShowImageSmall('Beach3' + CSlideImageA,0)
	AddSiteText('beach')
	StartBeach();
}

function onLoadCode() {
	AddSiteText('default')
	startSlideShow();
}

function querySt(Param) {
	var strqueries = window.location.search.substring(1);
	var strQuery = strqueries.split("&");
	for (var i=0;i<strQuery.length;i++) {
		var strQueryParts = strQuery[i].split("=");
		if (strQueryParts[0] == Param) {
			return strQueryParts[1];
		}
	}
	return ''
}

function startSlideShow() {
	slideShowObject = window.setTimeout('slideShow()',5000);
}

function slideShow() {
	if (NextImage++>10)NextImage = 0;
	HoverHome(NextImage);
	slideShowObject = window.setTimeout('slideShow()',5000);
}
function slideShowB() {
	if (NextBImage++>11)NextBImage = 0;
	document.getElementById('BigPicture1').src = YachtImages[NextBImage].src
	slideShowBObject = window.setTimeout('slideShowB()',8000);
}

var CCurrentPosition

function HoverHomeC(ImageAdd){
	var ShowImageC 
	if (slideShowCObject) clearTimeout(slideShowCObject)
	ShowImageC =  GetNext(CurrentCImage,ImageAdd,MaxCImages)	
	document.getElementById('Beach0' + CSlideImageA).src = BeachImages[ShowImageC].src
	ShowImageLarge('Beach0' + CSlideImageA,0)
	ShowImageSmall('Beach1' + CSlideImageA,0)
	ShowImageSmall('Beach2' + CSlideImageA,0)
	ShowImageSmall('Beach3' + CSlideImageA,0)
	ShowImageLarge('Beach0' + CSlideImageB,400)
	ShowImageSmall('Beach1' + CSlideImageB,200)
	ShowImageSmall('Beach2' + CSlideImageB,200)
	ShowImageSmall('Beach3' + CSlideImageB,200)
	
	NextCImage = CurrentCImage
}

function slideShowC() {
	if (slideShowCObject) clearTimeout(slideShowCObject)
	ThisCImage = NextCImage
	NextCImage = GetNext(ThisCImage,1,MaxCImages)
	document.getElementById('Beach0' + CSlideImageA).src = BeachImages[ThisCImage].src
	document.getElementById('Beach0' + CSlideImageB).src = BeachImages[NextCImage].src
	document.getElementById('Beach1' + CSlideImageB).src = BeachImagesSmall[GetNext(ThisCImage,2,MaxCImages)].src
	document.getElementById('Beach2' + CSlideImageB).src = BeachImagesSmall[GetNext(ThisCImage,3,MaxCImages)].src
	document.getElementById('Beach3' + CSlideImageB).src = BeachImagesSmall[GetNext(ThisCImage,4,MaxCImages)].src
	ShowImageLarge('Beach0' + CSlideImageB,400)
	ShowImageSmall('Beach1' + CSlideImageB,200)
	ShowImageSmall('Beach2' + CSlideImageB,200)
	ShowImageSmall('Beach3' + CSlideImageB,200)
	CCurrentPosition = 200
	slideShowCObject = window.setTimeout('slideShowCMove()',1000);
}

function slideShowCMove(){
	CCurrentPosition = CCurrentPosition - 5
	ShowImageLarge('Beach0' + CSlideImageB,CCurrentPosition + CCurrentPosition)
	ShowImageSmall('Beach1' + CSlideImageB,CCurrentPosition)
	ShowImageSmall('Beach2' + CSlideImageB,CCurrentPosition)
	ShowImageSmall('Beach3' + CSlideImageB,CCurrentPosition)
	ShowImageLarge('Beach0' + CSlideImageA,CCurrentPosition + CCurrentPosition - 400)
	ShowImageSmall('Beach1' + CSlideImageA,CCurrentPosition - 200)
	ShowImageSmall('Beach2' + CSlideImageA,CCurrentPosition - 200)
	ShowImageSmall('Beach3' + CSlideImageA,CCurrentPosition - 200)

	if (CCurrentPosition<=0){
		CSlideImageTemp = CSlideImageB
		CSlideImageB = CSlideImageA
		CSlideImageA = CSlideImageTemp
		CurrentCImage = NextCImage
		slideShowCObject = window.setTimeout('slideShowC()',8000);
	} else {
		slideShowCObject = window.setTimeout('slideShowCMove()',100);
	}
}

function ShowImageLarge(ImageName,LeftEdge) {
	var objElement = document.getElementById(ImageName)
	objElement.style.left = '' + LeftEdge + 'px'	
	if (LeftEdge<0) {
		objElement.style.clip = 'rect(0px,400px, 300px,' + (-LeftEdge) + 'px)'	
	} else {
		objElement.style.clip = 'rect(0px,' + (400-LeftEdge) + 'px, 300px, 0px)'	
	}
	objElement.style.display = "block"
}

function ShowImageSmall(ImageName,LeftEdge) {
	var objElement = document.getElementById(ImageName)
	objElement.style.left = '' + LeftEdge + 'px'	
	if (LeftEdge<0) {
		objElement.style.clip = 'rect(0px, 180px, 150px,' + (-LeftEdge) + 'px)'	
	} else {
		objElement.style.clip = 'rect(0px,' + (180-LeftEdge) + 'px, 150px,0px)'	
	}
	objElement.style.display = "block"
}

var BCurrentPosition

function HoverHomeB(ImageAdd){
	var ShowImageB 
	if (slideShowBObject) clearTimeout(slideShowBObject)
	ShowImageB =  GetNext(CurrentBImage,ImageAdd,MaxBImages)	
	document.getElementById('Yacht0' + BSlideImageA).src = YachtImages[ShowImageB].src
	ShowImageLarge('Yacht0' + BSlideImageA, 0)
	ShowImageSmall('Yacht1' + BSlideImageA, 0)
	ShowImageSmall('Yacht2' + BSlideImageA, 0)
	ShowImageSmall('Yacht3' + BSlideImageA, 0)
	ShowImageLarge('Yacht0' + BSlideImageB, 400)
	ShowImageSmall('Yacht1' + BSlideImageB, 200)
	ShowImageSmall('Yacht2' + BSlideImageB, 200)
	ShowImageSmall('Yacht3' + BSlideImageB, 200)
	NextBImage = CurrentBImage
}

function slideShowB() {
	if (slideShowBObject) clearTimeout(slideShowBObject)
	ThisBImage = NextBImage
	NextBImage = GetNext(ThisBImage,1,MaxBImages)
	document.getElementById('Yacht0' + BSlideImageA).src = YachtImages[ThisBImage].src
	document.getElementById('Yacht0' + BSlideImageB).src = YachtImages[NextBImage].src
	document.getElementById('Yacht1' + BSlideImageB).src = YachtImagesSmall[GetNext(ThisBImage,2,MaxBImages)].src
	document.getElementById('Yacht2' + BSlideImageB).src = YachtImagesSmall[GetNext(ThisBImage,3,MaxBImages)].src
	document.getElementById('Yacht3' + BSlideImageB).src = YachtImagesSmall[GetNext(ThisBImage,4,MaxBImages)].src
	ShowImageLarge('Yacht0' + BSlideImageB, 400)
	ShowImageSmall('Yacht1' + BSlideImageB, 200)
	ShowImageSmall('Yacht2' + BSlideImageB, 200)
	ShowImageSmall('Yacht3' + BSlideImageB, 200)
	BCurrentPosition = 200
	slideShowBObject = window.setTimeout('slideShowBMove()',1000);
}

function slideShowBMove(){
	BCurrentPosition = BCurrentPosition - 5
	ShowImageLarge('Yacht0' + BSlideImageB, BCurrentPosition + BCurrentPosition)
	ShowImageSmall('Yacht1' + BSlideImageB, BCurrentPosition)
	ShowImageSmall('Yacht2' + BSlideImageB, BCurrentPosition)
	ShowImageSmall('Yacht3' + BSlideImageB, BCurrentPosition)
	ShowImageLarge('Yacht0' + BSlideImageA, BCurrentPosition + BCurrentPosition - 400)
	ShowImageSmall('Yacht1' + BSlideImageA, BCurrentPosition - 200)
	ShowImageSmall('Yacht2' + BSlideImageA, BCurrentPosition - 200)
	ShowImageSmall('Yacht3' + BSlideImageA, BCurrentPosition - 200)
	if (BCurrentPosition<=0){
		BSlideImageTemp = BSlideImageB
		BSlideImageB = BSlideImageA
		BSlideImageA = BSlideImageTemp
		CurrentBImage = NextBImage
		slideShowBObject = window.setTimeout('slideShowB()',8000);
	} else {
		slideShowBObject = window.setTimeout('slideShowBMove()',100);
	}
}


function GetNext(CurrentVal, AddVal, MaxVal) {
	var newVal = CurrentVal + AddVal;
	if (newVal>=MaxVal)newVal = newVal - MaxVal;
	return newVal
}

function HoverHome(imageNo) {
	if (slideShowObject) clearTimeout(slideShowObject);
	document.getElementById('image1div').className = 'smallPictureDiv'
	document.getElementById('image2div').className = 'smallPictureDiv'
	document.getElementById('image3div').className = 'smallPictureDiv'
	document.getElementById('image4div').className = 'smallPictureDiv'
	document.getElementById('image5div').className = 'smallPictureDiv'
	document.getElementById('image6div').className = 'smallPictureDiv'
	document.getElementById('image7div').className = 'smallPictureDiv'
	document.getElementById('image8div').className = 'smallPictureDiv'
	document.getElementById('image9div').className = 'smallPictureDiv'
	document.getElementById('image10div').className = 'smallPictureDiv'
	document.getElementById('image11div').className = 'smallPictureDiv'
	document.getElementById('image12div').className = 'smallPictureDiv'
	document.getElementById('image' + (imageNo + 1) + 'div').className = 'smallPictureDivSelected'
	document.getElementById('BigPicture').src = HomeImages[imageNo].src
	NextImage = imageNo;
}

function buttonHover(thisObject) {
	if (thisObject == currentButton) return;
	thisObject.className = 'buttonOver';
}

function buttonOut(thisObject) {
	if (thisObject == currentButton) return;
	thisObject.className = 'buttonUnselected';
}

function moreDetails() {
	ClearDetailDivs();
	DetailsPageNo = DetailsPageNo + 1
	document.getElementById('Details' + DetailsPageNo).style.display = 'block';
	document.getElementById('BackbuttonDiv').style.display = 'block';
	if (DetailsPageNo != 4) document.getElementById('MorebuttonDiv').style.display = 'block';
	return false;
}

function backDetails() {
	ClearDetailDivs();
	DetailsPageNo = DetailsPageNo - 1
	document.getElementById('Details' + DetailsPageNo).style.display = 'block';
	document.getElementById('MorebuttonDiv').style.display = 'block';
	if (DetailsPageNo != 1) document.getElementById('BackbuttonDiv').style.display = 'block';
	return false;
}

function ClearDetailDivs() {
	document.getElementById('BackbuttonDiv').style.display = 'none';
	document.getElementById('MorebuttonDiv').style.display = 'none';
	document.getElementById('Details1').style.display = 'none';
	document.getElementById('Details2').style.display = 'none';
	document.getElementById('Details3').style.display = 'none';
	document.getElementById('Details4').style.display = 'none';
}

function showCalendar() {
	window.open('http://www.homeawayconnect.com/calendar.cfm?pid=23424','mywindow')
}

function Jumpto(Position) {
	if (Position == 2) {
		location.replace('details.html'); 	
	} else if (Position == 3) {
		location.replace('location.html'); 	
	} else if (Position == 4) {
		location.replace('yacht.html'); 	
	} else if (Position == 5) {
		location.replace('beach.html'); 	
	} else if (Position == 6) {
		location.replace('booking.html'); 	
	} else if (Position == 7) {
		location.replace('links.html'); 	
	} else {
		location.replace('default.html'); 		
	}
}

function MapLoad() {

	AddSiteText('location')
	if (!maploaded) {
		document.getElementById('mapframe').src="http://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=110+medallion+blvd+florida&sll=53.800651,-4.064941&sspn=16.575836,37.089844&ie=UTF8&cd=1&ll=27.815697,-82.79623&spn=0.01209,0.01811&z=14&iwloc=A&output=embed"
		maploaded = true;
	}

}