$(document).ready(function() {


	// MENU ET SILHOUETTES
	
	$(".silhouettesAccueil").css("display", "block");

	$("ul.niveau1>li>a").click(function(){
		if($(this).parent().hasClass("active")==false){
			//var l = ($(this).attr("id"));
			var l = $(this).parent().index();
			makeFadeOut($("div.silhouettes").children(),500);
			makeFadeIn($("#silhouettes_"+l),500);
			$("ul.niveau1>li").removeClass("active");
			$("ul").not($(this).parents()).removeClass("active");
			$(this).parent().addClass("active");
			$(this).parent().find("ul.niveau2").addClass("active");
		}else{
			makeFadeOut($("div.silhouettes").children(),500);
			makeFadeIn($(".silhouettesAccueil"),500);
			$(this).parent().removeClass("active");
			$(this).parent().find("ul.niveau2").removeClass("active");
		}
		
		return false;
	});
	
	$("div.silhouettes div.section").click(function(){
		//var k = $(this).attr("id");
		//var l = k.substr(11);
		var rank = $(this).index();
		var $target;
		if($(this).closest('.division').hasClass("silhouettesAccueil")){
			$target = $('div.menuVertical ul.niveau1').children().eq(rank);
			$target.children().click();
			return false;
		} /*else if($(this).closest('.division').hasClass("silhouettesParents")){
			$target = $('div.menuVertical li.parents ul.niveau2').children().eq(rank);
		} else if($(this).closest('.division').hasClass("silhouettesEleves")){
			$target = $('div.menuVertical li.eleves ul.niveau2').children().eq(rank);
		} else if($(this).closest('.division').hasClass("silhouettesAnciens")){
			$target = $('div.menuVertical li.anciens ul.niveau2').children().eq(rank);
		}*/
		
		
		
		});
	
	/*$("ul.niveau2>li>a").click(function(){
		if($(this).parent().hasClass("active")==false){
			$("ul.niveau2>li").removeClass("active");
			$("ul").not($(this).parents()).removeClass("active");
			$(this).parent().addClass("active");
			$(this).parent().find("ul.niveau3").addClass("active");
		}else{
			$(this).parent().removeClass("active");
			$(this).parent().find("ul.niveau3").removeClass("active");
		}
		
		return false;
	});*/
		
	/*$("#logo").click(function(){
	
		makeFadeOut($(".silhouettesAnciens"),500);
		makeFadeOut($(".silhouettesEleves"),500);
		makeFadeOut($(".silhouettesParents"),500);
		makeFadeIn($(".silhouettesAccueil"),500);
		
		$("div.menuVertical ul").find("li").removeClass("active");
		$("div.menuVertical ul").removeClass("active");
	});*/
	
	$("div.section").hover(function(){
		$(this).addClass("active");
		var rank = $(this).index();
		var rank_parent = $(this).parent().index() -1;
		var $target;
		if($(this).closest('.division').hasClass("silhouettesAccueil")){
			$target = $('div.menuVertical ul.niveau1').children().eq(rank);
		} else{
			$target = $('div.menuVertical ul.niveau1').children().eq(rank_parent).find('ul.niveau2').children().eq(rank);
		}
		$target.addClass('highlight');
		
	}, function(){
		$(this).removeClass("active");
		var rank = $(this).index();
		var rank_parent = $(this).parent().index() -1;
		//alert(rank_parent);
		var $target;
		if($(this).closest('.division').hasClass("silhouettesAccueil")){
			$target = $('div.menuVertical ul.niveau1').children().eq(rank);
		} else{
			$target = $('div.menuVertical ul.niveau1').children().eq(rank_parent).find('ul.niveau2').children().eq(rank);
		}
		$target.removeClass('highlight');
	})
		
	$("ul.niveau1>li>a").hover(function(){
			var rank = $(this).parent().index();
			var $target;
			$target = $('div.silhouettes div.silhouettesAccueil').children().eq(rank);
			$target.addClass("active");
		}, function(){
			var rank = $(this).parent().index();
			var $target;
			$target = $('div.silhouettes div.silhouettesAccueil').children().eq(rank);
			$target.removeClass("active");
	});
		
	$("ul.niveau2>li>a").parent().hover(function(){
			var rank_ul = $(this).parent().parent().index();
			var rank = $(this).index();
			var $target;
			$target = $('div.silhouettes').children().eq(rank_ul+1).children().eq(rank);
			$target.addClass("active");

		}, function(){

			var rank_ul = $(this).parent().parent().index();
			var rank = $(this).index();
			var $target;
			$target = $('div.silhouettes').children().eq(rank_ul+1).children().eq(rank);
			$target.removeClass("active");
			
	});
		
});

function makeFadeOut(a,b){
	if($.browser.msie){
	b = 0;	
	}
	a.fadeOut(b);
	}
	
function makeFadeIn(a,b){
	if($.browser.msie){
	b = 0;	
	};
	a.fadeIn(b);
	}