var max_actu = 3;
var id_next = 0;
var id_remove = 2;
var actu_id;
function funccycle(){
	if(actu_id){
		id_remove=actu_id-1;
		id_next=actu_id;
		if(id_remove<0){
			id_remove=2;
		}
	}
	$('div#image-actu').cycle({ 
			fx:     'fade', 
			timeout: 4000,
			speed: 1000,
			startingSlide:actu_id,
			pause: 1,
			before:function(currSlideElement, nextSlideElement, options, forwardFlag){
					$("div.list-actu li#"+id_next).addClass('image-hover');
					$("div.list-actu li#"+id_remove).removeClass('image-hover');
			},
			after:function(currSlideElement, nextSlideElement, options, forwardFlag){
				id_remove= options.currSlide;
				id_next = options.nextSlide;
			}
		});
}
$(document).ready(function() {

		funccycle();
		
		$("div.list-actu li").mouseenter(function () {
			actu_id = $(this).attr('id');
			$('div#image-actu').cycle({
				startingSlide :actu_id
			});
			$('div#image-actu').cycle('stop');
			$("div.list-actu li").removeClass('image-hover');
			$("div.list-actu li#"+actu_id).addClass('image-hover');
		});
		
		$("div.list-actu li").mouseout(function () {
			funccycle();
		});
	});