var timeout = 400;
var closetimer = 0;
var menu = 0;

function nav_open(){
  nav_canceltimer();
	nav_close();
	menu = $(this).find('ul').eq(0).css('visibility', 'visible');
}

function nav_on(){
  
  if ($(this).find('a').hasClass('active')) {
  $(this).find('a').eq(0).removeClass('active').addClass('highlight');
  }
  else{
  $(this).css('background-image','url(../images/navi-mouseover.gif)');
  }
}

function nav_off(){

  if ($(this).find('a').hasClass('highlight')) {
  $(this).find('a').eq(0).removeClass('highlight').addClass('active');
  }
  else{
  $(this).css('background-image','url(../images/navi-inaktiv.gif)');
  }
}

function nav_close(){	
  if(menu) menu.css('visibility', 'hidden');
}

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

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

$(document).ready(function(){	
  $('#mainnavMenu > li').bind('mouseover', nav_open).bind('mouseover', nav_on);
	$('#mainnavMenu > li').bind('mouseout',  nav_timer).bind('mouseout', nav_off);
  }
);

document.onclick = nav_close;