var hTimeoutHandler = null;

function BtnHover(nIndex) {
    window.clearInterval(hTimeoutHandler);

    for (var i = 0; i < 2; i++) {
        if (i == nIndex) {
            if (document.getElementById('btn' + i).src.indexOf('-hover.png') < 0) {
                document.getElementById('btn' + i).src = document.getElementById('btn' + i).src.replace('.png', '-hover.png');
            }

            document.getElementById('menu' + i).style.visibility = 'visible';
        }
        else {
            document.getElementById('btn' + i).src = document.getElementById('btn' + i).src.replace('-hover.png', '.png');
            document.getElementById('menu' + i).style.visibility = 'hidden';
        }
    }

    if (nIndex < 0) {
        document.getElementById('menu_drop').style.display = 'none';
    }
    else {
        document.getElementById('menu_drop').style.display = '';
    }

}

function MenuOut() {
    window.clearInterval(hTimeoutHandler);
    hTimeoutHandler = window.setTimeout('BtnHover(-1);', 700);
}

function MenuIn() {
    window.clearInterval(hTimeoutHandler);
}

(function() {
	////
	// Setup the Menu
	////
	
	if ($('ul#header-tabs').length) {
		var lastItem,
			lastTarget,
			items = $('ul#header-tabs > li').hover(function(e) {
				if (lastTarget !== e.currentTarget) {
					lastTarget = e.currentTarget;
					if (lastItem) {lastItem.removeClass('hover');}
					lastItem = $(e.currentTarget);
					lastItem.addClass('hover');
				}
			});
		
		$('body').mousemove(function(e) {
			if (lastItem) {
				var foundParent = false;
				$(e.target).parents().each(function(i, node) {
					if ('header-tabs' === node.id) {
						foundParent = true;
					}
				});
				
				if (! foundParent) {
					lastItem.removeClass('hover');
					lastItem = null;
					lastTarget = null;
				}
			}
		});
	}
}());