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();
    
});