var captionAr1 = new Array();
var creditAr1 = new Array();
var imgAr1 = new Array();
var imgArLarge = new Array();
var rImg1 = new Array();
var pic_num = 0;
var ofMany = "";
var ss_width='320px';
var ss_height='auto';
var ss_title='Image Slideshow';


function je_slideshow_init() 
{
 ofMany= '1 of '+imgAr1.length;


document.write("<div style='float:right;margin:6px;width:30px;' id='master_slide_container'>");
document.write("<table cellpadding=0 cellspacing=0 width=320>");
document.write("<tr><td colspan=99 style='font-family:verdana;font-size:13px;text-align:center;background-color:#333333; color:white'>"+ss_title+"</td></tr>");
document.write("<tr><td>");
document.write("<table width=100% style='border: 1px ridge black; font-size: 11px; font-family: verdana, arial;'><td align=center><a style='font-family:arial;font-size: 12px;color: blue; cursor:pointer;' onclick='je_slideshow_prev()'>&laquo; &laquo; Prev</a></td><td style='font-family:arial;font-size: 12px;color: blue;text-align:center'><span id=howManyID></span></td><td align=center><a style='font-family:arial;font-size: 12px;color: blue; cursor:pointer;' onclick='je_slideshow_slideshow()'>Next &raquo; &raquo;</a></td></tr></table>");
document.write("</td></tr>");
document.write("<tr><td style='border: 1px ridge black;'>");
document.write("<div id='picID'></div>");
document.write("</td></tr>");
document.write("<tr><td colspan=99 align='right'><span style='text-align:right' id='creditID' class=photo-credit></span></td></tr>");
document.write("<tr><td colspan=99><span id='capperID' class=photo-caption></span></td></tr>");
document.write("</table>");
document.write("</div>");

//document.getElementById('master_slide_container').setAttribute('width','800px');

document.getElementById('master_slide_container').style.width = ss_width;
document.getElementById('master_slide_container').style.height = ss_height;

var pic_num=0;


for(var j = 0; j < imgAr1.length; j++)
{
		rImg1[j] = new Image();
            rImg1[j].src = imgAr1[j];
}


}



function je_slideshow_setting()
{
		pic_num=0;
		je_slideshow_update();
}

//Image or pic_num slide show using java script
//slideshow function
function je_slideshow_slideshow(){
	if(pic_num <= imgAr1.length-1){
		pic_num=pic_num+1;
		if (pic_num>=imgAr1.length) pic_num=0;
		je_slideshow_update();
		
 
	}
}

function je_slideshow_update() {


		var pic_num2=pic_num+1;
		var ofMany= pic_num2 +  ' of '+imgAr1.length;
		
			
			document.getElementById('picID').innerHTML="<img border=0 src='"+imgAr1[pic_num]+"' >";
			document.getElementById('howManyID').innerHTML=ofMany;
			document.getElementById('capperID').innerHTML=captionAr1[pic_num];
			var t=creditAr1[pic_num];
		 	if (imgArLarge[pic_num]!='') 	t=t+'&nbsp;'+'<a target=_blank href=\"'+imgArLarge[pic_num]+'\">'+'[enlarge]</a>'

		 	document.getElementById('creditID').innerHTML=t;
		

}


function je_slideshow_prev(){
	if(pic_num >= 0 ){
		pic_num=pic_num-1;
		if (pic_num<0) pic_num=imgAr1.length-1;
		je_slideshow_update();	
	}
}

function je_slideshow_start(){
		pic_num = 0;
}

function je_slideshow_end(){
		pic_num = imgAr1.length-1
}