var req;
var imgs;
var slide;
var nr;
var Album = new Array();
var oXmlHttp;
var varListImg;
var varImgLarge;

//AJAX based function to retrive list of images from server using callback
///////////////////SLIDESHOW SCRIPT////////////////////
////////////////// OPTION1  ///////////////////////////
var i=1;
var oInterval;
function StartSlideShow(listImages)
{
    SlideMenu();//pokazwa slide meniuto
    //fixed interval, but possible set through list box.
    var tm=document.getElementById("slidetime").value*1000
    oInterval=window.setInterval("SlideShow(" + listImages + ")",tm);
}

////////////////
//start slideshow, using list of images from list box
function SlideShow(listImages)
{
    //Показва пътя до картинката
    //document.getElementById('hdr').innerText=document.getElementById("listImg").options[i].text;
    document.imgLarge.src=document.getElementById(listImages).options[i].text;
    if (i>=((document.getElementById(listImages).length)-1))
	{
	    i=0;
	}
    else
    {
        i=i+1;
    }
}


//stop/pause slide show.
function StopSlide(listImg, imgLarge)
{
    if (oInterval==null)
    return;
    if(oInterval!="")
	{
		window.clearInterval(oInterval);
		oInterval="";
	}
	else
	{
	    return;
	}
	//if we want we can hide slide control
    window.clearInterval("AjaxSlideShow(" + listImg + "," + imgLarge + ")");
}


//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='';
}

function PrevSlide(listImg)
{
    //change one slide back
    if (i==0)
    {
        i=((document.getElementById(listImg).length)-1);
    }
    else
    {
        i=i-1;
    }
    document.imgLarge.src=document.getElementById(listImg).options[i].text;
}

function NextSlide(listImg)
{
    //change one slide back
    if (i>=((document.getElementById(listImg).length)-1))
    {
        i=0;
    }
    else
    {
        i=i+1;
    }
    document.imgLarge.src=document.getElementById(listImg).options[i].text;
}

function AjaxSlideShow(listImg, imgLarge)
{
    StopSlide(listImg);
    if (slide>=Album.length)
    {
        slide=0;
    }
    imgLarge.filters[0].Duration=2.5;
    imgLarge.filters[0].Apply();
    imgLarge.src=Album[slide].src;
    imgLarge.filters[0].Play();
    var tm=document.getElementById("slidetime").value*1000
    oInterval=window.setTimeout("AjaxSlideShow(" + listImg + "," + imgLarge + ")", tm);
    slide++;
}

function showHideCatalogs() {
    var idCatalog = document.getElementById('idCatalog');
    var spShowCatalog = document.getElementById('spShowCatalog');
    if (idCatalog != null && spShowCatalog != null) {
        if (idCatalog.style.visibility == 'hidden') {
            idCatalog.style.visibility = 'visible';
            spShowCatalog.innerText = 'Скрий Каталозите';
        }
        else {
            idCatalog.style.visibility = 'hidden';
            spShowCatalog.innerText = 'Покажи Каталозите';
        }
    }
}