var imageArrayIndex = -1;
var MAX_IMAGES = 5;
var SLIDESHOW_SPEED = 5000;
var TRANSITION_DELAY = 500;
var timeoutID = null;

var PREVIEW_BOX_IDS = new Array();
PREVIEW_BOX_IDS[0] = 'slide_item1';
PREVIEW_BOX_IDS[1] = 'slide_item2';
PREVIEW_BOX_IDS[2] = 'slide_item3';
PREVIEW_BOX_IDS[3] = 'slide_item4';
PREVIEW_BOX_IDS[4] = 'slide_item5';

var PREVIEW_PTR_IDS = new Array();
PREVIEW_PTR_IDS[0] = 'slide_pointer1';
PREVIEW_PTR_IDS[1] = 'slide_pointer2';
PREVIEW_PTR_IDS[2] = 'slide_pointer3';
PREVIEW_PTR_IDS[3] = 'slide_pointer4';
PREVIEW_PTR_IDS[4] = 'slide_pointer5';

var PICS_PRELOADED = new Array();
var THUMBS_PRELOADED = new Array();

for (i=0; i<PICS.length; i++)
{
  PICS_PRELOADED[i] = new Image(615,300);
  PICS_PRELOADED[i].src = PICS[i];
  
  THUMBS_PRELOADED[i] = new Image(90,40);
  THUMBS_PRELOADED[i].src = THUMBS[i];
}

function runSlideShow()
{
	imageArrayIndex++;
	
	ResetPreviewBoxes();
	SelectActivePreviewBox();
	ShowPhotoStory();
	
    blendimage('slides_div','slides_img', PICS_PRELOADED[imageArrayIndex].src, TRANSITION_DELAY)
    if (imageArrayIndex == (MAX_IMAGES-1))
    {
        imageArrayIndex = -1;
    }
	
    timeoutID = setTimeout("runSlideShow()",SLIDESHOW_SPEED);
}

function pauseSlideShow()
{
    if (timeoutID != null)
    {
        clearTimeout(timeoutID);
    }
    timeoutID = null;
}

function restartSlideShow()
{
    setTimeout("runSlideShow()",SLIDESHOW_SPEED);
}

function ResetPreviewBoxes()
{
	var i = 0;
	for (i = 0; i < PREVIEW_BOX_IDS.length; i++)
	{
		var pbox = document.getElementById(PREVIEW_BOX_IDS[i]);
		if (pbox)
		{
			pbox.className = 'slides_preview';
		}
		
		var ptrbox = document.getElementById(PREVIEW_PTR_IDS[i]);
		if (ptrbox)
		{
			ptrbox.className = 'slides_pointer';
		}
	}
}

function SelectActivePreviewBox()
{
	var pbox = document.getElementById(PREVIEW_BOX_IDS[imageArrayIndex]);
	if (pbox)
	{
		pbox.className = 'slides_preview_active';
	}
		
	var ptrbox = document.getElementById(PREVIEW_PTR_IDS[imageArrayIndex]);
	if (ptrbox)
	{
		ptrbox.className = 'slides_pointer_active';
	}
}

function SlideTo(nTargetIndex)
{
	imageArrayIndex = (nTargetIndex-1);
	pauseSlideShow();
	runSlideShow();
	pauseSlideShow();
}

function ShowPhotoStory()
{
	var story_div = document.getElementById('photo_story');
	if (story_div)
	{
		story_div.innerHTML = PIC_SHORT_STORY[imageArrayIndex];
	}
}