var img = new Array;

img[0] = '000.jpg';
img[1] = '001.jpg';
img[2] = '002.jpg';

var intImage = 2;
var img1;
var img2;
var image;
var altImage;
var intPreLoad;

function callPreLoad() {
    clearInterval(intPreLoad);
    var x = 0;
    for (x == 0; x < img.length; x++) {
        preLoad(img[x]);
    }
}

function preLoad(oImg) {
    pic1 = new Image(64,64);
    pic1.src = "gallery/" + oImg;
}

function window_onload() {
    if (intImage >= img.length) {
        intImage=0
    }
    img1 = document.getElementById('divGallery');
    img2 = document.getElementById('divGallery2');
    img1.style.backgroundImage = 'url(gallery/' + img[0] + ')';
    img2.style.backgroundImage = 'url(gallery/' + img[1] + ')';
    image = img2;
    altImage = img1;
    initImage();

    intPreLoad = setInterval('callPreLoad()', 2000);
}

function initImage() {
    setOpacity(0);
    image.style.visibility = 'visible';
    altImage.style.visibility = 'visible';
    fadeIn(0);
}

function setOpacity(opacity) {
    opacity = (opacity == 100) ? 99.999 : opacity;

    image.style.filter = "alpha(opacity:" + opacity + ")";
    altImage.style.filter = "alpha(opacity:" + (100-opacity) + ")";

    image.style.KHTMLOpacity = opacity / 100;
    altImage.style.KHTMLOpacity = 1-(opacity / 100);

    image.style.MozOpacity = opacity / 100;
    altImage.style.MozOpacity = 1-(opacity / 100);

    image.style.opacity = opacity / 100;
    altImage.style.opacity = 1-(opacity / 100);
}

function fadeIn(opacity) {
    if (opacity <= 100) {
        setOpacity(opacity);
        opacity += 2;
        window.setTimeout("fadeIn(" + opacity + ")", 100);
    } else {
        if (image.id == 'divGallery') {
            image = img2;
            altImage = img1;
            setOpacity(0);
            image.style.backgroundImage = 'url(gallery/' + img[intImage] + ')';
            intImage += 1;
            if (intImage >= img.length) {
                intImage=0
            }
            img1.style.zIndex = 1;
            img2.style.zIndex = 2;
            window.setTimeout("fadeIn(0)", 100);
        } else {
            image = img1;
            altImage = img2;
            setOpacity(0);
            image.style.backgroundImage = 'url(gallery/' + img[intImage] + ')';
            intImage += 1;
            if (intImage >= img.length) {
                intImage = 0
            }
            img1.style.zIndex = 2;
            img2.style.zIndex = 1;
            window.setTimeout("fadeIn(0)", 100);
        }
    }
}

//gallery

var dScroll;
var count=0;
var maxcount=0;
var intC=-1;
var step;
function scrollPics(dX){
    clearInterval(intC);
    count=0;
    maxcount=dX/2;
    if (maxcount<0){
        maxcount=maxcount*-1
        }
    if (dX<0){
        step=-4;
    }else{
        step=4;
    }
    intC=setInterval('scroller()', 40);
}

function scroller(){
    if(!dScroll){
        dScroll=document.getElementById('divScroller')
        }
    var x=dScroll.scrollLeft + step;
    if (x<0){
        x=0;
        clearInterval(intC);
    }
    if (x>=(dScroll.scrollWidth-dScroll.offsetWidth+17)){
        dScroll.scrollLeft=dScroll.scrollWidth;
        clearInterval(intC);
    }else{
        dScroll.scrollLeft=x;
    }
    count += 1;
    if (count >= maxcount){
        clearInterval(intC);
    }
}

function showImage(oIndex){
    document.getElementById('imgImage').setAttribute('src', current[oIndex+1]);
    document.getElementById('divPrev').setAttribute('onclick', "showImage(" + (oIndex-1) + ")");
    document.getElementById('divNext').setAttribute('onclick', "showImage(" + (oIndex+1) + ")")

    if(oIndex==current.length-2){
        document.getElementById('divNext').style.display='none';
        document.getElementById('imgImage').setAttribute('onclick', "showImage(0);")
    }else{
        document.getElementById('divNext').style.display='block';
        document.getElementById('imgImage').setAttribute('onclick', "showImage(" + (oIndex+1) + ");")
    }

    if(oIndex==0){
        document.getElementById('divPrev').style.display='none';
    }else{
        document.getElementById('divPrev').style.display='block';
    }
}