var timeout = 500; 
var closetimer = null; 
var menuitem = null; 

function display_menu() 
{ 
  var src = $(this).find('img').attr('src');
  var new_src = ( src.substring(src.length-12,src.length) == "-current.png" ) ? src : src.substring(0,src.length-4) + "-over.png" ;
  
  $(this).find('img').attr('src',new_src);

  menu_canceltimer(); 

  if( $(this).find('.sub_menu').length > 0 ) 
  { 
    if( $(this).find('.sub_menu').is(":hidden") ) 
    { 
      hide_menu(); 
      $(this).find('.sub_menu').fadeIn(); 
      $(this).attr({'class': 'current_top_menu'}); 
      menuitem = $(this).find('.sub_menu'); 
    } 
  } 
  else 
  { 
    menuitem.parent().attr({'class': 'top_menu'}); 
    hide_menu(); 
  } 
} 

function hide_menu() 
{ 
  if( menuitem ) 
  { 
    menuitem.parent().attr({'class': 'top_menu'}); 
    menuitem.fadeOut(); 
  } 
  
} 

function menu_closetimer() 
{ 
  closetimer = window.setTimeout(hide_menu, timeout); 

  var src = $(this).find('img').attr('src');
  var new_src = ( src.substring(src.length-9,src.length)== "-over.png" ) ? src.substring(0,src.length-9) + ".png" : src ;
  
  $(this).find('img').attr('src',new_src);
} 

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

$(document).ready(function() 
{    
  $('.top_menu').hover(display_menu,menu_closetimer); 
}); 

document.onclick = hide_menu;