$(function(){
	var objHoverBar = $('<div id="menu_hover_bar"></div>');
	$('#menu').after(objHoverBar);
	objHoverBar.css({'left': $('#menu li:first-child').offset().left});
	$('#menu a').mouseover(function(e){
		while(e.target.tagName.toUpperCase()!='A'){
			e.target = e.target.parentNode;
		}
		$(e.target).fadeOut('normal');
		objHoverBar.stop().animate({
			width: $(e.target).width(),
			left: $(e.target).offset().left
		}, 1000);
	});
	$('#menu li').mouseout(function(e){
		while(e.target.tagName.toUpperCase()!='LI'){
			e.target = e.target.parentNode;
		}
		var elemPointed = document.elementFromPoint(e.clientX,e.clientY);
		if(elemPointed != e.target && $(elemPointed).parents('#' + e.target.id).length == 0){
			$('a', e.target).fadeIn('normal');
		}
		if(elemPointed.id != 'menu' && $(elemPointed).parents('#menu').length == 0){
			objHoverBar.stop().animate({
				width: 0,
				left: $('#menu li:first-child').offset().left
			}, 500);
		}
	}).click(function(e){
		location.href = $('a', e.target).attr('href');
	}).css({'cursor': 'pointer'});
});