var delay 				= 3000;
var imageShown		= 0;
var imageCount		= 0;
var imageArray 		= new Array();
var intervalTimer	= setInterval("ChangeImage()", delay);


/****************************************************************************/
function PreloadImage(filename)
{
		imageArray[imageCount] = new Image();
		imageArray[imageCount++] = filename;
}


/****************************************************************************/
function ChangeImage()
{
		UpdateImage(++imageShown);
}


/****************************************************************************/
function SetImage(index)
{
		if (index > imageCount - 1)
		{
				alert('Afbeelding niet beschikbaar.');
				return;
		}
		clearInterval(intervalTimer);
		UpdateImage(index);
}


/****************************************************************************/
function SetImageOutOfList(filename)
{
		clearInterval(intervalTimer);
		document.images.prodimage.src = filename;
		for (var i = 0; i < imageCount; ++i)
		{
				var elem = document.getElementById('swap_' + i);
				elem.src = 'img/swap_inactive.png';
		}
}


/****************************************************************************/
function UpdateImage(index)
{
		imageShown = index;
		if (imageShown > imageCount - 1)
		{
				imageShown = 0;
		}
		document.images.prodimage.src = imageArray[imageShown];
		
		for (var i = 0; i < imageCount; ++i)
		{
				var elem = document.getElementById('swap_' + i);
				elem.src = (i == imageShown) ? 'img/swap_active.png' : 'img/swap_inactive.png';
		}
}


/****************************************************************************/
function CreateButtons()
{
		if (document.images)
		{
				imgActive 			= new Image(); 
				imgActive.src		=	"img/swap_active.png";
				imgInactive 		= new Image(); 
				imgInactive.src	=	"img/swap_inactive.png";
		}  
		
		for (var i = 0; i < imageCount; ++i)
		{
				document.write('<a href="javascript:SetImage(' + i +
												')"><img class="content_product_image_swap" id="swap_' + i +
												'" name="swap_' + i + '" src="img/swap_inactive.png" width="10px" height="10px" /></a>');
		}
}