// JavaScript Document
/* <![CDATA[ */			
var imageTracker = new Array();
var currentLeftImage = 0;
var sliderLimit = 5;

window.onload = function(){
	checkArray(currentLeftImage);
}

function slideImages(slideDirection){
	if(slideDirection == 'right')
		currentLeftImage += sliderLimit;
	else
		currentLeftImage -= sliderLimit;
	
	if(currentLeftImage >= (sliderLimit * 3)) currentLeftImage = 0;
	else if(currentLeftImage < 0) currentLeftImage = (sliderLimit * 2);
	
	checkArray(currentLeftImage);
	
	var interval = (currentLeftImage / sliderLimit);
	var starSelector = document.getElementById('slideNav').getElementsByTagName('span');
	for( var i=0; i<starSelector.length; i++){
		if(i==interval) starSelector[i].className='selected';
		else starSelector[i].className='';
	}	
}

function checkArray(startNumber){
	currentLeftImage = parseInt(startNumber);
	/*alert(typeof(imageTracker[currentLeftImage]));*/
	if(typeof(imageTracker[currentLeftImage]) == 'undefined'){
		slideArrayFill(currentLeftImage);
	} else {	
		fillSlideArea();
	}
}

function fillSlideArea(){	
	var returnImages = '';
	for(var i=currentLeftImage; i < (currentLeftImage + sliderLimit); i++){
		returnImages += "<div class=\"thumb\"><a href=\"/archives/individual.php?ID=" + imageTracker[i].imageID + "\"><div class=\"textboxheight\"></div><span class=\"photo";
		if(imageTracker[i].imageLayout == 'horizontal') returnImages += " vert";
		returnImages += "\"><img src=\"" + imageTracker[i].imagePath + "\" alt=\"d\" /></span><span class=\"text\"><strong>" + imageTracker[i].imageName + "</strong><br />" + imageTracker[i].imageCity + "</span><div class=\"clear\"></div></a></div>";
		if((i + 1)%5 == 0) returnImages += "<div class=\"clear\"></div>";
	}
	returnImages += "<div class=\"clear\"></div>";
	document.getElementById("footerThumbHolder").innerHTML = returnImages;				
}

function slideArrayFill(startNumber){
	url = default_url + "?limit=" + sliderLimit;
	url = url + "&sid=" + Math.random(); //prevents caching	
	if((http.readyState == 0) || (http.readyState == 4)){		
		http.open("GET", url, true); 
		http.onreadystatechange = handleFillHttpResponse; 
		http.send(null);
	}
}

function handleFillHttpResponse() {
	if (http.readyState == 4) {
		if ((http.status == 200)||(http.status == 0)) {					
			var response = eval ('(' + http.responseText + ')');
			var returnImages = '';			
			for(var i=0; i<response.images.length; i++){
				imageTracker[(currentLeftImage + i)] = new Array();
				imageTracker[(currentLeftImage + i)].imageID = response.images[i].image.imageID;
				imageTracker[(currentLeftImage + i)].linkCategory = response.images[i].image.linkCategory;
				imageTracker[(currentLeftImage + i)].imageCity = response.images[i].image.imageCity;
				imageTracker[(currentLeftImage + i)].imageLayout = response.images[i].image.imageLayout;
				imageTracker[(currentLeftImage + i)].imagePath = response.images[i].image.imagePath;
				imageTracker[(currentLeftImage + i)].imageName = response.images[i].image.imageName;	
			}
			fillSlideArea();
		}		
	}
}