direction=1;
step=1;
delay=20;
var currImage=-1;


function showImage(id){
    $("imagebackgroundsh").style.display="block";
    $("imagebackground").style.display="block";
    $("imagedisplay").style.display="block";
    $("imageclose").style.display="block";
    $("imageholder").setStyle("background-image","url('"+galimages[id]+"')");
//    alert(galimages[id]);
    currImage=id;
//    alert(galimages[id]);
}

function prevImage(){
    currImage--;
    if (currImage<0){
	currImage=galimages.length-1;
    }
    showImage(currImage);
}

function nextImage(){
    currImage++;
    if (currImage==galimages.length){
	currImage=0;
    }
    showImage(currImage);
}

function stopscroll(){
    direction=0;
}

function scrollleft(){
    direction=1;
}

function scrollright(){
    direction=-1;
}

function scrollDebug(){
    var p=$("galpreview");
    var s=p.getSize();
    alert(s.scroll.x);
    alert(s.size.x);
    alert(s.scrollSize.x);
}

function doScroll() {
    var p=$("galpreview");
    var s=p.getSize();
    p.scrollTo(s.scroll.x+(step*direction));
    s=p.getSize();
    if ((s.scroll.x+s.size.x==s.scrollSize.x)||(s.scroll.x==0)){
	direction*=-1;
    }
    setTimeout("doScroll()",delay);
}

function galleryscroll() {
/*    var p=$("galpreview");
    var s=p.getSize();
    alert(s.scroll.x);
    alert(s.size.x);
    alert(s.scrollSize.x);*/
    doScroll();
}