var URLs = new Array();
var textArray = new Array();
var textTitleArray = new Array();
var Images = new Array();
var mirrorImages = new Array();

var counter1 = 1;
var counter2 = 2;
var counter3 = 3;
var counter4 = 4;
var counter5 = 5;
var counter6 = 6;
var counter7 = 7;


initImages();
initStyles();
initURLs();
initText();
initTitle();

 
function initImages()
{
	Images[0] = "empty"; //eliminate zero base
	mirrorImages[0] = "empty"; //eliminate zero base

	for(i=0; i <= document.imagesSlot.projectImg.length -1; i++)
	{
		Images.push(document.imagesSlot.projectImg[i].value);
		
	}	

	for(i=0; i <= document.imagesSlot.projectImgMR.length -1; i++)
	{
		mirrorImages.push(document.imagesSlot.projectImgMR[i].value);
		
	}	

	for(i=1;i<=6;i++)
	{
		image = document.getElementById("image" + i);
		image.src = Images[i] + "_mini";
	}
}

function initStyles()
{
	var mirror1 = document.getElementById("slide1")
	var mirror2 = document.getElementById("slide2")
	var mirror3 = document.getElementById("slide3")
	var mirror4 = document.getElementById("slide4")
	var mirror5 = document.getElementById("slide5")
	var mirror6 = document.getElementById("slide6")

	mirror1.style.backgroundImage = "url(" + mirrorImages[counter1] + "_mini)";
	mirror2.style.backgroundImage = "url(" + mirrorImages[counter2] + "_mini)";
	mirror3.style.backgroundImage = "url(" + mirrorImages[counter3] + "_mini)";
	mirror4.style.backgroundImage = "url(" + mirrorImages[counter4] + "_mini)";
	mirror5.style.backgroundImage = "url(" + mirrorImages[counter5] + "_mini)";
	mirror6.style.backgroundImage = "url(" + mirrorImages[counter6] + "_mini)";

}

function initURLs()
{
	URLs[0] = "empty"; //eliminate zero base
	for(i=0; i <= document.imagesSlot.URL.length -1; i++)
	{
		URLs.push(document.imagesSlot.URL[i].value);
		
	}
	
	var webaddress = document.getElementById("projectLink");
	if(URLs.length >1)
	{
		webaddress.href = URLs[1];
	}

}

function initText()
{
	textArray[0] = "empty"; //eliminate zero base
	for(i=0; i <= document.imagesSlot.description.length -1; i++)
	{
		textArray.push(document.imagesSlot.description[i].value);
		
	}
	
}

function initTitle()
{
	textTitleArray[0] = "empty"; //eliminate zero base
	for(i=0; i <= document.imagesSlot.title.length -1; i++)
	{
		textTitleArray.push(document.imagesSlot.title[i].value);
		
	}
	
}


function getContent(index)
{
	
	var selectedSlot = 1;
	switch(index)
	{
		case(1):		
			selectedSlot = counter1;
			break;
		case(2):		
			selectedSlot = counter2;
			break;
		case(3):		
			selectedSlot = counter3;
			break;
		case(4):		
			selectedSlot = counter4;
			break;
		case(5):		
			selectedSlot = counter5;
			break;
		case(6):		
			selectedSlot = counter6;
			break;
		default:		
			selectedSlot = counter1;
			break;		
	}
	
	/* ajax
	var targetURL = Images[selectedSlot].replace("/image1","");
	
	xmlhttpPost(targetURL);
	
	*/
	//non-ajax
	var contentObj = document.getElementById("project-description");
	contentObj.innerHTML = textArray[selectedSlot];	
	var titleObj = document.getElementById("project-title");
	titleObj.innerHTML = textTitleArray[selectedSlot];	
	
	var webaddress = document.getElementById("projectLink");

	ShowImage(selectedSlot);
	webaddress.href = URLs[selectedSlot];
}

function ShowImage(id)
{
	 var image = document.getElementById("displayImage")
	 image.src = Images[id];
}

