////////////////// OPTION1  ///////////////////////////
var i=1;
var j=1;
var oInterval;
function StartSlideShow()
{
//SlideMenu();
//fixed interval, but possible set through list box.
//var tm=document.getElementById("slidetime").value*1000
var tm=8000;
oInterval=window.setInterval("SlideShow()",tm);
//if needed hide slideshow menu after click
//document.getElementById('idSlide').style.display='none';
}

//start slideshow, using list of images from list box
function SlideShow()
{
    if(j==1)
        document.getElementById("imgMain").style.filter="progid:DXImageTransform.Microsoft.RandomDissolve()";
    else if(j==2)
        document.getElementById("imgMain").style.filter="revealTrans(duration=2,transition=15";
    else if(j==3)
        document.getElementById("imgMain").style.filter="progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle='clock')";
    else if(j==4)
        document.getElementById("imgMain").style.filter="progid:DXImageTransform.Microsoft.Wheel(spokes=4)";
    else if(j==5)
        document.getElementById("imgMain").style.filter="progid:DXImageTransform.Microsoft.Stretch(stretchStyle='spin')";
    else if(j==6)
        document.getElementById("imgMain").style.filter="progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push')";    
    else if(j==7)
    {
        document.getElementById("imgMain").style.filter="progid:DXImageTransform.Microsoft.RandomDissolve()";    
        j=1;
    }
        
    //alert("hi");
    document.getElementById("imgMain").filters[0].Duration=2.5;  
    document.getElementById("imgMain").filters[0].Apply();
    document.getElementById("imgMain").src=document.getElementById("listImg").options[i].text;
    document.getElementById("imgMain").filters[0].Play();
    if (i>=((document.getElementById("listImg").length)-1))
    {
        i=0;
    }
    else
    {
	    i=i+1;
	    j=j+1;
    }
}
//stop/pause slide show.
function StopSlide()
{
    if (oInterval==null)
        return;
    if(oInterval!="")
	{
		window.clearInterval(oInterval);
		oInterval="";
	}
	else
	{
	    return;
	}
	document.getElementById("imgMain").src=document.getElementById("listImg").options[0].text;
	i=1;
	//if we want we can hide slide control
    //document.getElementById('idSlide').style.display='none';
}

function PauseSlide()
{
    if (oInterval==null)
        return;
    if(oInterval!="")
	{
		window.clearInterval(oInterval);
		oInterval="";
	}
	else
	    return;
}

//just to show/hide slide  options on top of image.
//function SlideMenu()
//{
//    //alert(document.getElementById('slideBox').style.pixelTop);
//    //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()
{
    //change one slide back
    if (i==0)
    {
        i=((document.getElementById("listImg").length)-1);
    }
    else
    {
        i=i-1;
    }
 document.imgMain.src=document.getElementById("listImg").options[i].text;
}

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