// PULL DOWN MENUS
var timeout    = 300;
var closeTimer = 0;
var menuItem   = 0;

$(document).ready(function()
{  
	// Top Navigation
	$('#SSTopnavList > li').bind('mouseover', ssTopnavOpen);
	$('#SSTopnavList > li').bind('mouseout',  ssPullDownTimer);
	
	// Options Button
	$('#SSOptionsLink').bind('mouseover', ssOptionsOpen);
	$('#SSOptionsLink').bind('mouseout',  ssPullDownTimer);
	$('#SSOptionsList > li').bind('mouseover', ssOptionsOpen);
	$('#SSOptionsList > li').bind('mouseout',  ssPullDownTimer);
	
	// Add Material Button
	$('#SSAddMaterialLink').bind('mouseover', ssMaterialsOpen);
	$('#SSAddMaterialLink').bind('mouseout',  ssPullDownTimer);
	$('#SSAddMaterialList > li').bind('mouseover', ssMaterialsOpen);
	$('#SSAddMaterialList > li').bind('mouseout',  ssPullDownTimer);
});

function ssTopnavOpen()
{ 
	ssPullDownCancelTimer();
	ssPullDownClose();
	menuItem = $(this).find('ul').css('visibility', 'visible');
}

function ssOptionsOpen()
{ 
	ssPullDownCancelTimer();
	ssPullDownClose();
	$('#SSOptionsLink').css('border', '1px solid #eaeeee');
	menuItem = $('#SSOptionsList').css('visibility', 'visible');
}

function ssMaterialsOpen()
{ 
	ssPullDownCancelTimer();
	ssPullDownClose();
	menuItem = $('#SSAddMaterialList').css('visibility', 'visible');
}

function ssPullDownClose()
{  
	if(menuItem)
	{
		menuItem.css('visibility', 'hidden');
		
		// Fix this later
		$('#SSOptionsLink').css('border', '1px solid #f3f3f3');
	}
}

function ssPullDownTimer()
{
	closeTimer = window.setTimeout(ssPullDownClose, timeout);
}

function ssPullDownCancelTimer()
{
	if(closeTimer)
	{
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}