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

function initGallery() {
    window.addEvent('domready', function() {
        
        // preload images
        for(var i=0; i<imageUrls.length; i++){
            var n = new Image();
            n.src = "/admin/renderimage.aspx?w=256&h=256&m=crop&id=" + imageUrls[i];
            images.push(n);
        }

        renderGalleryNavigation();
        autoSlide();
    });
}

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

function nextImage() {
    showImage(1+(currentImageId % imageUrls.length));
}
function prevImage() {
    showImage((currentImageId-1)>0?(currentImageId-1):imageUrls.length-1);
}

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;

    $("galleryLink").href = linkUrls[currentImageId-1];
    
    renderGalleryNavigation();
}

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

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

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



/* TOP FADER */

var topImages = new Array();
var topfader_images = new Array();
var topfader_currentImageElement = 1;
var topfader_currentImageId = 0;
var topfader_autoSlideTimer;


function initTopFader() {
    window.addEvent('domready', function() {

        // preload images
            for (var i = 0; i < topImages.length; i++) {
            var n = new Image();
            n.src = "/gfx/" + topImages[i];
            topfader_images.push(n);
        }
        topfader_autoSlide();
    });
}

function topfader_startAutoSlide() {
    topfader_autoSlideTimer = window.setTimeout("topfader_autoSlide()", 7000);
}
function topfader_autoSlide() {
    var newRandomImg = topfader_currentImageId;
    while (newRandomImg == topfader_currentImageId) {
        newRandomImg = Math.round(Math.random() * (topImages.length - 1));
    }
    topfader_changeToImage(1 + newRandomImg);
    topfader_startAutoSlide();
}
function topfader_changeToImage(n) {
    var newImageElement = (topfader_currentImageElement == 1) ? 2 : 1;

    var oldImg = $("topImg" + topfader_currentImageElement);
    var newImg = $("topImg" + newImageElement);
    newImg.src = topfader_images[n - 1].src;

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

    topfader_currentImageElement = newImageElement;
    topfader_currentImageId = n;
}

function topfader_showImage(n) {
    window.clearTimeout(topfader_autoSlideTimer);
    topfader_changeToImage(n);
}








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