var newImg;
var isComplete = true;

//============================
// Changes image
function displayImage(imgPath, imgNo)
{
	if (isComplete)
	{
		isComplete = false;
		Effect.Fade('ImagePreview');
		selectImage(imgNo);
		if (document.images)
		{
			newImg  = new Image();
			newImg.src= imgPath;

			setTimeout('switchPhoto();', 1000);
		}
	}
}

//============================
// Switches the photo
function switchPhoto() 
{
	if (newImg.complete || newImg.complete==null) 
	{
		Effect.Appear('ImagePreview');
		$('ImagePreview').src	= newImg.src;
		setTimeout('isComplete = true;', 1000);
	}
	else
	{
		setTimeout('switchPhoto()', 500);
	}
}

//============================
// Changes highlighted image
function selectImage(imgNo)
{
	var numOfImgs = $('numOfImgs').value;

	for ( var x=0; x<=numOfImgs ; x++ )
	{
		$('SELECTOR' + x).className = 'imgNotSelected';
		$('ImgCap' + x).className	= 'imgCapNotSelected';
	}

	$('SELECTOR' + imgNo).className = 'imgSelected';
	$('ImgCap' + imgNo).className	= 'imgCapSelected';
}