var pause = 12;
var skift = true;
var fadeDivObj;
var pauseplayknap;
var rotateTimeout;
var i = 0;


var container;

function initFade() {
    for (var x = 0; x < 21; x++)
        setTimeout('setOpacity(' + x / 2 + ')', 100 * x / 2);

    return false;
}

function setOpacity(value) {
    fadeDivObj.style.opacity = value / 10;
    fadeDivObj.style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function naeste() {
    i++;

    if (i == hiddenDivs.length) { i = 0 }

    setOpacity(0);
    container.innerHTML = hiddenDivs[i].innerHTML;
    initFade();
}

function forrige() {
    i--;

    if (i == -1) { i = hiddenDivs.length-1 }

    setOpacity(0);
    container.innerHTML = hiddenDivs[i].innerHTML;
    initFade();
}

// loads global functions
function loadGlobalFunctions() {

    
    // rotates dynamic content every 2 seconds
    rotateContent = function() {

        if (skift) {

            naeste();
            rotateTimeout = setTimeout('rotateContent()', pause * 1000);
        }
    }

    // gets all <div> elements
    divs = document.getElementsByTagName('div');
    hiddenDivs = [];
    // makes array of <div> elements with class name 'hidden'
    for (x = 0; x < divs.length; x++) {
        if (/\bhidden\b/.test(divs[x].className)) {
            hiddenDivs[hiddenDivs.length] = divs[x];
        }
    }
    i = 0;

    // puts dynamic content into cointaning <div> element
    container = document.getElementById('fadeDIV');

    // executes rotateContent function

    fadeDivObj = document.getElementById('fadeDIV');

    rotateContent()
}

ToggleSkift = function() {
    skift = !skift;
    if (skift) {
        window.clearTimeout(rotateTimeout);
        rotateContent()

    }
}


$(function () {

    $('.scroll-pane').jScrollPane();

    $('#playknap').toggle();

    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
		function() { $(this).addClass('ui-state-hover'); },
		function() { $(this).removeClass('ui-state-hover'); }
	);

    $('#pauseknap').click(
		function() { $(this).toggle(); $('#playknap').toggle(); ToggleSkift(); }
	);


    $('#playknap').click(
		function() { $(this).toggle(); $('#pauseknap').toggle(); ToggleSkift(); }
	);
    $('#nextknap').click(
		function() { next(); }
	);
    $('#prevknap').click(
		function() { prev(); }
	);

    $('#gallery a').lightBox();

    $('a.lightbox').lightBox(); 
    
    loadGlobalFunctions();
});

function next() {

    if (skift) {
        $('#playknap').toggle();
        $('#pauseknap').toggle();
    }

    skift = false;
    window.clearTimeout(rotateTimeout);
    naeste();
};

function prev() {

    if (skift) {
        $('#playknap').toggle();
        $('#pauseknap').toggle();
    }

    skift = false;
    window.clearTimeout(rotateTimeout);
    forrige();
};