var currentOpenLevel2Menu;

$(document).ready(function() {
	
	/*
	$('#menuLevel1Content ul li a').bind('mouseover', onMouseClickLevel1Button);
	$('#menuLevel1Content ul li ul li a').unbind('mouseover');
	*/
	
	//alert ($('#startAtLevel').attr('value'));
	if ($('#startAtLevel').attr('value') == 2){
		showAllMenus();
	}else {
		fadeInMenu();
	}
	
	fadeInLevel2Menu();
	
});


function fadeInMenu(){
	$('#menuLevel1').delay(500).animate({left: 0},1500);
}

function fadeInLevel2Menu(){
	$('#menuLevel1Content ul li a.active').parent().find('.level2Container').animate({left: 0},1500);
	$('#menuLevel1Content ul li a.active').parent().find('ul').css('z-index','100');			
}

function onMouseClickLevel1Button(event){
	
	currentOpenLevel2Menu = $(event.target).parent().children('ul');
	
	//debug (currentOpenLevel2Menu.html());
	
	$('#menuLevel1Content ul li ul').each(
		function(i){
			//debug (currentOpenLevel2Menu.html());
			debug ($(this).html());
			
			if ($(this).html() != currentOpenLevel2Menu.html()){
				$(this).css('z-index','0');
				$(this).children('.level2Container').stop();
				$(this).children('.level2Container').animate({left: -166},500);
				
				$(this).parent().children('a').removeClass('active');
			}
		}								  
	);
	
	$(event.target).addClass('active');
	$(event.target).parent().children('ul').css('z-index','100');
	$(event.target).parent().children('ul').children('.level2Container').animate({left: 0},1500);
	
	return false;
}

function showAllMenus(){
	$('#menuFlag').hide();
	$('#menuLevel1').css('left','0');
	$('#menuLevel1Content ul li a.active').parent().parent().css('left','0');
	$('#menuLevel1Content ul li ul li a.active').parent().parent().parent().css('z-index','200');
}


function debug(text){
    $("#debug").html( text+"<br />"+$("#debug").html());
}