function toggleMenuMarque (){
	var btns = $('#menu-marque li');
	var contents = $('#content-marque li').not('li li');
	contents .hide();
	var intro = $('#intro-marque');
	if ($.browser.msie && $.browser.version.substr(0,1)<7) {
		btns.mouseenter(function(){
			$(this).parent().find('.hover').removeClass('hover');
			$(this).addClass('hover');
		})
		btns.mouseleave(function(){
			$(this).removeClass('hover');
		})
	}
	btns.click(function(){
		if(intro.is(':visible')){
			intro.hide();	
		}
		contents.hide()
		contents.eq($(this).index()).show();
		btns.parent().find('.on').removeClass('on')
		$(this).addClass('on');
	})
}

var currentSliderState = 0;
var currentCycle = 0;
var slider = function(){
	var bloc = $('#timeline ul');
	var elts = $('#timeline li')
	var visibles = 6;
	var largeur = $('#timeline .hidder').width();
	var saut = (largeur/visibles)*2;
	var elmt_width = elts.outerWidth();
	var largeurEls = 0;
	elts.each(function(){
		largeurEls += $(this).outerWidth();
	});
	var nbrEtapes = Math.ceil((largeurEls-largeur)/saut)-1;
	var btn_backward = $('#timeline .btn-prev');
	var btn_forward = $('#timeline .btn-next');
	btn_backward.addClass('off');
	if(elts.length <= visibles){
		btn_forward.addClass('off');
	}
	btn_backward.click(function(){
		if (currentSliderState > 0){
			currentSliderState--;
			btn_forward.removeClass('off');
			bloc.animate({
				left:'+=' + saut
			}, 250);
		}
		if (currentSliderState == 0){
			btn_backward.addClass('off');
		}
		return false;
	});
	btn_forward.click(function(){
		if (currentSliderState < nbrEtapes){
			currentSliderState++;
			btn_backward.removeClass('off');
			bloc.animate({
				left:'-=' + saut
			}, 250);
		}
		if (currentSliderState == nbrEtapes){
			btn_forward.addClass('off');
		}
		return false;
	});
}

var timeline = new slider();

function toggleCycles(){
	var btns = $('#timeline li');
	var cycles = $('#mainContent div.content-cycles');
	cycles.hide();
	btns.click(function(){
		if($('#intro-cycles').is(':visible')){
			$('#intro-cycles').hide();
		}
		cycles.eq(currentCycle).hide();
		btns.eq(currentCycle).removeClass('on');
		cycles.eq($(this).index()).show();
		$(this).addClass('on');
		currentCycle = $(this).index();
		return false;
	});
	checkUrl();
}

function checkUrl(){
	var hash = window.location.href.split('#');
	if (hash[1]){
		var param = hash[1].split('cycle');
		if(param.length>1){
			showCycle(param[1])
		};
	}
}

function showCycle(n){
	var elts = $('#timeline li');
	elts.eq(n).addClass('on');
	var step = ($('#timeline .hidder').width()/6)*4;
	if(n>5){
		$('#timeline ul').css('left', -step);
		$('#timeline .btn-next').addClass('off');
		$('#timeline .btn-prev').removeClass('off');
		currentSliderState = 2;
	}
	$('#intro-cycles').hide();
	$('div.content-cycles').eq(n).show();
	currentCycle = n;
}

function showTips(){
	var tips = $('#tips li');
	var btnMore = $('#tips .btn-more');
	var puces = $('#bullets li');
	var listes = $('#listConseils li');
	var lightbox = $('#mod-overlay');
	var current = 0;
	tips.hide();
	
	$('#bullets li, #listConseils li').bind({
	  mouseenter: function() {
		if(!tips.eq($(this).index()).is(':visible')){
			tips.hide();
			tips.eq($(this).index()).fadeIn(250);
			listes.parent().find('.on').removeClass('on');
			listes.eq($(this).index()).addClass('on');
		}
	  },
	  click: function() {
		current = $(this).index();
		showTip();
		checkCurrent();
		return false;
	  }
	});
	
	btnMore.bind({
	  click: function() {
		current = $(this).parent().parent().index();
		showTip();
		checkCurrent();
		return false;
	  }
	})

	tips.bind('mouseleave', function(){
		$(this).hide();
	})
	
	function showTip(){
		lightbox.fadeIn(250);
		lightbox.find('li').not('li li').hide();
		lightbox.find('li').not('li li').eq(current).show();
		lightbox.find('li').not('li li').eq(current).find('.scroller').jScrollPane({showArrows:false, scrollbarWidth:12, scrollbarMargin:0, dragMaxHeight:20, wheelSpeed:30, scrollbarOnLeft:false});
	}
	
	lightbox.find('.btn-close').click(function(){
		lightbox.find('li').not('li li').hide();
		lightbox.fadeOut(250);
		return false;
	});
	
	var prec = lightbox.find('.btn-back');
	var next = lightbox.find('.btn-forth');
	prec.click(function(){
		if(current>0){
			current--;
			checkCurrent();
			showTip();
		}
		return false;
	});
	next.click(function(){
		if(current<listes.length-1){
			current++;
			checkCurrent();
			showTip();
		}
		return false;
	});
	
	
	function checkCurrent(){
		if (current==0){
			prec.addClass('off');
			next.removeClass('off');
		}else if(current==listes.length-1){
			next.addClass('off');
			prec.removeClass('off');
		}else {
			prec.removeClass('off');
			next.removeClass('off');
		}
	}
	checkCurrent();
}