var element = 2;

var elementId = new Array(
    '#forside-widecolumn .csc-default',
    '#forside-topright .csc-default',
    '#forside-bottomright .csc-default'
    );

var imageIndex = new Array(0, 0, 0);
var imageLastIndex = new Array(0, 0, 0);
var currentImage = new Array(0, 0, 0);
var nextImage = new Array(0, 0, 0);

$(document).ready(function(){

    for ( var element = 0; element <= elementId.length - 1; element++ ) {

        imageLastIndex[element] = $(elementId[element]).length - 1;

        imageIndex[element] = Math.round(Math.random() * imageLastIndex[element]);

        $(elementId[element]).each( function(index) {

            if (index == imageIndex[element]) {
                $(this).css('zIndex', 100);
            } else {
                $(this).css('zIndex', 99);
            }

        });

    }
    
    setInterval("animate()", 4000);

});


function animate() {

    $(elementId[element]).each( function(index) {

        if (index == imageIndex[element]) { 
            currentImage = $(this);
        }

        if ((index == (imageIndex[element] + 1)) || ((imageIndex[element] == imageLastIndex[element]) && (index == 0))) { 
            nextImage = $(this);
        }

    });

    currentImage.css('zIndex',100);
    nextImage.css('zIndex',99);
    nextImage.fadeTo(0,1);

    currentImage.fadeOut(1500);

    imageIndex[element]++;

    if (imageIndex[element] > imageLastIndex[element]) {
        imageIndex[element] = 0;
    }

    element--;

    if (element == -1) {

        element = 2;

    }


}