var images=new Array();
var curimg=0;
var timer;
function getphotos(dir)
{
var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");

       request.open("GET", "listphotos.cgi?dir="+dir, true);
       request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        request.onreadystatechange = function(){

                if (request.readyState == 4 && request.status == 200) {

                        if (request.responseText){
eval(request.responseText);
curimg=0
document.getElementById('photodiv2').innerHTML="<img onload='function(){fadein();}' id='photo' class='photo' src='" +images[0] + "'>";

          }
                }
        };
        request.send(null);



}

function next()
{
curimg++
if (images[curimg]==null) curimg=0
clearTimeout(timer);
fadeout()
}

function prev()
{
curimg--
if (curimg<0) curimg=images.length-2;
clearTimeout(timer);

fadeout()

}
var opac=0

function fadein()
 { 
document.getElementById('photo').style.opacity=opac/100;
if (navigator.appName=="Microsoft Internet Explorer")
{document.getElementById('photo').filters.alpha.opacity=opac}

 opac=opac+15; 
if (opac <100) {timer=setTimeout("fadein()",66);}

}

function fadeout()
 { 
document.getElementById('photo').style.opacity=opac/100;
if (navigator.appName=="Microsoft Internet Explorer")
{document.getElementById('photo').filters.alpha.opacity=opac}
opac=opac-15; 
if (opac >=0) 
{
timer=setTimeout("fadeout()",66);
}
else
{
opac=0
document.getElementById('photo').src=images[curimg]; 
setTimeout("document.getElementById('photo').onload=function(){fadein();};",100)
}
}

function key(e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;


if (keycode == 39)
   {
  next();
}
else if (keycode == 37)
   {
  next();
}
}