jQuery(document).ready(function(){
    var containerH = jQuery('#carousel-home');
    var navH = containerH.find('.courousel-navigation li');
    var blocsH = containerH.find('.courousel-blocs li');
    var currentH = 0;
    var timeH;
    var pause = false;
    var slideTo = function (index) {
	var el = jQuery(navH.get(index));
	navH.removeClass('current');
	el.addClass('current');
	var slide = jQuery(blocsH.get(index))
	var p = slide.parent();
	p.queue('slide_fade');
	p.stop().animate({
	    'opacity': 0
	}, 500, function () {
	    jQuery(this).css('top', '-'+slide.position().top+'px');
	    jQuery(this).animate({
		'opacity': 1
	    });
	});
	currentH = index;
	p.dequeue('slide_fade');

	auto();
    };
    var auto = function() {
	if (!pause) {
	    //au cas ou les évènements se mettent à s'emmeller'
	    clearTimeout(timeH);
	    timeH = setTimeout(function () {
		var index = ((currentH+1) >= navH.length ) ? 0 : currentH+1;
		slideTo(index);
	    }, 5000);
	}
    };
    var start = function () {
	pause = false;
	auto();
    };
    var stop = function() {
	pause = true;
	clearTimeout(timeH);
    };
    
    navH.mouseover(function() {
	var index = navH.index(jQuery(this));
	if (index != currentH) {
	    slideTo(index);
	}
    });

    containerH.hover(stop,start);

    //init mouvement
    jQuery(navH.get(currentH)).addClass('current');
    start();
    
});