var active = "scrollViewPanel_1";
var maxSlide;
var cSlide = 1;
var cTimeout;
var time = 20000;
var animating = false;
var xSlide = -1;

function initialiseScrollPanel(numberOfPanels) {

    maxSlide = numberOfPanels;

    for (i = 1; i <= numberOfPanels; i++) {
        $("#panel" + i + "_switch").click(makeCallback(i));
        
    }

    var u = Math.random() * numberOfPanels;
    var n = Math.floor(u);
    cSlide = n;

    cTimeout = setTimeout(moveToNextSlide, 0);
}

function makeCallback(i) {
    return function() {
        return showSlide(i, true);
    }
}

function moveToNextSlide() {

    var nSlide = cSlide + 1;

    if (nSlide > maxSlide) nSlide = 1;

    showSlide(nSlide, false);
}

function animFinished() {
    animating = false;
    if (xSlide != -1) {
        var t = xSlide;
        xSlide = -1;
        showSlide(t, true);
    }
}

function showSlide(n, activeClick) {

    if (animating) {
        xSlide = n;
        return false;
    }

    animating = true;

    if (active != "scrollViewPanel_" + n) $("#" + active).fadeOut("slow");
    active = "scrollViewPanel_" + n;
    cSlide = n;
    $("#" + active).fadeIn("slow", animFinished);

    for (var i = 1; i <= maxSlide; i++) {
        $("#panel" + i + "_switch").css("font-weight", "normal");
    }

    $("#panel" + n + "_switch").css("font-weight", "bold");

    clearInterval(cTimeout);

    if (!activeClick)
        cTimeout = setTimeout(moveToNextSlide, time);

    return false;
}