/*
document.getElementById('triTileTitle1').style.color = document.getElementById('titlecolor1').value;
document.getElementById('triTileTitle1').style.backgroundColor = document.getElementById('titlebg1').value;
document.getElementById('tilepic1').style.borderColor = document.getElementById('picborder1').value;
document.getElementById('triTileTitle1').innerHTML = document.getElementById('titletext1').value;
document.getElementById('tilelinktext1').innerHTML = document.getElementById('linktext1').value;
document.getElementById('triTileDesc1').innerHTML = document.getElementById('description1').value;
document.getElementById('tilelink1').href = document.getElementById('linkurl1').value;
document.getElementById('tilepic1').src = "../../images/tiles/" + document.getElementById('pic1').value;
*/

function nextCam() {
	if (current_index+1 > 25) {
	    //document.getElementById('thumb'+current_index).className='thumbover';
		document.main_image.src = largeImages[current_index].src;
		document.getElementById('cam_title').innerHTML = txtTitle[current_index];
		document.getElementById('cam_location').innerHTML = txtLoc[current_index];
		document.getElementById('cam_desc').innerHTML = txtDesc[current_index];
		document.getElementById('camLink').href = camLink[current_index];
		document.getElementById('camLinkImage').href = camLink[current_index];
		changeRollover(current_index);
	    current_index=0;
	}
	
	if (current_index < 25) {
	    //document.getElementById('thumb'+current_index+1).className='thumbover';
		document.main_image.src = largeImages[current_index+1].src;
		document.getElementById('cam_title').innerHTML = txtTitle[current_index+1];
		document.getElementById('cam_location').innerHTML = txtLoc[current_index+1];
		document.getElementById('cam_desc').innerHTML = txtDesc[current_index+1];
		document.getElementById('camLink').href = camLink[current_index+1];
		document.getElementById('camLinkImage').href = camLink[current_index+1];
		changeRollover(current_index+1);
	    current_index++;
	}
	
	//document.getElementById('indexnum').innerHTML = current_index;

}//end function


function prevCam() {
	if (current_index-1 < 1) {
	    //document.getElementById('thumb'+current_index).className='thumbover';
		document.main_image.src = largeImages[25].src;
		document.getElementById('cam_title').innerHTML = txtTitle[25];
		document.getElementById('cam_location').innerHTML = txtLoc[25];
		document.getElementById('cam_desc').innerHTML = txtDesc[25];
		document.getElementById('camLink').href = camLink[25];
		document.getElementById('camLinkImage').href = camLink[25];
		changeRollover(25);
	    current_index=26;
	}
	
	if (current_index > 1) {
	    //document.getElementById('thumb'+current_index).className='thumbover';
		document.main_image.src = largeImages[current_index-1].src;
		document.getElementById('cam_title').innerHTML = txtTitle[current_index-1];
		document.getElementById('cam_location').innerHTML = txtLoc[current_index-1];
		document.getElementById('cam_desc').innerHTML = txtDesc[current_index-1];
		document.getElementById('camLink').href = camLink[current_index-1];
		document.getElementById('camLinkImage').href = camLink[current_index-1];
		changeRollover(current_index-1);
	    current_index--;
	}
	//document.getElementById('indexnum').innerHTML = current_index;
}//end function

function swap(num) {
    document.main_image.src = largeImages[num].src;
	document.getElementById('cam_title').innerHTML = txtTitle[num];
	document.getElementById('cam_location').innerHTML = txtLoc[num];
	document.getElementById('cam_desc').innerHTML = txtDesc[num];
	document.getElementById('camLink').href = camLink[num];
	document.getElementById('camLinkImage').href = camLink[num];
	current_index = num;
	changeRollover(num);
	//document.getElementById('indexnum').innerHTML = current_index;
}

function changeRollover(num) {
	var i;
	document.getElementById('thumb'+num).className='thumbover';
	for (i=1;i<=25;i++) {
		if (i != num ) {
			document.getElementById('thumb'+i).className='thumbout';
		}
	}
}