var menuWrapperHeight;
var inMenu;

function InitMenuBar()
{
	menuWrapperHeight = $('#menuwrapper').outerHeight(true);

	$('#menuwrapper .menu').each(function() {

		$(this).css({top: (menuWrapperHeight - $(this).outerHeight(false)) + 'px'})
			   .mouseenter(function() {

					inMenu = this.id;
					$('#' + this.id.replace(/^menu_/, 'title_')).addClass("menuover");

			   })
			   .mouseleave(function() {

					var me = this;
					inMenu = null;
		
					setTimeout(function() {
		
						if (inMenu != me.id)
						{
							if (parseInt($(me).css('top').replace(/px/, '')) == 0)
							{
								$(me).animate({top: (menuWrapperHeight - $(me).outerHeight(false)) + 'px'}, 'fast', function() {
									$('#' + me.id.replace(/^menu_/, 'title_')).removeClass("menuover");
								});
							}
							else
							{
								$('#' + me.id.replace(/^menu_/, 'title_')).removeClass("menuover");
							}
						}

					}, 600);
			});
	});

	$('#menuwrapper li').not('.disabled').click(MenuClick);

	$('#menutitles li').not('.disabled').mouseenter(MenuTitleEnter).mouseleave(MenuTitleLeave).click(MenuClick);
}

function MenuTitleEnter(evt)
{
	$('#menutitles li').removeClass("menuover");
	$(this).addClass("over");

	var menuID = this.id.replace(/^title_/, 'menu_');

	$("#" + menuID).css('left', $(this).position().left + 'px').mouseenter();

	$('#menuwrapper .menu[id!=' + menuID + ']').each(function() {
		$(this).stop().css({top: (menuWrapperHeight - $(this).outerHeight(false)) + 'px'});
	});

	var $thisMenu = $('#' + menuID);

	if (parseInt($thisMenu.css('top').replace(/px/, '')) < 0)
			$thisMenu.animate({top: menuWrapperHeight + 'px'}, 'fast');
}

function MenuTitleLeave(evt)
{
	$(this).removeClass("over");
	$("#" + this.id.replace(/^title_/, 'menu_')).mouseleave();
}

function MenuClick()
{
	var cback = eval(this.id);

	if (typeof(cback) == 'function')
		cback();
}