var TIMERS = {
	'about_us': 0,
	'our_work': 0
};
var OPEN_MENU = 0;

$(function()
{
	
	$(".nav_about_us").bind('mouseover', function(){
		show_menu('about_us');
	});
	
	$("#about_us_dropdown").bind('mouseover', function(){
		show_menu('about_us');
	});
	
	$(".nav_about_us").bind('mouseout', function(){
		tenative_hide_menu('about_us');
	});
	
	$("#about_us_dropdown").bind('mouseout', function(){
		tenative_hide_menu('about_us');
	});
	
	$(".nav_our_work").bind('mouseover', function(){
		show_menu('our_work');
	});
	
	$("#our_work_dropdown").bind('mouseover', function(){
		show_menu('our_work');
	});
	
	$(".nav_our_work").bind('mouseout', function(){
		tenative_hide_menu('our_work');
	});
	
	$("#our_work_dropdown").bind('mouseout', function(){
		tenative_hide_menu('our_work');
	});
	
});

function show_menu(menu)
{
	if(OPEN_MENU)
	{
		hide_menu(OPEN_MENU);
	}
	
	clearTimeout(TIMERS[menu]);
	
	$("#"+menu+"_dropdown").css('display', 'block');
	
	OPEN_MENU = menu;
}

function tenative_hide_menu(menu)
{
	TIMERS[menu] = setTimeout(function()
	{
		hide_menu(menu);
	}, 100);
}

function hide_menu(menu)
{
	$("#"+menu+"_dropdown").css('display', 'none');
}