function buttonOver(sender) {
    sender.style.borderBottom = 'solid 3px #1b7fbc';
}

function buttonOut(sender) {
    sender.style.borderBottom = '0';
}

function showMenu() {
    document.getElementById('projectMenu').style.display = 'block';
}

function hideMenu() {
    document.getElementById('projectMenu').style.display = 'none';
}

function showTextPages() {
    document.getElementById('textpageMenu').style.display = 'block';
}

function hideTextPages() {
    document.getElementById('textpageMenu').style.display = 'none';
}

var maxindex = 0;
var curindex = 0;
var timer = 0;
var div = null;
var toggleActive = false;

jQuery.fn.slideShow = function () {

    curindex = parseInt(jQuery('#ActiveSlide').val());
    div = this;
    var i = 0;

    div.children().each(function () {
        var e = jQuery(this);

        if (e.is("div") || e.is("a")) {

            if (i != curindex) {
                e.hide();
            }
            else {
                e.show();
            };

            i = i + 1;
        };
    });

    maxindex = i - 1;

    StartSlider();
};

function StartSlider() {

    if (maxindex > 0) {

        clearTimeout(timer);
        timer = setTimeout("NextImage()", 5000);
    }
}

function NextImage() {

    ToggleSlideShowImage(curindex + 1);
}

function ToggleSlideShowImage(newindex) {

    if (toggleActive) {
    }
    else {
        toggleActive = true;
        
        if (newindex > maxindex) {
            newindex = 0;
        }

        if (newindex < 0) {
            newindex = maxindex;
        }

        var sd = div.children().eq(newindex);
        var hd = div.children().eq(curindex);

        hd.show();

        sd.css('zIndex', 2);
        hd.css('zIndex', 1);

        sd.fadeIn(3000, function () {
            hd.hide();
        });

        curindex = newindex;
        
        StartSlider();

        toggleActive = false;
    }
};


jQuery(document).ready(function () {

    jQuery('.slideshow').slideShow();
});