var menu_toggle = false;
$(document).ready(function() {
	$('.drop-menu').hide();

	//menu highlight hover
	$(".top-menu img").hover(function() {
		//in
		var src = $(this).attr('src').replace('_off.gif', '_on.gif');
		$(this).attr('src', src);
		menu_toggle = true;
	},
			function() {
				//out
				var src = $(this).attr('src').replace('_on.gif', '_off.gif');
				$(this).attr('src', src);

				//menu hover off
				triggerMenuOff();
			});


	//menu out -> toggle off, set timer
	//drop out -> toggle off, set timer
	//menu in -> all off, new on
	//drop in -> toggle on (prevent timer off)

	//drop menu
	$('.drop-menu').hover(
				function() {
					//in
					menu_toggle = true;
				},
				function() {
					//out
					triggerMenuOff();
				});

	//main menu
	$('.top-menu-toolbox').hover(
			function(e) {
				//in
				if (!$('.drop-menu-toolbox').is(':visible'))
					showMenu($('.top-menu-toolbox'), $('.drop-menu-toolbox'));
			}, null);

	$('.top-menu-info').hover(
			function(e) {
				if (!$('.drop-menu-info').is(':visible'))
					showMenu($('.top-menu-info'), $('.drop-menu-info'));
			}, null);
	$('.top-menu-about').hover(
			function(e) {
				if (!$('.drop-menu-about').is(':visible'))
					showMenu($('.top-menu-about'), $('.drop-menu-about'));
			}, null);
	$('.top-menu-service').hover(
			function(e) {
				if (!$('.drop-menu-service').is(':visible'))
					showMenu($('.top-menu-service'), $('.drop-menu-service'));
			}, null);
	$('.top-menu-contact').hover(
			function(e) {
				if (!$('.drop-menu-contact').is(':visible'))
					showMenu($('.top-menu-contact'), $('.drop-menu-contact'));
			}, null);
});

function showMenu(source, target) {
	if (source != target)
		$('.drop-menu:visible').hide();

	menu_toggle = true;
	var pos = source.offset();
	var width = source.width();
	var height = source.height();
	//show the menu directly over the placeholder
	target.css({ "left": pos.left + "px", "top": (pos.top + height - 4) + "px" });
	target.fadeIn('fast');
}
function triggerMenuOff() {
	menu_toggle = false;
	setTimeout(
			function() {
				//if (still toggled, keep on).
				if (!menu_toggle) {
					$('.drop-menu:visible').fadeOut('fast');
				}
			}, 1000);
}