// JavaScript Document

// List image names without extension

var picture = 21; // How many pictures will we show?

var myImg= new Array(picture) // Name of picture, Caption, Height, Width
	myImg[0]= new Array("1", "Seminole Canyon", 280, 200); 
	myImg[1]= new Array("2", "Resting the bikes on the way down the canyon", 280, 200);
	myImg[2]= new Array("3", "Resting Day", 200,280);
	myImg[3]= new Array("4", "Seminole Canyon", 200, 280);
	myImg[4]= new Array("5", "Resting Day", 200,280);
	myImg[5]= new Array("6", "Rio Grande", 200, 280);
	myImg[6]= new Array("7", "There is an 18' petroglyph of a panther in this cave", 200, 280);
	myImg[7]= new Array("8", "Resting Day", 200, 280);
	myImg[8]= new Array("9", "Our bikes resting on the trail", 200,280);
	myImg[9]= new Array("10", "Wilderness", 280, 200);
	myImg[10]= new Array("11", "Windmill at the entrance to the park", 280, 200);
	myImg[11]= new Array("12", "On the road again", 200, 280);
	myImg[12]= new Array("13", "Judge Roy Bean's bar", 200,280);
	myImg[13]= new Array("14", "Inside Judge Roy Bean's bar", 200, 280);
	myImg[14]= new Array("15", "Words", 200, 280);
	myImg[15]= new Array("16", "The Judge's home", 200,280);
	myImg[16]= new Array("17", "The garden at the Judge Roy Bean's historical site", 280, 200);
	myImg[17]= new Array("18", "On the road again to Fort Davis State Park", 200, 280);
	myImg[18]= new Array("19", "We made it to Fort Davis State Park", 280, 200);
	myImg[19]= new Array("20", "Our view", 200,280);
	myImg[20]= new Array("21", "Even the Texas camp critters are big", 200,280);
	
	
// Tell browser where to find the image, images/TRIPNAME/date/
var trip = "irv07winter";
var year = "2007";
var month = "02";
var day = "26";

myImgSrc = "images/" + trip + "/" + year + month + day + "/";

// Tell browser the type of file
myImgEnd = ".JPG"

var i = 0;
var imagepreloadnext;
var imagepreloadprev;

var tosize = window.nosize;

function getNaturalHeight(img) {
	if( img.naturalHeight ) {
		return img.naturalHeight;
	} else {
		lgi = new Image();
		lgi.src = img.src;
		return lgi.height;
	}
}
function getNaturalWidth(img) {
	if( img.naturalWidth ) {
		return img.naturalWidth;
	} else {
		lgi = new Image();
		lgi.src = img.src;
		return lgi.width;
	}
}


// Create function to load image
function loadImg(){
	var num = i+1;
	document.getElementById('pictureof').innerHTML = 'Picture ' +  num + ' of ' + picture + '.';
	document.imgSrc.src = myImgSrc + myImg[i][0] + myImgEnd;
	document.getElementById('caption').innerHTML = myImg[i][1];
	if (myImg[i][2]){
		if (tosize != 1){
			document.getElementById('imgSrc').height = myImg[i][2];
		}else{			
			document.getElementById('imgSrc').height = getNaturalHeight(document.getElementById('imgSrc'));
		}
	}
	if (myImg[i][3]){
		if (tosize != 1){
			document.getElementById('imgSrc').width  = myImg[i][3];
		}else{
			document.getElementById('imgSrc').width  = getNaturalWidth(document.getElementById('imgSrc'));
		}
	}
	if (tosize != 1){
		//picture.php?day=2&month=7&year=2007&trip=sailing2007
		document.getElementById('piclink').href  = "picture.php?day=" + day + "&month=" + month + "&year=" + year + "&trip=" + trip;
	}
	if ( picture != 1 ){
		imagepreloadnext = new Image();
		imagepreloadnext.src = myImgSrc + myImg[i+1][0] + myImgEnd;
	}
}

// Create link function to switch image backward
function prev(){
	if(i<1){
		var l = i = picture-1;
	} else {
		var l = i-=1;
	}
	var num = l+1;
	document.getElementById('pictureof').innerHTML = 'Picture ' +  num + ' of ' + picture + '.';
	document.imgSrc.src = myImgSrc + myImg[l][0] + myImgEnd;
	document.getElementById('caption').innerHTML = myImg[l][1];
	if (myImg[l][2]){
		if (tosize != 1){
			document.getElementById('imgSrc').height = myImg[l][2];
		}else{	
			document.getElementById('imgSrc').height = getNaturalHeight(document.getElementById('imgSrc'));
		}
	}
	if (myImg[l][3]){
		if (tosize != 1){
			document.getElementById('imgSrc').width  = myImg[l][3];
		}else{
			document.getElementById('imgSrc').width  = getNaturalWidth(document.getElementById('imgSrc'));
		}
	}
	if (tosize != 1){
		//picture.php?day=2&month=7&year=2007&trip=sailing2007
		document.getElementById('piclink').href  = "picture.php?day=" + day + "&month=" + month + "&year=" + year + "&trip=" + trip;
	}
	if ( (l-1) < 0){
		imagepreloadprev = new Image();
		imagepreloadprev.src = myImgSrc + myImg[picture-1][0] + myImgEnd;
	} else {
		imagepreloadprev = new Image();
		imagepreloadprev.src = myImgSrc + myImg[l-1][0] + myImgEnd;
	}
}

// Create link function to switch image forward
function next(){
	if(i>picture-2){
		var l = i = 0;
	} else {
		var l = i+=1;
	}
	var num = l+1;
	document.getElementById('pictureof').innerHTML = 'Picture ' +  num + ' of ' + picture + '.';
	document.imgSrc.src = myImgSrc + myImg[l][0] + myImgEnd;
	document.getElementById('caption').innerHTML = myImg[l][1];
	if (myImg[l][2]){
		if (tosize != 1){
			document.getElementById('imgSrc').height = myImg[l][2];
		}else{	
			document.getElementById('imgSrc').height = getNaturalHeight(document.getElementById('imgSrc'));
		}
	}
	if (myImg[l][3]){
		if (tosize != 1){
			document.getElementById('imgSrc').width  = myImg[l][3];
		}else{
			document.getElementById('imgSrc').width  = getNaturalWidth(document.getElementById('imgSrc'));
		}
	}
	
	if (tosize != 1){
		//picture.php?day=2&month=7&year=2007&trip=sailing2007
		document.getElementById('piclink').href  = "picture.php?day=" + day + "&month=" + month + "&year=" + year + "&trip=" + trip;
	}

    if ( (l+1) >= picture){
		imagepreloadprev = new Image();
		imagepreloadprev.src = myImgSrc + myImg[0][0] + myImgEnd;
	} else {
		imagepreloadprev = new Image();
		imagepreloadprev.src = myImgSrc + myImg[l+1][0] + myImgEnd;
	}
}

// Load function after page loads
window.onload=loadImg;