var aTimeout;
var bTimeout;
var GalleryArray=new Array();
function loadGallery() {
    if (GalleryArray.length > 0) {
        SetMainImage(0);
        currentMainImage = 0;
        currentImage = 0;
        ShowPrevNext();
        aTimeout = setTimeout("TransitionImage(aTimeout)", 3500);
    }
}

function SetMainImage(position) {
    blendimage(GalleryArray[position][5])
    document.getElementById('MainImageTitle').innerHTML = GalleryArray[position][6];
    document.getElementById('MainImage').alt = GalleryArray[position][6];
    document.getElementById('MainImage').title = GalleryArray[position][6];
}

function blendimage(imagefile) {
    var speed = 4;
    var timer = 0;
    //set the current image as background
    document.getElementById("PreviousImage").src = document.getElementById("MainImage").src;
    //make image transparent
    changeOpac(0, "MainImage");

    //make new image
    document.getElementById("MainImage").src = imagefile;

    //fade in image 
    for (i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'MainImage')", (timer * speed));
        timer++;
    }
} 


function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 


function TransitionImage() {
    currentMainImage++;
    if (currentMainImage >= GalleryArray.length) {
        currentMainImage = 0;
    }
    SetMainImage(currentMainImage);
    ShowPrevNext();
    aTimeout = setTimeout("TransitionImage(aTimeout)", 3500);
}

function SetMainImagePrevNext(direction) {
    clearTimeout(aTimeout);
    if (direction == "Previous") {
        currentMainImage--;
    } else {
        currentMainImage++;
    }
    SetMainImage(currentMainImage);
    ShowPrevNext();
}

function ShowPrevNext() {
    if (currentMainImage < GalleryArray.length - 1) {
        document.getElementById("NextPhoto").style.display = "inline";
    } else {
        document.getElementById("NextPhoto").style.display = "none";
    }
    if (currentMainImage > 0) {
        document.getElementById("PreviousPhoto").style.display = "inline";
    }
    else {
        document.getElementById("PreviousPhoto").style.display = "none";
    }
}