function ScrollLeft()
{
	var slot1 = document.getElementById("image1")
	var slot2 = document.getElementById("image2")
	var slot3 = document.getElementById("image3")
	var slot4 = document.getElementById("image4")
	var slot5 = document.getElementById("image5")
	var slot6 = document.getElementById("image6")

	var mirror1 = document.getElementById("slide1")
	var mirror2 = document.getElementById("slide2")
	var mirror3 = document.getElementById("slide3")
	var mirror4 = document.getElementById("slide4")
	var mirror5 = document.getElementById("slide5")
	var mirror6 = document.getElementById("slide6")

	var image = document.getElementById("displayImage")
	
	if (Images.length <=6) return false;

	counter1 = counter1 + 1;
	counter2 = counter2 + 1;
	counter3 = counter3 + 1;
	counter4 = counter4 + 1;
	counter5 = counter5 + 1;
	counter6 = counter6 + 1;

	if (counter1 > Images.length-1)
	{
		counter1 = 1;
	}
	if (slot1)
	{
		
		slot1.src = Images[counter1] + "_mini";
		mirror1.style.backgroundImage = "url(" + mirrorImages[counter1] + "_mini)";
		getContent(1);
		//blendimage("imageHolder1", "image1", images[counter1] + "_thumb", 500)
	}

	if (counter2 > Images.length-1)
	{
		counter2 = 1;
	}
	if (slot2)
	{
		slot2.src = Images[counter2] + "_mini";
		mirror2.style.backgroundImage = "url(" + mirrorImages[counter2] + "_mini)";
	}

	if (counter3 > Images.length-1)
	{
		counter3 = 1;
	}
	if (slot3)
	{
		slot3.src = Images[counter3] + "_mini";
		mirror3.style.backgroundImage = "url(" + mirrorImages[counter3] + "_mini)";
	}

	if (counter4 > Images.length-1)
	{
		counter4 = 1;
	}
	if (slot4)
	{
		slot4.src = Images[counter4] + "_mini";
		mirror4.style.backgroundImage = "url(" + mirrorImages[counter4] + "_mini)";
	}
	if (counter5 > Images.length-1)
	{
		counter5 = 1;
	}
	if (slot5)
	{
		slot5.src = Images[counter5] + "_mini";
		mirror5.style.backgroundImage = "url(" + mirrorImages[counter5] + "_mini)";
	}
	if (counter6 > Images.length-1)
	{
		counter6 = 1;
	}
	if (slot6)
	{
		slot6.src = Images[counter6] + "_mini";
		mirror6.style.backgroundImage = "url(" + mirrorImages[counter6] + "_mini)";
	}

}

function ScrollRight()
{
	var slot1 = document.getElementById("image1")
	var slot2 = document.getElementById("image2")
	var slot3 = document.getElementById("image3")
	var slot4 = document.getElementById("image4")
	var slot5 = document.getElementById("image5")
	var slot6 = document.getElementById("image6")

	var mirror1 = document.getElementById("slide1")
	var mirror2 = document.getElementById("slide2")
	var mirror3 = document.getElementById("slide3")
	var mirror4 = document.getElementById("slide4")
	var mirror5 = document.getElementById("slide5")
	var mirror6 = document.getElementById("slide6")

	var image = document.getElementById("displayImage")
	
	if (Images.length <=6) return false;

	counter1 = counter1 - 1;
	counter2 = counter2 - 1;
	counter3 = counter3 - 1;
	counter4 = counter4 - 1;
	counter5 = counter5 - 1;
	counter6 = counter6 - 1;

	if (counter1 < 1)
	{
		counter1 = Images.length-1;
	}
	if (slot1)
	{
		
		slot1.src = Images[counter1] + "_mini";
		mirror1.style.backgroundImage = "url(" + mirrorImages[counter1] + "_mini)";
		getContent(1);
		//blendimage("imageHolder1", "image1", images[counter1] + "_thumb", 500)
	}

	if (counter2 < 1)
	{
		counter2 = Images.length-1;
	}
	if (slot2)
	{
		slot2.src = Images[counter2] + "_mini";
		mirror2.style.backgroundImage = "url(" + mirrorImages[counter2] + "_mini)";
	}

	if (counter3 < 1)
	{
		counter3 = Images.length-1;
	}
	if (slot3)
	{
		slot3.src = Images[counter3] + "_mini";
		mirror3.style.backgroundImage = "url(" + mirrorImages[counter3] + "_mini)";
	}

	if (counter4 < 1)
	{
		counter4 = Images.length-1;
	}
	if (slot4)
	{
		slot4.src = Images[counter4] + "_mini";
		mirror4.style.backgroundImage = "url(" + mirrorImages[counter4] + "_mini)";
	}
	if (counter5 < 1)
	{
		counter5 = Images.length-1;
	}
	if (slot5)
	{
		slot5.src = Images[counter5] + "_mini";
		mirror5.style.backgroundImage = "url(" + mirrorImages[counter5] + "_mini)";
	}
	if (counter6 < 1)
	{
		counter6 = Images.length-1;
	}
	if (slot6)
	{
		slot6.src = Images[counter6] + "_mini";
		mirror6.style.backgroundImage = "url(" + mirrorImages[counter6] + "_mini)";
	}

}