var timer = false;
$(document).ready(function(){
	$('#courses ul li:nth-child(1) a').addClass('submenu');
	$('#courses ul li:nth-child(2) a').addClass('submenu');
	$('#courses ul li:nth-child(3) a').addClass('submenu');
	$('#courses ul li:nth-child(4) a').addClass('submenu');

	$('#courses li:nth-child(1) a').mouseover(function(){
		$('#drop_nav ul').css('display', 'none');	// hide existing menus
		$('#drop_nav ul:nth-child(4)').css('display', 'block');
		$('#drop_nav ul:nth-child(4)').css('left', 20);
		cancelCloseMenu();
	});
	$('#courses li:nth-child(2) a').mouseover(function(){
		$('#drop_nav ul').css('display', 'none');	// hide existing menus
		$('#drop_nav ul:nth-child(1)').css('display', 'block');
		$('#drop_nav ul:nth-child(1)').css('left', 102);
		cancelCloseMenu();
	});
	$('#courses li:nth-child(3) a').mouseover(function(){
		$('#drop_nav ul').css('display', 'none');	// hide existing menus
		$('#drop_nav ul:nth-child(2)').css('display', 'block');
		$('#drop_nav ul:nth-child(2)').css('left', 226);
		cancelCloseMenu();
	});
	$('#courses li:nth-child(4) a').mouseover(function(){
		$('#drop_nav ul').css('display', 'none');	// hide existing menus
		$('#drop_nav ul:nth-child(3)').css('display', 'block');
		$('#drop_nav ul:nth-child(3)').css('left', 299);
		cancelCloseMenu();
	});

	$('#courses li a').mouseout(function(){
		timer = window.setTimeout(closeMenu, 250);
	});

	$('#drop_nav ul li').mouseout(function(){
		timer = window.setTimeout(closeMenu, 250);
	});

	$('#drop_nav ul li').mouseover(function(){
		cancelCloseMenu();
	});
});

function closeMenu()
{
	$('#drop_nav ul').css('display', 'none');
}

function cancelCloseMenu()
{
	if(timer)
		window.clearTimeout(timer);
}