var menu_timeout=100;

function on_leave_menu(id_title,id_item)
{
 var title=$('#'+id_title); 
 var item=$('#'+id_item); 
 var timer=item.data('timer');
 
 window.clearTimeout(timer);
 
 if(title.data('over')||item.data('over'))
 { 
  var id=window.setTimeout('on_leave_menu(\''+id_title+'\',\''+id_item+'\')',menu_timeout);
    
  item.data('timer',id);
 }
 else
 {
  item.hide();
 }
}

$(document).ready
(
 function()
 {
  $.fn.auto_id=function()
  { 
   var id=$(this).attr('id');
   
   if(id===undefined)
   {
    i=1;
    id='id_'+i;
    
    while($('#'+id).length>0)
    {
     i++;
     
     id='id_'+i;
    }
        
    $(this).attr('id',id);
   }
   
   return id;
  }
  
  $('a img').each
  (
   function()
   {
    $(this).css('padding','1');
    $(this).css('border','1px solid transparent');
   }
  );
  
  $('a img').hover
  (
   function()
   {
    $(this).parent().css('background-color','transparent');
    $(this).css('border','1px solid red');
   },
   function()
   {
    $(this).css('border','1px solid transparent');
   }   
  );

  $('.menu .item,.menu .title').hover
  (
   function()
   {
    $(this).data('over',true);
   },
   function()
   {
    $(this).data('over',false);
   }
  );
  
  $('.menu .title').hover
  (
   function()
   {
    var item=$(this).parent().find('.item');
    
    item.show();
   },
   function()
   {
    var title=$(this);    
    var item=$(this).parent().find('.item');    
    var id=window.setTimeout('on_leave_menu(\''+title.auto_id()+'\',\''+item.auto_id()+'\')',menu_timeout);

    item.data('timer',id);
   }
  );
 }
);