

(function($){ 

//vars                                                  ::0>
		var nbBtnsvisibles=10;
		var btnVisible1=0;
		var nbBtns=$(".cat_1 li").length;
		var heightBtn = 0;
		
//fonction changeCon affiche le contenu contextuel
		function changeCon(){
		$('#box_contenu .selected_con').fadeOut('fast', function() {
		$("."+$('#box_menu ul .selected_anal').attr('id')).fadeIn().addClass("selected_con");	
	    }).hide().removeClass("selected_con");}; 

//fonction longer affiche ou non les btns de nav et reset                                                   ::0>
		function longer(){if ($('#box_menu .selected_menu').hasClass('longer')){$('#btn_h,#btn_b').show();
		$('#btn_b').removeClass().addClass('clicable_b');nbBtns=$('#box_menu .selected_menu li').length;
		}else{$('#btn_h,#btn_b').hide();}};

/*=====================================================================================*/

$.fn.blackcat = function() {



 /*init*/
	
	//attribution classe longer                                                   ::0>
        $.each( $("#box_menu ul"),function(){
		if($(this).find('li').length>nbBtnsvisibles){
		$(this).addClass('longer');}});    
	//initialisation des items en cours                                                   ::0>
		$(".cat_1").addClass('selected_menu').find('li:first').addClass('selected_anal');
		$('.selected_anal').attr('id');longer();
        $("#box_menu .selected_menu").show().animate({'margin-top':'0px'},500,'swing',function(){
        $("."+$('#box_menu ul .selected_anal').attr('id')).fadeIn().addClass("selected_con");});
		heightBtn=$(".cat_1 li:first").outerHeight();
		$('#masque_menu').height(nbBtnsvisibles*heightBtn);
		
/*events*/
		
	//evenements click btns naviguation                                                   ::0>
		$('#btn_h').click(function(event){if ($(this).hasClass('clicable_h')){
		$('.selected_menu ').animate({'margin-top': '+='+heightBtn}, 500);
		if ($('.selected_menu li').eq(btnVisible1+nbBtnsvisibles-1).hasClass('selected_anal')){changeAna($('.selected_anal').prev());
		}btnVisible1--;$('#btn_b').addClass('clicable_b');if(btnVisible1==0){$(this).removeClass('clicable_h');
		}}});
		$('#btn_b').click(function(event){if ($(this).hasClass('clicable_b')){
		$('.selected_menu ').animate({'margin-top': '-='+heightBtn}, 500);
		if ($('.selected_menu li').eq(btnVisible1).hasClass('selected_anal')){changeAna($('.selected_anal').next());
		}btnVisible1++;$('#btn_h').addClass('clicable_h');
		if(btnVisible1+nbBtnsvisibles==nbBtns){$(this).removeClass('clicable_b');}}});
	//evenement click btn categories	                                                   ::0>
        $("#menu_cats li").click(function(event){
       // $.fn.blackcat.changeCat($(this).attr("id"),0);}); 
        changeCat($(this).attr("id"),0);}); 
	//click btns analyses                                                   ::0>
        $("#box_menu ul li").click(function(event){ changeAna(this); });
};

/*======================== change analyse =============================*/
function changeAna (id){
$("#box_menu ul .selected_anal").removeClass("selected_anal");
var btnsText=$(id).text();
var ref='#masque_menu p:contains('+btnsText+')';
 $(ref).parent('li').each(function(index) {
   if($(this).html()==$(id).html()){
   $(this).addClass('selected_anal');
   }
});
changeCon();
}

/*======================== change categorie ============================*/

function changeCat (cat,ana) {
var menu="."+cat;
var btn="#"+cat;

//selection d une categorie --> effet tab                                                   ::0>
    $("#menu_cats .selected_cat").removeClass("selected_cat");$(btn).addClass('selected_cat');
	//changement de menu en fct de la cat                                                   ::0>
    $('#menu_anime').animate({'margin-top': -(heightBtn*(nbBtnsvisibles+2))}, 500, 'swing', function() {
    $('.selected_menu').removeClass("selected_menu").hide();$(menu).show().addClass("selected_menu");	
	$('#menu_anime').animate({'margin-top': 0}, 500);longer();$('#btn_h').removeClass('clicable_h');btnVisible1=0;
	$("#box_menu .selected_menu").css({'margin-top':0});
	if (ana==0){ana=".selected_menu li:first";}	
	changeAna(ana);decalage(menu,ana);
		});
};

/*======================== change ============================*/

$.fn.blackcat.change = function(ana) {


var btn=$('#masque_menu p:contains('+ana+')');
var idAna=btn.parent('li').attr('id');
var idCat=btn.parents('ul').attr('class').replace(' longer','').replace(' selected_menu','');

if ($('.selected_cat').attr('id')!=idCat){
changeCat(idCat,'#'+idAna);
}else{changeAna('#'+idAna);decalage("."+idCat,'#'+idAna);}


};

/*======================== decale ============================*/
function decalage(menu,ana){



	if ($(menu).hasClass('longer')){ 
	var index=$(ana).index();
	var decal=index-nbBtnsvisibles;
	
	if(decal>=0){decal++;
	$('.selected_menu ').animate({'margin-top': '-='+decal*heightBtn}, 500);
	$('#btn_h').addClass('clicable_h');
	btnVisible1=decal;if(index==(nbBtns-1)){$('#btn_b').removeClass('clicable_b');}
}}};
})(jQuery); 

