var largeImageDB;
var MAX_IMAGES = 28;
var MIN_IMAGES = 0;
var LARGE_IMAGE_WIDTH = 445;
var LARGE_IMAGE_HEIGHT = 250;
var current_image = MIN_IMAGES;
var gblImageParam = "myImage";
var gblIdParam = "myID";
var gblDivId = "mydiv";

//pre-cache the images
							  
var myLargeImages = new Array("large_Alluvian Boardroom", "large_Alluvian Courtyard", "large_Alluvian Fitness Center", "large_Alluvian Guest Bath", "large_Alluvian Guest Bath2", "large_Alluvian Guest Room", "large_Alluvian Lobby Lounge", "large_Alluvian Lobby", "large_Alluvian Terrace Room", "large_Alluvian Terrace",
							  "large_Amy Head Makeup Area and Salon", "large_Giardina's Bar", "large_Giardina's Bar2", "large_Manicure", "large_Pedicure", "large_Private Dining Booths", "large_Spa Couples Room", "large_Spa Hallway", "large_Spa Reception", "large_Spa Therapeutic River Bath",
							  "large_Spa Tranquility Room", "large_Spa Vichey Shower", "large_Sweet Tea Scrub", "large_The Alluvian", "large_Viking Cooking Class", "large_Viking Retail Store", "delta_room1", "delta_room2");

largeImageDB = new Array(MAX_IMAGES);


for(var i = 0; i < largeImageDB.length; i++)
{
	largeImageDB[i] = new Image(LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT);
	largeImageDB[i].src = "images/" + myLargeImages[i] + ".jpg";
}


var gblFadeSeconds = 1.00;

//You don't have to edit below this line
var gblOpacity = 100;

function getNextImage()
{
	//current_image++;
	//if(current_image == (MAX_IMAGES))
	//{
		//current_image = MIN_IMAGES;
	//}
	//document.getElementById(gblImageParam).src = largeImageDB[current_image].src;
	
	var theimg = document.getElementById(gblImageParam);
	
	var fadeDelta = 100/ (30 * gblFadeSeconds);
	
	if(gblOpacity < 2*fadeDelta)
	{
		gblOpacity = 100;
		photoShufflerShuffle();
	}
	else
	{
		gblOpacity -= fadeDelta;
		setOpacity(theimg, gblOpacity);
		setTimeout("getNextImage()", 30);
	}
}

function getPreviousImage()
{
	//current_image--;
	//if(current_image < MIN_IMAGES)
	//{
		//current_image = MAX_IMAGES - 1;
	//}
	//document.getElementById(gblImageParam).src = largeImageDB[current_image].src;
	
	var theimg = document.getElementById(gblImageParam);
	
	var fadeDelta = 100/ (30 * gblFadeSeconds);
	
	if(gblOpacity < 2*fadeDelta)
	{
		gblOpacity = 100;
		reversePhotoShufflerShuffle();
	}
	else
	{
		gblOpacity -= fadeDelta;
		setOpacity(theimg, gblOpacity);
		setTimeout("getPreviousImage()", 30);
	}
}

function getThumbnailImage()
{
	//current_image = document.getElementById(gblIdParam).tabindex;
	//document.getElementById(gblImageParam).src = largeImageDB[current_image].src;
	var theimg = document.getElementById(gblImageParam);
	
	var fadeDelta = 100/ (30 * gblFadeSeconds);
	
	if(gblOpacity < 2*fadeDelta)
	{
		gblOpacity = 100;
		thumbnailPhotoShufflerShuffle();
	}
	else
	{
		gblOpacity -= fadeDelta;
		setOpacity(theimg, gblOpacity);
		setTimeout("getThumbnailImage()", 30);
	}
}


function photoShufflerShuffle()
{
	var thediv = document.getElementById(gblDivId);
	var theimg = document.getElementById(gblImageParam);
	
	//get the next image
	current_image++;
	if(current_image >= MAX_IMAGES)
	{
		current_image = MIN_IMAGES;
	}
	
	//copy div background-image to img.src
	theimg.src = largeImageDB[current_image].src;
	//set the img opacity to 100
	setOpacity(theimg, 100);
}

function reversePhotoShufflerShuffle()
{
	var thediv = document.getElementById(gblDivId);
	var theimg = document.getElementById(gblImageParam);
	
	//get the previous image
	current_image--;
	if(current_image < MIN_IMAGES)
	{
		current_image = MAX_IMAGES - 1;
	}
	
	//copy div background-image to img.src
	theimg.src = largeImageDB[current_image].src;
	//set the img opacity to 100
	setOpacity(theimg, 100);
}

function thumbnailPhotoShufflerShuffle()
{
	var thediv = document.getElementById(gblDivId);
	var theimg = document.getElementById(gblImageParam);
	
	//get the thumbnail iage
	//copy div background-image to img.src
	theimg.src = largeImageDB[current_image].src;
	//set the img opacity to 100
	setOpacity(theimg, 100);
}

function setOpacity(obj, opacity)
{
	opacity = (opacity == 100)?99.999:opacity;
	
	obj.style.filter = "alpha(opacity:"+opacity+")";
	
	obj.style.KHTMLOpacity = opacity/100;
	
	obj.style.MozOpacity = opacity/100;
	
	obj.style.opacity = opacity/100;
}