// JavaScript Document

/*var imageNum=0;
	var imageDir = "images/";
	var imageArray=new Array();
	var imageArray=new Array();
	imageArray[imageNum++]=imageDir + "image1.jpg";
	imageArray[imageNum++]=imageDir + "image2.jpg";
	imageArray[imageNum++]=imageDir + "image3.jpg";
	imageArray[imageNum++]=imageDir + "image4.jpg";
	imageArray[imageNum++]=imageDir + "image5.jpg";*/
	
	//var totalImages = imageArray.length;
	imageNum=0;

if (document.images)
    {
	var totalImages = imageArray.length;
      preload_image_object = new Image();
     
       for(i=0; i<=totalImages; i++) 
         preload_image_object.src = imageArray[i]['itemPath'];
    }


function nextImage(place,textPlace){ 
	var totalImages = imageArray.length;
	imageNum++;
	
	if (imageNum>=totalImages){
		imageNum=0;
	}
	set_slider();
	//newImage=new Image();
	//newImage.src=imageArray[imageNum]['itemPath'];
	document[place].src=imageArray[imageNum]['itemPath'];
	changeText(textPlace);
	
	//newImage.onload=set_margins(newImage.src);
}

function prevImage(place,textPlace){ 
	var totalImages = imageArray.length;
	imageNum--;
	
	if (imageNum<0){
			imageNum=totalImages-1;
	}
	set_slider();
	document[place].src=imageArray[imageNum]['itemPath'];
	changeText(textPlace);
	
}

function swapImage(place,textPlace,swapNum){
	
	document[place].src=imageArray[swapNum]['itemPath'];
	changeText(textPlace);
}

	//changing text
	//needs to get filled dynamically
	
	//var textNum = 0;
	//textArray = new Array();
	/*textArray[textNum++] = "<h3>West (Sunset in My Motel Room, Monument Valley, January 26, 2007, 5:36-6:06 PM)</h3>2007<br />9 channel synchronized video installation with 9 TV monitors.<br/>Total running time: 31 minutes 5 seconds";
	textArray[textNum++] = "<h3>49 Minutes (after Kawabata)</h3>2004<br />14&#8221; x 14&#8221; each, seven digital C-prints, unique.<br />The seven images are shot at seven minute intervals looking through a window at dusk.";
	textArray[textNum++] = "<h3>Sky (Over Coney Island, November 26th, 2004, 12:47pm. Southwest view over the Cyclone.)</h3>2004<br />balloons, helium and string.<br />Installation at Miami Beach. Violet balloons inflated inside cobalt balloons to precisely match the color of the sky over Coney Island.";
	textArray[textNum++] = "<h3>49 Minutes (after Kawabata)</h3>2004<br />14&#8221; x 14&#8221; each, seven digital C-prints, unique.<br />The seven images are shot at seven minute intervals looking through a window at dusk.";
	textArray[textNum++] = "<h3>Sky (Over Coney Island, November 26th, 2004, 12:47pm. ";*/
									 
	
	//var totalTexts = textArray.length;	
	
	function getNextText() {
		var new_text = "<h3>"+imageArray[imageNum]['itemTitle']+"</h3>" +imageArray[imageNum]['itemDate']+"<br />"+imageArray[imageNum]['itemDescription'] +"<br />" +imageArray[imageNum]['itemLink'];
		return(new_text);
	}
		
	function changeText(textPlace) {
		var new_text = getNextText();
		document.getElementById(textPlace).innerHTML= new_text;
	}
	
	
	//establish sliders in div
	function set_slider() {
		var totalImages = imageArray.length;
		document.getElementById("slider_container").innerHTML="";
		var sliderWidth=802/totalImages;
		var marginLeft=imageNum*sliderWidth;
			
		if (imageNum==totalImages){
			document.getElementById("slider_container").innerHTML+="<a href='' onClick='javascript:swap_image("+i+");return false;'><img src='sitewide/images/slider.jpg' name='slider"+i+"' width='"+sliderWidth+"px' height='2px' style='border:0pt; margin-right:0px'></a>";
		}
		else {
			document.getElementById("slider_container").innerHTML+="<a href='' onClick='javascript:swap_image("+i+");return false;'><img src='sitewide/images/slider.jpg' name='slider"+i+"' width='"+sliderWidth+"px' height='2px' style='border:0pt; margin-left:"+marginLeft+"px'></a>";		
		}	
	}
	
	function swap_image (swapNum) {
		imageNum=swapNum;
		set_slider();
		swapImage("slideImg","text_box",swapNum);
	}