function nextPicture(root, text1, text2, text3, text4, text5) {
	var numberOfPictures = document.getElementById('numberOfPictures').value;
	var currentBigPicture = document.getElementById("currentBigPicture").value;
	currentBigPicture = currentBigPicture * 1; // multiplying the string by 1 changes the string to a number
	
	if (currentBigPicture < (numberOfPictures-1))
	{
		// set the previous picture
		bigPic = document.getElementById("bigPicture").src;
		previousPic = bigPic.replace(/.jpg/i,"t.jpg");
		document.getElementById("previousPicture").innerHTML="";
		document.getElementById("previousPicture").innerHTML = "<a href='#' onclick='previousPicture(\"+root+\",\""+text1+"\",\""+text2+"\",\""+text3+"\",\""+text4+"\",\""+text5+"\")' class='previousPictureArrow'>"+text2+"</a><a href='#' onclick='previousPicture(\"+root+\",\""+text1+"\",\""+text2+"\",\""+text3+"\",\""+text4+"\",\""+text5+"\")' ><img id='previousThumbPicture' src=" + previousPic + " class='previousThumbPicture' alt='' /></a>";
		// set the big picture
		nextPic = document.getElementById("nextThumbPicture").src;
		bigPic = nextPic.replace(/t.jpg/i,".jpg");
		document.getElementById("bigPicture").src = bigPic;
		currentBigPicture = currentBigPicture + 1 ;
		document.getElementById("currentBigPicture").value = currentBigPicture;
		// set the next picture
		if (document.getElementById("thumbPicture"+(currentBigPicture+1)) != null)
			document.getElementById("nextThumbPicture").src = document.getElementById("thumbPicture"+(currentBigPicture+1)).value;
		else
		{
			document.getElementById("nextPicture").innerHTML="";
			document.getElementById("nextPicture").innerHTML = "<div class='noNextPicture'><div class='noPictureText'><br />"+text5+"<br />"+text3+"</div></div><div class='nextDisabledPictureArrow'>"+text1+"</div>";
		}
	}
}

function previousPicture(root, text1, text2, text3, text4, text5) {
	var numberOfPictures = document.getElementById('numberOfPictures').value;
	var currentBigPicture = document.getElementById("currentBigPicture").value;
	currentBigPicture = currentBigPicture * 1; // multiplying the string by 1 changes the string to a number
	
	if ((currentBigPicture < numberOfPictures) && (currentBigPicture > 0))
	{	
		// set the next picture
		bigPic = document.getElementById("bigPicture").src;
		nextPic = bigPic.replace(/.jpg/i,"t.jpg");
		document.getElementById("nextPicture").innerHTML="";
		document.getElementById("nextPicture").innerHTML = "<a href='#' onclick='nextPicture(\"+root+\",\""+text1+"\",\""+text2+"\",\""+text3+"\",\""+text4+"\", \""+text5+"\")' ><img id='nextThumbPicture' src=" + nextPic + " class='nextThumbPicture' alt='' /></a><a href='#' onclick='nextPicture(\"+root+\",\""+text1+"\",\""+text2+"\",\""+text3+"\",\""+text4+"\",\""+text5+"\")' class='nextPictureArrow'>"+text1+"</a>";
		// set the big picture
		previousPic = document.getElementById("previousThumbPicture").src;
		bigPic = previousPic.replace(/t.jpg/i,".jpg");
		document.getElementById("bigPicture").src = bigPic;
		currentBigPicture = currentBigPicture - 1 ;
		document.getElementById("currentBigPicture").value = currentBigPicture;
		// set the previous picture
		if (document.getElementById("thumbPicture"+(currentBigPicture-1)) != null)
			document.getElementById("previousThumbPicture").src = document.getElementById("thumbPicture"+(currentBigPicture-1)).value;
		else
		{
			document.getElementById("previousPicture").innerHTML="";
			document.getElementById("previousPicture").innerHTML = "<div class='previousDisabledPictureArrow'>"+text2+"</div><div class='noPrevPicture'><div class='noPictureText'><br />"+text5+"<br />"+text4+"</div></div>";
		}
	}	
}

document.observe("dom:loaded", function() {
  if (document.getElementById("thumbPicture1") != null)
  {
  	document.getElementById("currentBigPicture").value = 0;
  	src = document.getElementById("thumbPicture1").value;
  	document.getElementById("nextThumbPicture").src = src;
  }
});