var images=new Array()
var title=new Array()
var index=0;
var running=0;
var timer;
var tindex=0;

function update(){

var i; 
for (i=1; i<=10;i=i+1){
	var y=document.getElementById("img"+i); 
	if(y.name==index) y.style.border = "2px solid #FF4500";
		else y.style.border = "0 solid #000";
}

if((index+1)>=images.length) document.getElementById("next").style.visibility="hidden"; 
	else document.getElementById("next").style.visibility="visible";

if((index-1)<0) document.getElementById("back").style.visibility="hidden"; 
	else document.getElementById("back").style.visibility="visible";
	
if(tindex+10>=images.length) document.getElementById("forward").style.visibility="hidden";
	else document.getElementById("forward").style.visibility="visible";

if(tindex<10)  document.getElementById("rewind").style.visibility="hidden";
	else document.getElementById("rewind").style.visibility="visible";

if(running) document.getElementById("ss").innerHTML="Stop"; else document.getElementById("ss").innerHTML="Start Slideshow";

var d=document.getElementById("disp"); var dx="<b> : "+title[index]+"</b><font color='#888'> (Showing "+(index+1)+" of "+images.length+" Photos)</font>";
d.innerHTML=dx;
}

// Next
function pnext(){ 
if(index+1<images.length && !running){
	index=index+1; 
	
	if (document.getElementById("pic"))
    	{
      		target= document.getElementById("pic");
    	}
	target.style.filter="blendTrans(duration=2.5)";
		document["pic"].src=images[index];
	if (target.filters && target.filters[0])
        {
          target.filters[0].Apply();
          target.filters[0].Play();
        }
	
	update();
	
	var nt=parseInt(index/10); 

if(tindex!=nt){
	tindex=(nt*10);
	thumbsupdate();
}

}
}

//Back
function pback(){
if(index-1>=0 && !running){ 
	index=index-1; 
	
	if (document.getElementById("pic"))
    	{
      		target= document.getElementById("pic");
    	}
	target.style.filter="blendTrans(duration=2.5)";
		document["pic"].src=images[index];
	if (target.filters && target.filters[0])
        {
          target.filters[0].Apply();
          target.filters[0].Play();
        }
	
	update();
	
	var nt=parseInt(index/10); 

if(tindex!=nt){
	tindex=(nt*10);
	thumbsupdate();
}

}
}

// forward
function pforward(){
if((tindex+10)<images.length && !running){
	tindex=tindex+10;
	thumbsupdate();
}

}

//rewind
function prewind(){
if(tindex-10>=0 && !running){
	tindex=tindex-10;
	thumbsupdate();
}

}

//change
function changeimage(id){
if(!running){	
var xx=document.getElementById(id); 
index=parseInt(xx.name);

xx.style.border = "2px solid #FF4500";
document["pic"].src=images[index];

update();
}
}

//slideshow
function slideshow(){
if (document.images ) { 
	index=index+1; 
	if(index>=images.length) {
		index=0; 
		tindex=0;
		thumbsupdate();
	}
	else if(index>=tindex+10) {
		tindex=tindex+10;
		thumbsupdate();
	} 
	
	if (document.getElementById("pic"))
    	{
      		target= document.getElementById("pic");
    	}
	target.style.filter="blendTrans(duration=2.5)";
		document["pic"].src=images[index];
	if (target.filters && target.filters[0])
        {
          target.filters[0].Apply();
          target.filters[0].Play();
        }
 
	timer=setTimeout("slideshow()",5000);
	
	
	
	update();
}
else change();
}

function change(){
if(!running){
running=1;
slideshow();
}
else {
clearTimeout(timer);
running=0;
}
update();
}

window.onload=function(){

thumbsupdate();
//update();
}



function thumbsupdate(){ 
var i=0; var k=1;
var last=tindex+10;



for (i=tindex;i<last;i=i+1){

var ss="img"+k;
var imx = document.getElementById(ss);

if(i<images.length) {
var s=images[i].replace("jpg","jpeg");
imx.src=s;
imx.name=i; 
imx.alt=title[i];
imx.style.visibility = 'visible';
}
else {
imx.style.visibility = 'hidden'; 
imx.name=null;
}
k=k+1;
}

update();
}

function mouseout(){
var x=document.getElementById("unni");
x.style.visibility="hidden";
var x=document.getElementById("unnitag");
x.innerHTML="";
}

function mouse(src,name){
var x=document.getElementById("unni");
x.src=src; x.style.visibility="visible";
var x=document.getElementById("unnitag");
x.innerHTML=name;
}