var req;
var imgs;
var slide;
var nr;
var Album = new Array();
//AJAX based function to retrive list of images from server using callback
////////////////////////

///////////////////SLIDESHOW SCRIPT////////////////////
////////////////// OPTION1  ///////////////////////////
var i=1;
var oInterval;
function StartSlideShow(ID)
{
//SlideMenu(); stop it
//fixed interval, but possible set through list box.
//var tm=document.getElementById("slidetime").value*1000
oInterval=window.setInterval("SlideShow('"+ID+"')",8000);
//if needed hide slideshow menu after click
//document.getElementById('idSlide').style.display='none';
}
////////////////
//start slideshow, using list of images from list box
function SlideShow(ID)
{
document.imgLarge.filters[0].Duration=2.5;
document.imgLarge.filters[0].Apply();
//alert(document.getElementById("listImg").options[i].text);
//document.getElementById('hdr').innerText=document.getElementById("listImg").options[i].text;
document.imgLarge.src=document.getElementById(ID).options[i].text;
document.desc.text=document.getElementById(ID).options[i].value;
document.imgLarge.filters[0].Play();
if(i>=((document.getElementById(ID).length)-1))
	{i=0;}
else
	{
	i=i+1;
	}
}
//stop/pause slide show.
function StopSlide()
{
if (oInterval==null)
return;
if(oInterval!="")
	{
		window.clearInterval(oInterval);
		oInterval="";
	}
	else
	{
	return;
	}
	//if we want we can hide slide control
//document.getElementById('idSlide').style.display='none';
window.clearInterval("AjaxSlideShow()");

}

//just to show/hide slide  options on top of image.
function SlideMenu()
{
document.getElementById('idSlide').style.top=document.getElementById('slideBox').style.pixelTop+10;//'195px';
document.getElementById('idSlide').style.left=document.getElementById('slideBox').style.pixelLeft+1;//'235px';
document.getElementById('idSlide').style.display='';
}

//////To SHOW A FULL SCREEN/SIZE SLIDE SHOW  ////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
function FullSize()
{
//check if  already fullsize, move slide frame up, depending from screen size do calculation
//for slide size: use 
//hide everything
//move explorer window to the corner and mximize for slide show
//
if (document.getElementById('idControlBar').style.top=="0px")
return;
//if everyhting is OK, then proceed
window.moveTo(0,0);
window.resizeTo(screen.availWidth,screen.availHeight-5);
document.getElementById('idCatalog').style.display="none";
document.getElementById('divThumb').style.display="none";
document.getElementById('divInfo').style.display='none';

document.getElementById('idControlBar').style.top="0"; //navigation bar ontop-left
document.getElementById('idControlBar').style.left="2";
document.getElementById('idControlBar').style.width="100%";
//document.getElementById('hdr').style.width="100%";
//reposition slide
document.getElementById('slideBox').style.top="58"; //fixed leave space for navbar
//change size for slide and put image at center
document.imgLarge.style.pixelWidth=document.imgLarge.style.pixelWidth*1.4;
document.imgLarge.style.pixelHeight=document.imgLarge.style.pixelHeight*1.4;
document.getElementById('slideBox').style.left=((screen.availWidth-document.imgLarge.style.pixelWidth)/2);
//document.imgLarge.style.Width='';
document.getElementById('idSlide').style.left=document.getElementById('slideBox').style.left;//'235px';
document.getElementById('idSlide').style.top=document.getElementById('slideBox').style.top;//'195px';
//change background for page, for better view
document.bgColor="Black";

}

function PrevSlide(ID,tt,ee,aa)
{
//change one slide back
if (i==0)
{i=((document.getElementById(ID).length)-1);}
else
{
i=i-1;
}
document.imgLarge.src=document.getElementById(ID).options[i].text;
document.getElementById(tt).value =document.getElementById(ID).options[i].value;
document.getElementById(ee).value =document.getElementById(ID).options[i].title;
document.getElementById(aa).href =document.getElementById(ID).options[i].label;

}
function PrevSlide2(ID,tt,ee,aa)
{
//change one slide back
if (i==0)
{i=((document.getElementById(ID).length)-1);}
else
{
i=i-1;
}
document.imgLarge2.src=document.getElementById(ID).options[i].text;
document.getElementById(tt).value = document.getElementById(ID).options[i].value;
document.getElementById(ee).value = document.getElementById(ID).options[i].title;
document.getElementById(aa).href = document.getElementById(ID).options[i].label;
}
function PrevSlide3(ID,tt,ee,aa)
{
//change one slide back
if (i==0)
{i=((document.getElementById(ID).length)-1);}
else
{
i=i-1;
}
document.imgLarge3.src=document.getElementById(ID).options[i].text;
document.getElementById(tt).value =document.getElementById(ID).options[i].value;
document.getElementById(ee).value =document.getElementById(ID).options[i].title;
document.getElementById(aa).href = document.getElementById(ID).options[i].label;
}

function NextSlide(ID,tt,ee,aa)
{
//change one slide back
if (i>=((document.getElementById(ID).length)-1))
{i=0;}
else
{
i=i+1;
}
document.imgLarge.src=document.getElementById(ID).options[i].text;
document.getElementById(tt).value =document.getElementById(ID).options[i].value;
document.getElementById(ee).value =document.getElementById(ID).options[i].title;
document.getElementById(aa).href = document.getElementById(ID).options[i].label;
}

function NextSlide2(ID,tt,ee,aa)
{
//change one slide back
if (i>=((document.getElementById(ID).length)-1))
{i=0;}
else
{
i=i+1;
}

document.getElementById(tt).value =document.getElementById(ID).options[i].value;
document.getElementById(ee).value =document.getElementById(ID).options[i].title;
document.getElementById(aa).href = document.getElementById(ID).options[i].label;
document.imgLarge2.src=document.getElementById(ID).options[i].text;
}
function NextSlide3(ID,tt,ee,aa)
{
//change one slide back
if (i>=((document.getElementById(ID).length)-1))
{i=0;}
else
{
i=i+1;
}
document.imgLarge3.src=document.getElementById(ID).options[i].text;
document.getElementById(tt).value =document.getElementById(ID).options[i].value;
document.getElementById(ee).value =document.getElementById(ID).options[i].title;
document.getElementById(aa).href = document.getElementById(ID).options[i].label;
}

/////////////////////////////////////////////////////////////////////////
function AjaxSlideShow()
{
StopSlide();
if (slide>=Album.length)
{
slide=0;
}
document.imgLarge.filters[0].Duration=2.5;
document.imgLarge.filters[0].Apply();
document.imgLarge.src=Album[slide].src;

document.imgLarge.filters[0].Play();
//var tm=document.getElementById("slidetime").value*1000
oInterval=window.setTimeout("AjaxSlideShow()",8000);
//nr=nr+1;
slide++;
}