$(document).ready(function(){ 
	
	$('.menu ul').hide();
   $('.menu li a').click(function(){
           $(this).next('ul').slideToggle();

				if($(this).hasClass('unavailable')){
					$('#menuzone .box').show();
					return false;
				} else {
					$('#menuzone .box').hide();
				}
     // return false;
   });
	
	
	// initialize menu based on position
	var n1 = $('#n1').val();
	var n2 = $('#n2').val();
	var n3 = $('#n3').val();
	var n4 = $('#n4').val();
		
	// set niveau 1
	if (n1){		
		$('li#'+n1+'>ul').show();
		
		// set niveau 2
		if (n2){			
			n2 = n1+"_"+n2;
			$('li#'+n2+'>ul').show();
			
			// set niveau 3
			if (n3){				
				n3 = n2+"_"+n3;
				$('li#'+n3+'>ul').show();	
		
				// set niveau 4
				if (n4){					
					n4 = n3+"_"+n4;
					$('li#'+n4+'>ul').show();
		
				}
			}
		}
	}
	

	// afficher ou masquer la zone "en construction" selon la position
	if ((n1 == 3)||(n1 == 6)){		
		$('#menuzone .box').show();
	} else {
		$('#menuzone .box').hide();
	}
	
	
	function set_active_menu_item(){
		$('.menu li a').removeClass('active');
		var position = $('#position').val();
		if(position == ""){	position = 0;	}
		$('#'+position + ' a').addClass('active');
	}
	set_active_menu_item();
});