// JavaScript Document

$(function(){
	
	$("#nav-bar img[rel="+$page+"]").attr("src",
			$("#nav-bar img[rel="+$page+"]").attr("src").replace("-off","-on")								  
	);
	
	// Gestion rollover
	$(".rollover").mouseover(
		function(){
			var $src = $(this).attr("src");
			var $src_over = $src.replace("-off","-over");
			$(this).attr("src",$src_over);
		}
	);
	$(".rollover").mouseout(
		function(){
			var $src = $(this).attr("src");
			var $src_over = $src.replace("-over","-off");
			$(this).attr("src",$src_over);
		}
	);
	
	
	// PAGINATION HEADER SELECTION
	$("img.loading").hide();
	
	$("img#hs-right").click(
		function(){
			var $hs_enCours = $("#hs-encours").val();
			if ($hs_enCours<4){
				$("#header_selection td.vignette").each(
					function(){
						var $num_td = $(this).attr("rel");
						var $num_input = Math.ceil(($hs_enCours*4))+Math.ceil($num_td);
						
						var $chaine = $(".hs-item[rel="+$num_input+"]").val();
						var $arr = $chaine.split("#");
						
						
						$("h1", this).empty().html($arr[1]);
						$("h2", this).empty().html($arr[2]);
						$("h3", this).empty().html($arr[3]);
						$("img.thumb", this).hide();
						$("img.loading", this).show();
						$("img.thumb", this).attr("src",$arr[4]);
						$("img.overlay", this).attr("src","img/"+$arr[5]);
						$("a.lien-fiche", this).attr("href","fiche-article.php?id="+$arr[0]);
						$("img.thumb", this).load(function(){ $("#header_selection td.vignette[rel="+$num_td+"] img.thumb").show(); $("#header_selection td.vignette[rel="+$num_td+"] img.loading").hide();  } );
					}
				);
				$hs_enCours ++;
				$("#hs-encours").val($hs_enCours) ;
			}
			
			if ($hs_enCours>1){
				$("#hs-left").attr("src","img/header-left.png");	
			}
			if ($hs_enCours>=4){
				$("#hs-right").attr("src","img/header-right-off.png");	
			}
			
			$("img#header-pagination").attr("src","img/header-pagination-"+$hs_enCours+".png");
		}
	);


	$("img#hs-left").click(
		function(){
			var $hs_enCours = $("#hs-encours").val();
			if ($hs_enCours>1){
				$("#header_selection td.vignette").each(
					function(){
						var $num_td = $(this).attr("rel");
						var $num_input = Math.ceil((($hs_enCours-1)*4))+Math.ceil($num_td)-4;
						
						var $chaine = $(".hs-item[rel="+$num_input+"]").val();
						var $arr = $chaine.split("#");
						
						$("h1", this).empty().html($arr[1]);
						$("h2", this).empty().html($arr[2]);
						$("h3", this).empty().html($arr[3]);
						$("img.thumb", this).hide();
						$("img.loading", this).show();
						$("img.thumb", this).attr("src",$arr[4]);
						$("img.thumb", this).load(function(){ $("#header_selection td.vignette[rel="+$num_td+"] img.thumb").show(); $("#header_selection td.vignette[rel="+$num_td+"] img.loading").hide();  } );
						
					}
				);
				$hs_enCours --;
				$("#hs-encours").val($hs_enCours) ;
			}
			
			if ($hs_enCours<4){
				$("#hs-right").attr("src","img/header-right.png");	
			}
			if ($hs_enCours<=1){
				$("#hs-left").attr("src","img/header-left-off.png");	
			}
			
			$("img#header-pagination").attr("src","img/header-pagination-"+$hs_enCours+".png");

		}
	);



});