var currentposition = 1;
var slideWidth = 991;

$(document).ready(function() {
    trigger({
        //"body": generalProcess, // functions that are needed everywhere
        "div#articleDetailView": detailviewProcess,
        "div#slidesContainer": homeviewProcess
    });
    $('#mainMood .main').mouseover(function() {
        $(".main").addClass('over');
        $(this).removeClass('over');
    });
    $('#mainMood .main').mouseout(function() {
        $(".main").removeClass('over');
    });
});

function trigger(list) {
    $.each(list, function(selector, callback) {
        if ($(selector).length > 0) {
            callback();
        }
    });
}


//function generalProcess() {
//    $("#language").language();
//}


function homeviewProcess() {
    triggerMoodAnimation();
    animateMood = setTimeout("moodAnimation()", 5000);
}

function detailviewProcess() {
    $(".colors ul li").toggleColorTile();
    Shadowbox.init();
    $(".mainPicture a").click(function() {
        Shadowbox.open({content: $(this).attr("href"),player: "img"});
        return false;
    });
}

function loadMainPicture(name, nameXL) {
    $(".mainPicture img").fadeOut(500).delay(550).queue(function () {
        $(".mainPicture img.mainImage").attr("src", name)
    });
    $(".mainPicture img").dequeue();
    $(".mainPicture img").fadeIn(500);
    $(".mainPicture a").attr("href", nameXL);
}

function setColorVariation(name) {
    $("#currentColorName").html(name);
}

function selectColorVariation(name) {
    $("selectedColorName").html(name);
}

function showInformation(idNr) {
    if ($("#InfoBox" + idNr).css("display") == "none") {
        $(".informationBoxContent p").hide();
        $("#InfoBox" + idNr).fadeIn("slow");
        $(".informationBox ul li").removeClass("active");
        $("#tab" + idNr).addClass("active");
    }
}

function triggerMoodAnimation() {
    var slides = $('.slide');
    var numberOfSlides = slides.length;
    // Remove scrollbar in JS
    $('#slidesContainer').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides
            .wrapAll('<div id="slideInner"></div>')
        // Float left to display horizontally, readjust .slides width
            .css({
        'float' : 'left',
        'width' : slideWidth
    });

    // Set #slideInner width equal to total width of all slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);
}

function moodAnimation() {
    var slides = $('.slide');
    var numberOfSlides = slides.length;
    var marginleft = 0;

    if (currentposition == numberOfSlides) {
        marginleft = 0;
        currentposition = 0;
    } else {
        marginleft = slideWidth * (-currentposition);
    }

    $('#slideInner').animate({opacity: 0.3}, 2000);
    $('#slideInner').animate({'marginLeft' : marginleft}, 2000);
    $('#slideInner').animate({opacity: 1}, 2000);

    currentposition++;

    animateMood = setTimeout("moodAnimation()", 12000);
}