var changeTo = 0;
var tm;

$(document).ready(function() {
	$('#imgs').cycle({
		fx: 'fade', 
		speed:  2000, 
		timeout: 4000, 
		delay: -1000,
		before: gestionSlides  
	});
	
	$('a#roll1').click(function() { 
		$('#imgs').cycle(0);
		clearTimeout(tm);
		$("#nav_rolls a").removeClass("actif");
		$(this).addClass("actif");
		return false; 
	}); 
	$('a#roll2').click(function() { 
		$('#imgs').cycle(3); 
		clearTimeout(tm);
		$("#nav_rolls a").removeClass("actif");
		$(this).addClass("actif");
		return false; 
	});
	$('a#roll3').click(function() { 
		$('#imgs').cycle(6);
		clearTimeout(tm);
		$("#nav_rolls a").removeClass("actif");
		$(this).addClass("actif");
		return false; 
	});
	$('a#roll4').click(function() { 
		$('#imgs').cycle(9); 
		clearTimeout(tm);
		$("#nav_rolls a").removeClass("actif");
		$(this).addClass("actif");
		return false; 
	});
	
	$(".gestion_lignes tr:odd").addClass("imp");
});

function gestionSlides(curr, next, opts) {
	/*var index = opts.currSlide;
	if(index==2 || index==5 || index==8 || index==11){
		changeTo = index-2;
		tm = setTimeout("changeSlide()",2000);
	}*/
	var index = opts.currSlide;
	if(index==2){
		$("#nav_rolls a").removeClass("actif");
		$("a#roll2").addClass("actif");
	}
	if(index==5){
		$("#nav_rolls a").removeClass("actif");
		$("a#roll3").addClass("actif");
	}
	if(index==8){
		$("#nav_rolls a").removeClass("actif");
		$("a#roll4").addClass("actif");
	}
	if(index==11){
		$("#nav_rolls a").removeClass("actif");
		$("a#roll1").addClass("actif");
	}
}

function changeSlide(){
	$('#imgs').cycle(changeTo);
}