var imageUrls = new Array();
var images = new Array();
var currentImageElement = 1;
var currentImageId = 1;
var autoSlideTimer;


function initGallery() {
    window.addEvent('domready', function() {
        
        // preload images
        for(var i=0; i<imageUrls.length; i++){
            var n = new Image();
            n.src = "/images/" + imageUrls[i];
            images.push(n);
        }

        renderGalleryNavigation();
        startAutoSlide();
    });
}

function startAutoSlide() {    
    autoSlideTimer = window.setTimeout("autoSlide()",4000);
}
function autoSlide() {  
    changeToImage(1+(currentImageId % imageUrls.length));
    startAutoSlide();
}

function changeToImage(n) {
    var newImageElement = (currentImageElement==1)?2:1;

    var oldImg = $("galleryImg"+currentImageElement);
    var newImg = $("galleryImg"+newImageElement);
    newImg.src = images[n-1].src;

    newImg.fade("hide");
    oldImg.fade("out");
    newImg.fade("in");

    currentImageElement = newImageElement;
    currentImageId = n;
    
    renderGalleryNavigation();
}

function showImage(n) {
    window.clearTimeout(autoSlideTimer);
    changeToImage(n);
}

function renderGalleryNavigation() {
    // setup gallery navigation        
    var sHTML = "<ul>";
    for(var i=0; i<imageUrls.length; i++){
        sHTML = sHTML + "<li" + ((i+1 == currentImageId)?" class='active'":"")  + "><a href='javascript:showImage(" + (i+1) + ")'>" + (i+1) + "</a></li>";
    }        
    sHTML = sHTML + "</ul>";

    $("galleryNavigation").innerHTML = sHTML;
}    

function mtLink(name, dom, tld) {
    document.write("<a href='mailto:" + name + "@" + dom + "." + tld + "'>" + name + "@" + dom + "." + tld + "</a>");
}