function getNextImage() 
{
ImageNum = (ImageNum+1 + number_of_image) % number_of_image;

var new_image = imageLocations[0];

return(new_image);
}



function getFirstImage() 
{

var new_image = imageArray[0].src;
return(new_image);
}


function getPrevImage() 
{

ImageNum = (ImageNum - 1 + number_of_image) % number_of_image ;
var new_image = imageArray[0].src;
return(new_image);

}


function prevImage(place) {


ImageNum = (ImageNum - 1 + number_of_image) % number_of_image ;

document.getElementById("slideShowText").innerHTML=textArray[ImageNum];
document.getElementById("slideShowOverlay").innerHTML=textOverlayArray[ImageNum];
document.getElementById("slideShowOverlayDetail").innerHTML=textDetailArray[ImageNum];
document.getElementById("slideShowPic").innerHTML= "<a href = 'http://" + textLinkArray[ImageNum] + "' ><img name = 'rImage' id='rImage' src='"+imageLocations[0]+"'></a>"; 

document[place].src = imageLocations[ImageNum];

FadeObject1.start();
clearTimeout(FadeObject1.timerId);
FadeObject1.timerId = setTimeout("FadeObject1.fadeIn(0);", 100);

}


function rotateImage(place) 
{
ImageNum = (ImageNum + 1 + number_of_image) % number_of_image ;

clearTimeout(FadeObject1.timerId);
document.getElementById("slideShowText").innerHTML=textArray[ImageNum];
document.getElementById("slideShowOverlay").innerHTML=textOverlayArray[ImageNum];
document.getElementById("slideShowOverlayDetail").innerHTML=textDetailArray[ImageNum];
document.getElementById("slideShowPic").innerHTML= "<a href = 'http://" + textLinkArray[ImageNum] + "' ><img id = 'rImage' name = 'rImage'  src='' ></a>"; 
document[place].src = imageArray[ImageNum].src;

FadeObject1.start();
FadeObject1.timerId = setTimeout("FadeObject1.fadeIn(0);", 100);

}



function setOpacity(obj, opacity,direction) {
	if (direction =="In")
		opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}


function fadeObject(newPicId, newTitleId, newSubId,newName)
{
	this.timerId = 0;
	this.picId = newPicId;
	this.titleId = newTitleId;
	this.subId = newSubId;
	this.fadeIn = fadeInFunc;
	this.fadeOut = fadeOutFunc;
	this.name=newName;
	this.start =initImage;
	this.direction = "Forward";
	this.forward = setForwardFunc;
	this.back = setBackFunc;

	function setForwardFunc()
	{
		this.direction = "Forward";
	}
	function setBackFunc()
	{
		this.direction = "Backward";
	}


	function fadeInFunc(opacity) 
	{
		if (document.getElementById) {
			picObj = document.getElementById(this.picId);
			titleObj = document.getElementById(this.titleId);
			subObj = document.getElementById(this.subId);
			if (opacity < 100) {
				setOpacity(subObj, opacity,"In");
				setOpacity(titleObj, opacity,"In");
				setOpacity(picObj, opacity,"In");
				opacity += 10;
				this.timerId = window.setTimeout(this.name+".fadeIn("+opacity+")", 100);
			}
			else
			{
				clearTimeout(this.timerId);
				this.timerId = window.setTimeout(this.name+".fadeOut("+opacity+")", 7000);
			}
		}
	}

	function fadeOutFunc(opacity) 
	{
		if (document.getElementById) {
			picObj = document.getElementById(this.picId);
			titleObj = document.getElementById(this.titleId);
			subObj = document.getElementById(this.subId);
			if (opacity > 0) {
				setOpacity(picObj, opacity,"Out");
				setOpacity(subObj, opacity,"Out");
				setOpacity(titleObj, opacity,"Out");
				opacity -= 10;
				this.timerId = window.setTimeout(this.name+".fadeOut("+opacity+")", 100);
			}
			else
			{
				clearTimeout(this.timerId);
				if (this.direction=="Forward")
				{
					this.timerId = window.setTimeout("rotateImage('rImage')", 100);
				}
				else
				{
					this.timerId = window.setTimeout("prevImage('rImage')", 100);
				}
			}
		}
	}


	function initImage() {

		image = document.getElementById(this.picId);
		setOpacity(image, 0,"In");
		image.style.visibility = "visible";
		
		image = document.getElementById(this.titleId);
		setOpacity(image, 0,"In");

		image = document.getElementById(this.subId);
		setOpacity(image, 0,"In");

	}

}


var FadeObject1 = new fadeObject("rImage","slideShowOverlay","slideShowOverlayDetail","FadeObject1");