$(document).ready(function() {

	var timeout;
	var delay = 200;

	$("a#about")
		.mouseover(function() {
			$("div#submenu2").hide();
			
			if (timeout) {
				clearTimeout(timeout);
			}

			$("div#submenu1")
				.css("left", $(this).offset().left)
				.css("top", $(this).offset().top+20)
				.fadeIn(100);
		})
		.mouseout(function() {
			if (timeout) {
				clearTimeout(timeout);
			}
			timeout = setTimeout("hide()", delay);
		});

	$("div#submenu1")
		.mouseover(function() {
			$("div#submenu2").hide();
			
			if (timeout) {
				clearTimeout(timeout);
			}
		})
		.mouseout(function() {
			if (timeout) {
				clearTimeout(timeout);
			}
			timeout = setTimeout("hide()", delay);
		});
	
	
	
	$("a#production")
		.mouseover(function() {
			$("div#submenu1").hide();
			
			if (timeout) {
				clearTimeout(timeout);
			}

			$("div#submenu2")
				.css("left", $(this).offset().left)
				.css("top", $(this).offset().top+20)
				.fadeIn(100);
		})
		.mouseout(function() {
			if (timeout) {
				clearTimeout(timeout);
			}
			timeout = setTimeout("hide()", delay);
		});

	$("div#submenu2")
		.mouseover(function() {
			$("div#submenu1").hide();
			
			if (timeout) {
				clearTimeout(timeout);
			}
		})
		.mouseout(function() {
			if (timeout) {
				clearTimeout(timeout);
			}
			timeout = setTimeout("hide()", delay);
		});
});

function hide() {
	$("div#submenu1").fadeOut(100);
	$("div#submenu2").fadeOut(100);
}