var currentImage = 0;
/*
 * Function to display next image and its caption
 */
 
function nextImage(){

	//Change the state of the current square box to off
	document.getElementById("Image"+currentImage).src="images/photobox_off.gif";
	
    var totlength = scroll_imgs.length;
    currentImage = currentImage + 1;
    if (currentImage >= totlength ) {
        currentImage = 0;
    }
    
    //Change the state of the next square box to on
	document.getElementById("Image"+currentImage).src="images/photobox_ov.gif";
	

    document.getElementById("slideshow").innerHTML = "<img src=\""+scroll_imgs[currentImage]+"\">";
    document.getElementById("imagecaption").innerHTML = scroll_caption_imgs[currentImage];
}    

/*
 * Function to display pervious image and it's caption
 */
function previousImage(){

	//Change the state of the current square box to off
	document.getElementById("Image"+currentImage).src="images/photobox_off.gif";

    var totlength = scroll_imgs.length;
    currentImage = currentImage - 1;
    if (currentImage <= -1 ) {
        currentImage = totlength - 1;
    }
    
    //Change the state of the next square box to on
	document.getElementById("Image"+currentImage).src="images/photobox_ov.gif";

    document.getElementById("slideshow").innerHTML = "<img src=\""+scroll_imgs[currentImage]+"\">";
    document.getElementById("imagecaption").innerHTML = scroll_caption_imgs[currentImage];
}  

/*
 * Used for viewing the page clicked during Navigation
 */ 
 function viewImage(imageIndex) {
 
    //Change the state of the current square box to off
	document.getElementById("Image"+currentImage).src="images/photobox_off.gif";

 	currentImage = imageIndex;
 	
    //Change the state of the next square box to on
	document.getElementById("Image"+currentImage).src="images/photobox_ov.gif";

 	
	document.getElementById("slideshow").innerHTML = "<img src=\""+scroll_imgs[currentImage]+"\">";
	document.getElementById("imagecaption").innerHTML = scroll_caption_imgs[currentImage];
 }
 
 /*
 * Used for viewing the page clicked during Navigation
 */ 
 function viewImageForProductPage(imageIndex) {
 
 	//Change the state of the current square box to off
	document.getElementById("Image"+currentImage).src="images/photobox_off.gif";

 	currentImage = imageIndex;
 	
    //Change the state of the next square box to on
	document.getElementById("Image"+currentImage).src="images/photobox_ov.gif";

 	document.getElementById("slideshow").innerHTML = scroll_imgs[currentImage];
 	
 	if(Line_ID != 7)
		document.getElementById("imagecaption").innerHTML = scroll_caption_imgs[currentImage];
 }