var images = new Array();

var counter1 = 1;
var counter2 = 2;
var counter3 = 3;

var mainImage = document.getElementById("product-image");
var slot1 = document.getElementById("image1");
var slot2 = document.getElementById("image2");
var slot3 = document.getElementById("image3");
var emptyImg = document.imagesSlot.ImgNone.value;

var debug = document.getElementById("debug");
initImages();

function ScrollLeft()
{
		
	if (images.length <=3) 
	{
		return false;
	}

	counter1 = counter1 + 1;
	counter2 = counter2 + 1;
	counter3 = counter3 + 1;
	

	if (counter1 > images.length-1)
	{
		counter1 = 1;
	}
	if (slot1)
	{
		slot1.src = images[counter1];
		mainImage.src = images[counter1];
	}

	if (counter2 > images.length-1)
	{
		counter2 = 1;
	}
	if (slot2)
	{
		slot2.src = images[counter2];
	}

	if (counter3 > images.length-1)
	{
		counter3 = 1;
	}
	if (slot3)
	{
		slot3.src = images[counter3];
	}
}
function ScrollRight()
{

	if (images.length <=3) return false;

	counter1 = counter1 - 1;
	counter2 = counter2 - 1;
	counter3 = counter3 - 1;

	if (counter1 < 1)
	{
		counter1 = images.length-1;
	}
	if (slot1)
	{
		slot1.src = images[counter1];
		mainImage.src = images[counter1];

	}

	if (counter2 < 1)
	{
		counter2 = images.length-1;
	}
	if (slot2)
	{
		slot2.src = images[counter2];
	}

	if (counter3 < 1)
	{
		counter3 = images.length-1;
	}
	if (slot3)
	{
		slot3.src = images[counter3];
	}
	
}
function View(Slot)
{
	//var imgProduct = document.getElementById("product-image")
	switch(Slot)
	{
		case 1:		
			//blendimage("product-image-holder", "product-image", images[counter1], 500)	
			mainImage.src = images[counter1];
			break;    
		case 2:
			mainImage.src = images[counter2];
			//blendimage("product-image-holder", "product-image", images[counter2], 500)
			break;
		case 3:
			//blendimage("product-image-holder", "product-image", images[counter3], 500)
			mainImage.src = images[counter3];
			break;
		case 4:
			//blendimage("product-image-holder", "product-image", images[counter4], 500)
			mainImage.src = images[counter4];
			break;
		case 5:
			//blendimage("product-image-holder", "product-image", images[counter5], 500)
			mainImage.src = images[counter5];
			break;
		case 6:
			//blendimage("product-image-holder", "product-image", images[counter6], 500)
			mainImage.src = images[counter6];
			break;
		default:
			mainImage.src = images[counter1];
			//blendimage("product-image-holder", "product-image", images[counter1], 500)
	}
}

function initImages()
{

	/* slot1.src = images[1];
	slot2.src = images[2];
	slot3.src = images[3];
	mainImage.src = images[1];
	*/
	images[0] = "empty"; //eliminate zero base
	if (document.imagesSlot.image1)
	{
		images.push(document.imagesSlot.image1.value);
	}	
	if (document.imagesSlot.image2)
	{
		images.push(document.imagesSlot.image2.value);
	}	
	if (document.imagesSlot.image3)
	{
		images.push(document.imagesSlot.image3.value);
	}	
	if (document.imagesSlot.image4)
	{
		images.push(document.imagesSlot.image4.value);
	}	
	if (document.imagesSlot.image5)
	{
		images.push(document.imagesSlot.image5.value);
	}
	if (document.imagesSlot.image6)
	{
		images.push(document.imagesSlot.image6.value);
	}
			
}

function ShowImage(id,url)
{
	 var image = document.getElementById("ProductImage")
	 image.src = url + "/" + id
}