//The total number of images to display in the rotation. Keep at 6
var imagesToDisplay = 6

//The total number of images loaded on the page
var numberOfImages = 0
		
//Keeps track of the far left image in the rotation
var currentImage = 1

//Preload images ("yes" or "no"):
var preloadimg="no"

//Set optional link target to be added to all images with a link:
var optlinktarget=""

//Set image border width
var imgborderwidth=0

//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
		
var imageName = "ImageButton";
		
///////No need to edit beyond here/////

if (preloadimg=="yes")
{
	for (x=0; x<dynimages.length; x++)
	{
		var myimage=new Image()
		myimage.src=dynimages[x][0]
	}
}

function modifyimage(loadarea, imgindex, imgdesc)
{
	if (document.getElementById)
	{
		var imgobj=document.getElementById(loadarea)
		if (imgobj.filters && window.createPopup)
		{
			imgobj.style.filter=filterstring
			imgobj.filters[0].Apply()
		}
		imgobj.src=imgindex
		if (imgobj.filters && window.createPopup)
		imgobj.filters[0].Play()
		ctl = document.getElementById("lblImgDesc");
		if (ctl)
		{
			ctl.innerHTML = imgdesc;
		}	
		return false
	}
}
		
function countLoadedImages()
{
	var imageElement;
	for (var i=1; i<=99; i++)
	{
		//alert(i);
		imageElement = imageName + i;
		ctl = document.getElementById(imageElement);
		if (ctl)
		{
			continue;
		}
		else
		{
			numberOfImages = i-1;
			break;
		}
	}
}
		
function moveImages(direction)
{
	if (numberOfImages == 0)
	{
		countLoadedImages();
	}
	
	checkCurrentImage();
	
	if (direction == "left" && numberOfImages > imagesToDisplay && currentImage + imagesToDisplay < numberOfImages)
	{
		currentImage = currentImage + 1;
	}
	else
	{
		if (direction == "right" && currentImage > 1 && numberOfImages > imagesToDisplay)
		{
			currentImage = currentImage - 1;
		}
	}
	
	var imageElement;
	var j = 1;
	
	for (var i=1; i<numberOfImages; i++)
	{
		imageElement = imageName+i;
		if (i >= currentImage && i < currentImage+imagesToDisplay)
		{
			showImage(i, j);
			j = j + 1;
		}
		else
		{
			hideImage(imageElement);
		}
	}
}
	
function checkCurrentImage()
{
	if (currentImage > numberOfImages)
	{
		currentImage = numberOfImages;
	}
		
	if (currentImage < 1)
	{
		currentImage = 1;
	}
}
		
function hideImage(imageElement)
{
	ctl = document.getElementById(imageElement);
	if (ctl)
	{
		ctl.style.visibility = "hidden";
	}
}
		
function showImage(i, j)
{
	var imageElement = imageName + i;
	var iLeft = 40; //Default left location in pixels;
	ctl = document.getElementById(imageElement);
	if (ctl)
	{
		ctl.style.visibility = "visible";
		ctl.style.left = ((j - 1) * 74) + iLeft + "px";
	}
}