// add event listeners - onmouseover, as _on to the image name -- all images are png.

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

function nav_open(){
	nav_canceltimer();
	nav_close();
	if(jQuery(this).find('ul').hasClass('isblock')) return;
	ddmenuitem = jQuery(this).find('ul').css('display', 'block');
}

function nav_close(){
	if(ddmenuitem) ddmenuitem.css('display', 'none');
}

function nav_timer(){
	closetimer = window.setTimeout(nav_close, timeout);
}

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

jQuery(document).ready(function()
{  jQuery('#navigation > li').bind('mouseover', nav_open)
	jQuery('#navigation > li').bind('mouseout',  nav_timer)});

document.onclick = nav_close;