var navSelected;
var navTimer;
var navOver = false;

function animateNav(id){
	if($('#itemsSub #itemsSubitems #nav_' + id).is(':hidden')){
		$('#itemsSub #itemsSubitems ul').fadeOut(50);
		$('#itemsSub').slideUp(100, function(){
			$('#itemsMain ul li').removeClass('selected');
			$('#itemsMain #' + id).addClass('selected');
			if(id == 'group'){
				$('#edgeLsub').addClass('selected');
			}else{
				$('#edgeLsub').removeClass('selected');
			}
			$('#itemsSub').slideDown(100, function(){
				$('#itemsSub #itemsSubitems #nav_' + id).fadeIn();
			});	
		});	
	}
}

function resetNav(){
	if(!navOver){
		navTimer = setTimeout(function(){
			animateNav(navSelected);
		},500);
	}
}

$(document).ready(function() {
	$('#itemsMain ul li').each(function(){
		if($('#itemsSub #itemsSubitems #nav_' + this.id).is(':visible')){
			navSelected = this.id;
		}
		
		$(this).mouseenter(function(){
			navOver = true;
			clearTimeout(navTimer);
			animateNav(this.id);
		}).mouseleave(function(){		
			navOver = false;
			resetNav();
		});
	});
	
	$('#itemsSub').mouseenter(function(){
		navOver = true;
		clearTimeout(navTimer);
	}).mouseleave(function(){
		navOver = false;
		resetNav();
	});
});