$("document").ready(function(){
	//Effet rollover sur les articles
	$(".un-article").bind("mouseover",function(){
		var article_css = {
			"background-color" : "#eee",
			"cursor" : "pointer"
		}
		
		$(this).css(article_css);
		
		var lien = $(this).find("a").attr("href");
				 
		 $(this).click(function(){
		 	window.location.href=lien; 
		 })
	});
	
	//Effet rollover sur les articles
	$(".un-article").bind("mouseout",function(){
		var article_css = {
			"background-color" : "transparent"
		}
		
		$(this).css(article_css);
	});
	
	//Changement de page sur les articles ->
	$(".menu-suiv").click(function(){
		
		//On recherche quel section on veut déplacer
		ul_cont = $(this).parent().parent().parent().attr('id');
		t_temp = ul_cont.split('-'); //LOL
		prefix = t_temp[1];
		
		
		//On recherche le numéro de page
		
		pointeur_id = "#" + prefix + "-current";
		
		dpage = $(pointeur_id).attr("class");
		temp_page = dpage.split("d");
		var page = parseInt( temp_page[1] );
		
		//On indique la prochaine page
		if(page > 2)
		{
			new_page = 0;
		}
		else{
			new_page = page + 1;
		}
		
		//On change les images
		var img_off = "../images/menu_off.gif";
		var img_on = "../images/menu_on.gif";
		
		var pointeur = "#" + ul_cont + " .d" + page;
		var new_pointeur = "#" + ul_cont + " .d" + new_page;
				
		$(pointeur).attr('src',img_off);		
		$(new_pointeur).attr('src',img_on);
		
		//On Change le «current»
		$(pointeur).attr('id','');
		$(new_pointeur).attr('id',prefix + '-current');
		
		//On bouge le div
		t_value = new Array();
		t_value[0] = 0;
		t_value[1] = -832;
		t_value[2] = -1664;
		t_value[3] = -2496;
			
		$(this).parents().siblings('.article-cont').animate({left: t_value[new_page] + "px"},500);
		
						
	});
	
	//Changement de page sur les articles <-
	$(".menu-prec").click(function(){
		
		//On recherche quel section on veut déplacer
		ul_cont = $(this).parent().parent().parent().attr('id');
		t_temp = ul_cont.split('-'); //LOL
		prefix = t_temp[1];
		
		
		//On recherche le numéro de page
		
		pointeur_id = "#" + prefix + "-current";
		
		dpage = $(pointeur_id).attr("class");
		temp_page = dpage.split("d");
		var page = parseInt( temp_page[1] );
				

		//On indique la prochaine page
		if(page < 1)
		{
			new_page = 3;
		}
		else{
			new_page = page - 1;
		}
		
		//On change les images
		var img_off = "../images/menu_off.gif";
		var img_on = "../images/menu_on.gif";
		
		var pointeur = "#" + ul_cont + " .d" + page;
		var new_pointeur = "#" + ul_cont + " .d" + new_page;
				
		$(pointeur).attr('src',img_off);		
		$(new_pointeur).attr('src',img_on);
		
		//On Change le «current»
		$(pointeur).attr('id','');
		$(new_pointeur).attr('id',prefix + '-current');
		
		//On bouge le div
		t_value = new Array();
		t_value[0] = 0;
		t_value[1] = -832;
		t_value[2] = -1664;
		t_value[3] = -2496;
		
				
		$(this).parents().siblings('.article-cont').animate({left: t_value[new_page] + "px"},500);
		
						
	});
	
	
	//Fonction de sélection de page par les points
	$(".dot").click(function(){
		
		//On recherche quel section on veut déplacer
		ul_cont = $(this).parent().parent().attr('id');
		t_temp = ul_cont.split('-'); //LOL
		prefix = t_temp[1];		
		
		//On recherche le numéro de page
		
		pointeur_id = "#" + prefix + "-current";
		
		dpage = $(pointeur_id).attr("class");
		temp_page = dpage.split("d");
		var page = parseInt( temp_page[1] );
		
		//On indique la page choisie
		dpage = $(this).children('img').attr("class");
		t_page = dpage.split("d");
		new_page = parseInt( t_page[1] );
				
		//On change les images
		var img_off = "../images/menu_off.gif";
		var img_on = "../images/menu_on.gif";
		
		var pointeur = "#" + ul_cont + " .d" + page;
		var new_pointeur = "#" + ul_cont + " .d" + new_page;
				
		$(pointeur).attr('src',img_off);		
		$(new_pointeur).attr('src',img_on);
		
		//On Change le «current»
		$(pointeur).attr('id','');
		$(new_pointeur).attr('id',prefix + '-current');
		
		//On bouge le div
		t_value = new Array();
		t_value[0] = 0;
		t_value[1] = -832;
		t_value[2] = -1664;
		t_value[3] = -2496;
		
				
		$(this).parents().siblings('.article-cont').animate({left: t_value[new_page] + "px"},500);
		
		
	});	
	
	
	
});