$(document).ready(function(){

if ( typeof( page ) == "undefined" ){
	page = 'index';
}
//alert(page);
	$("#menu li").mouseover(function(){
		if($(this).attr("class") != 'actif' && $(this).attr('id') != 'drapeau'){
			$(this).addClass("hover");
		}		
	});
	
	$("#menu li").mouseout(function(){
		if($(this).attr("class") != 'actif'){	
			$(this).removeClass("hover");
		}
	});	
	
//calcul width content_scroll
if(page == 'index'){
	var largeur_li = 230;//largeur d'une famille
	var seuil_display_scrollbar = 4;
}
else{
	var largeur_li = 180;
	var seuil_display_scrollbar = 6;
}

var nb = $("#content_scroll ul li").length;//nombre de familles
if(nb <= seuil_display_scrollbar){
	$("#barre_scroll").css({display: 'none'});
}
else {

var largeur_contenant = $("#content_scroll").css('width');
var largeur_familles = nb*largeur_li;
var defilement_familles = largeur_familles - largeur_contenant.substring(0,3);//largeur de scroll total

$("#content_scroll ul").css({width: largeur_familles});//on attribue la bonne largeur
/**/
	

/*on mesure le déplacement de la scrollbar (cordx, en %) qu'on multiplie par le défilement total des familles divisé par 100 pour avoir le déplacement en px (et qu'on arrondi)*/	
	$('#piste_scroll').Slider(
	{
		accept : "#nav_scroll",
		restricted: false,
		values: [[0,0]],
		onSlide : function( cordx, cordy)
		{
			var left = Math.round(cordx*defilement_familles/100);
			//$("#cordy3").html(left+ '%');
			//alert(left);	
			$("#content_scroll ul").css({left: '-'+left+'px'});
		}/**/
		
	});
	
	/**/
	
	}//fin else
	
/*animation titres familles*/





	if(page == 'page'){
	
				//HoverImageText
				/* options can be found within the plugin js */
				$.fn.HoverImageText.defaults.AnimShow = {height: "show",HoverCheck	: 300};
				$("#content_scroll ul li a").HoverImageText();
			

	
	
		/**/$("#content_scroll li").bind('mouseover',function(){
			$(this).children('div').animate({bottom: '0px'},50);
			$("#content_scroll li").unbind('mouseover');
			$("#content_scroll li").bind('mouseout',function(){
				$(this).children('div').animate({bottom: '-60px'},50);
			});
		});
	
		$("#content_scroll li").bind('mouseout',function(){
			$(this).children('div').animate({bottom: '-60px'},50);
			$("#content_scroll li").unbind('mouseout');
			
		});//fin HoverImageText
	}
$("#loupe").click(function(){
	$("#form1").submit();
});	
	
	
	
	
	
});