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

var counter1 = 1;
var counter2 = 2;
var counter3 = 3;
var counter4 = 4;
var counter5 = 5;
var counter6 = 6;
var counter7 = 7;
var counter8 = 8;
initImages();


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


function initImages()
{
	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);
	}	
	if (document.imagesSlot.image7)
	{
		Images.push(document.imagesSlot.image7.value);
	}	
	if (document.imagesSlot.image8)
	{
		Images.push(document.imagesSlot.image8.value);
	}	
	if (document.imagesSlot.image9)
	{
		Images.push(document.imagesSlot.image9.value);
	}	
	if (document.imagesSlot.image10)
	{
		Images.push(document.imagesSlot.image10.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;
		case(7):		
			selectedSlot = counter7;
			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 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 slot7 = document.getElementById("image7")
	
	var slides1 = document.getElementById("slide1");
	var slides2 = document.getElementById("slide2");
	var slides3 = document.getElementById("slide3");
	var slides4 = document.getElementById("slide4");
	var slides5 = document.getElementById("slide5");
	var slides6 = document.getElementById("slide6");
	var slides7 = document.getElementById("slide7");
	
	var image = document.getElementById("displayImage")

	if (Images.length <=7) return false;

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

	if (counter1 > Images.length-1)
	{
		counter1 = 1;
	}
	if (slot1)
	{
		//slides1.href = URLs[counter1];
		slot1.src = Images[counter1] + "_fabric";
		//getContent(1);
		//blendimage("slide1","image1", images[counter1] + "_fabric", 500)
	}

	if (counter2 > Images.length-1)
	{
		counter2 = 1;
	}
	if (slot2)
	{
		//slides2.href = URLs[counter2];
		slot2.src = Images[counter2] + "_fabric";
		//blendimage("thumbnail","image2", images[counter2] + "_fabric", 500)		
	}

	if (counter3 > Images.length-1)
	{
		counter3 = 1;
	}
	if (slot3)
	{
		//slides3.href = URLs[counter3];
		slot3.src = Images[counter3] + "_fabric";
		//blendimage("thumbnail","image3", images[counter3] + "_fabric", 500)
	}

	if (counter4 > Images.length-1)
	{
		counter4 = 1;
	}
	if (slot4)
	{
		//slides4.href = URLs[counter4];
		slot4.src = Images[counter4] + "_fabric";
		//blendimage("thumbnail","image4", images[counter4] + "_fabric", 500)
	}
	if (counter5 > Images.length-1)
	{
		counter5 = 1;
	}
	if (slot5)
	{
		//slides5.href = URLs[counter5];
		slot5.src = Images[counter5] + "_fabric";
		//blendimage("thumbnail","image5", images[counter5] + "_fabric", 500)
	}
	if (counter6 > Images.length-1)
	{
		counter6 = 1;
	}
	if (slot6)
	{
		//slides6.href = URLs[counter6];
		slot6.src = Images[counter6] + "_fabric";
		//blendimage("thumbnail","image6", images[counter6] + "_fabric", 500)
	}
	if (counter7 > Images.length-1)
	{
		counter7 = 1;
	}
	if (slot7)
	{
		//slides7.href = URLs[counter7];
		slot7.src = Images[counter7] + "_fabric";
		//blendimage("thumbnail","image7", images[counter7] + "_fabric", 500)
	}
}

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 slot7 = document.getElementById("image7")
	
	var slides1 = document.getElementById("slide1");
	var slides2 = document.getElementById("slide2");
	var slides3 = document.getElementById("slide3");
	var slides4 = document.getElementById("slide4");
	var slides5 = document.getElementById("slide5");
	var slides6 = document.getElementById("slide6");
	var slides7 = document.getElementById("slide7");

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

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

	if (counter1 < 1)
	{
		counter1 = Images.length-1;
	}
	if (slot1)
	{
		//slides1.href = URLs[counter1];
		slot1.src = Images[counter1] + "_fabric";
		getContent(1);
		//blendimage("thumbnail","image1", images[counter1] + "_fabric", 500)
	}

	if (counter2 < 1)
	{
		counter2 = Images.length-1;
	}
	if (slot2)
	{
		//slides2.href = URLs[counter2];
		slot2.src = Images[counter2] + "_fabric";
		//blendimage("thumbnail","image2", images[counter2] + "_fabric", 500)
	}

	if (counter3 < 1)
	{
		counter3 = Images.length-1;
	}
	if (slot3)
	{
		//slides3.href = URLs[counter3];
		slot3.src = Images[counter3] + "_fabric";
		//blendimage("thumbnail","image3", images[counter3] + "_fabric", 500)
	}

	if (counter4 < 1)
	{
		counter4 = Images.length-1;
	}
	if (slot4)
	{
		//slides4.href = URLs[counter4];
		slot4.src = Images[counter4] + "_fabric";
		//blendimage("thumbnail","image4", images[counter4] + "_fabric", 500)
	}
	if (counter5 < 1)
	{
		counter5 = Images.length-1;
	}
	if (slot5)
	{
		//slides5.href = URLs[counter5];
		slot5.src = Images[counter5] + "_fabric";
		//blendimage("thumbnail","image5", images[counter5] + "_fabric", 500)
	}
	if (counter6 < 1)
	{
		counter6 = Images.length-1;
	}
	if (slot6)
	{
		//slides6.href = URLs[counter6];
		slot6.src = Images[counter6] + "_fabric";
		//blendimage("thumbnail","image6", images[counter6] + "_fabric", 500)
	}
	if (counter7 < 1)
	{
		counter7 = Images.length-1;
	}
	if (slot7)
	{
		//slides7.href = URLs[counter7];
		slot7.src = Images[counter7] + "_fabric";
		//blendimage("thumbnail","image7", images[counter7] + "_fabric", 500)
	}
}
function ShowImage(id)
{
	 var image = document.getElementById("displayImage")
	 image.src = Images[id];
}
function FadeIn(id)
{
    //speed for each frame
    var speed = Math.round(5);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
	for(i = 100; i >= 0; i--) 
	{
		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
		timer++;
	}
}
function FadeOut(id) 
{
    //speed for each frame
    var speed = Math.round(5);
    var timer = 0;
	for(i = 0; i <= 100; i++)
		{
		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
		timer++;
	}
}
function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function showWaitMessage()
{
	var contentObj = document.getElementById("project-description");
	contentObj.innerHTML = "<p align='center'><img src='images/loader.gif'></p>";
}
function xmlhttpPost(strURL) {
	var xmlHttpReq = false;
	var self = this;
	// Mozilla/Safari
	if (window.XMLHttpRequest) {
		self.xmlHttpReq = new XMLHttpRequest();
	}
	// IE
	else if (window.ActiveXObject) {
		self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
	}
	self.xmlHttpReq.open('GET', strURL, true);
	self.xmlHttpReq.setRequestHeader('Content-Type', 'text/plain');
	self.xmlHttpReq.onreadystatechange = function() {
		if (self.xmlHttpReq.readyState == 4) {
			updatepage(self.xmlHttpReq.responseText);
		} 
		else
		{
			showWaitMessage();
		}
		
	}
	self.xmlHttpReq.send(null);
}


function updatepage(str)
{
	var page = document.getElementById("temp");
	page.innerHTML = str;
	var feed = document.getElementById("FeedContent");
	var contentObj = document.getElementById("project-description");
	contentObj.innerHTML = feed.innerHTML;	
	page.innerHTML = "";
}