var FullscreenrOptions = {
    width: 1280,
    height: 773,
    bgID: '#bgimg'
};
var bg_delay = 5000; //delai entre changement de background

function change_bg() {
    $('#bgimg').attr('id', 'old_bgimg'); //on change l'id de l'image active
    if($('#old_bgimg').prev('.bgimg').length == 1) { //si il y a une image avant dans le DOM
        $('#old_bgimg').prev('.bgimg').attr('id', 'bgimg').fullscreenrResizer(FullscreenrOptions); //alors on lui met le bon id et Fullscreenr
        $('#old_bgimg').fadeOut(2000).removeAttr('id'); //on cache l'ancienne image et on vire le vieil id
    } else { //sinon
        $('.bgimg:last').attr('id', 'bgimg').fullscreenrResizer(FullscreenrOptions); //alors on prend la dernière des images et on lui met le bon id et Fullscreenr
        $('#bgimg').fadeIn(2000, function() { //on l'affiche
            $('.bgimg').show(); //après, on affiche toutes les autres
        });
        $('#old_bgimg').removeAttr('id'); //on vire le vieil id
    }
}

var tab_carousel = {
    direction:"vertical",
    autoSlide: true,
    loop: true,
    autoSlideInterval: 10000,
    animSpeed: "slow",
    btnsPosition: "inside",
	nextBtn: "<span style='display: none;'>></span>",
	prevBtn: "<span style='display: none;'><</span>",
	prevBtnInsert: "insertAfter"
};

var tab_carousel2 = {
    direction:"horizontal",
    autoSlide: true,
    loop: true,
    autoSlideInterval: 7000,
    animSpeed: "slow",
	pagination: true,
	paginationPosition: "inside",
	nextBtn: "",
	prevBtn: ""
};

$(document).ready(function() {
	setTimeout(change_bg,500); //on lance la fonction une première fois au bout de 500ms
	interval = setInterval(change_bg, bg_delay); //on répète la fonction avec le delai
	$("div.foo").carousel(tab_carousel);
	$("div.foo").css("visibility","visible");
	$("div.foo2").carousel(tab_carousel2);
	$("div.foo2").css("visibility","visible");
});