/*****
 * Filename: menu.js
 * Description:	MENU TAB
 * Version: 1.0.1
 * Author: Paul
 * Updated: Paolo
 *****
 * Change log
 **
 * maintab over and submenu - when mouse hovers the submenu, main-tab remains to be selected/highlighted
 */

var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;
var selected = false;

function navbar_open()
{
	navbar_canceltimer();
	navbar_close();
   
	// enable tab select
	if($(this).attr("id") == "")
		$(this).attr("id", "selected")
	else
		selected = true
   
   // show submenu
   ddmenuitem = $(this).find('ul').css('visibility', 'visible')
}

function navbar_close(o)
{   
	if(ddmenuitem) {
		// hide submenu
		ddmenuitem.css('visibility', 'hidden')
		
		// disable tab select if its not auto selected
		if($(o).attr("id") == "selected" && !selected)
			$(o).attr("id","")
	}
	
 selected = false
}

function navbar_timer()
{
	closetimer = window.setTimeout(navbar_close(this), timeout)
}

function navbar_canceltimer()
{ 
	if(closetimer)
   	{
		window.clearTimeout(closetimer)
     	closetimer = null
	}
}

$(document).ready(function(){
	$('#navbar > li').bind('mouseover', navbar_open)
	$('#navbar > li').bind('mouseout',  navbar_timer)
});

////////////
// toggle //
////////////
function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
	  e.style.display = 'none';
   else
	  e.style.display = 'block';
}