// all the slides stored here
var slides = new Array();

var curSlide;
var curSlideIdx = -1;

var timerInterval = 5000;

var nextImageLoaded = 0;
var finishedOnePass = 0;


//******************************************
function StartSlideShow()
{
	contents = document.getElementById( "slideshow" );

	LoadAllSlides( slides );

	// preload the first slide
	if ( slides.length > 0 )
	{
		nextImage = new Image(); 
		nextImage.onload = OnImageLoaded;
		nextImage.src = slides[0].image;
		nextImageLoaded = 0;
		setTimeout( "TimerHandler()", 1000 );
	}

//	DisplayNextSlide();
}

//******************************************
function TimerHandler()
{
	if ( nextImageLoaded == 0 )
	{
		setTimeout( "TimerHandler()", 1000 );
	}
	else
	{
		DisplayNextSlide();
	}
}

//******************************************
function OnImageLoaded()
{
	nextImageLoaded = 1;
}

//******************************************
function DisplayNextSlide()
{
	++curSlideIdx;
	if ( curSlideIdx >= slides.length )
	{
		curSlideIdx = 0;
		finishedOnePass = 1;
	}
	if ( slides.length < 1 )
		return;

	curSlide = slides[curSlideIdx];

	var newContents = "<a href=\"" + curSlide.imageURL + "\">" ;
	newContents += "<img src=\"" + curSlide.image + "\"" +  "class=\"liy-image\" " + curSlide.imageSize + ">" ;
	newContents += "</a>";
	newContents += "<br />";
	newContents += curSlide.text;

	contents = document.getElementById( "slideshow" );
	contents.innerHTML = "" + newContents + "";

//alert( contents.innerHTML );

	setTimeout( "TimerHandler()", timerInterval );

	// preload the next slide
	if ( /*(finishedOnePass == 0) &&*/ (curSlideIdx + 1 < slides.length) )
	{
		nextImageLoaded = 0;
		nextImage = new Image(); 
		nextImage.onload = OnImageLoaded;
		nextImage.src = slides[curSlideIdx+1].image;
	}
	else
	{
		nextImageLoaded = 1;
	}
}

//******************************************
function OnHintRequested()
{
	hintVisible = 1;
	LoadAnswersSection();
}

//******************************************