$(function()
{    
    $('.custom_button, .hover_menu').mouseenter(function()    
    {             
        //$('.hover_menu').show();
        $('.hover_menu').fadeIn('fast');        
        $('.custom_button').addClass('active');        
        $(this).data('in', true);        
        $('.hover_menu').data('hidden', false);    
    }).mouseleave(function()    
    {     
        //$('.hover_menu').hide();   
        $(this).data('in', false);        
        setTimeout(hideMenu, delay);    
    });
    var delay = 200;    
    function hideMenu()    
    {        
        if (!$('.custom_button').data('in') && !$('.hover_menu').data('in') && !$('.hover_menu').data('hidden'))        
        {            
            $('.hover_menu').fadeOut('fast');            
            $('.custom_button').removeClass('active');            
            $('.hover_menu').data('hidden', true);        
        }   
    }
});

/*
function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
function centerPopup(obj)
{   //request data for centering   
    //var windowWidth = document.documentElement.clientWidth;   
    //var windowHeight = document.documentElement.clientHeight;   
    
    var left = findPosX(obj);
    var top = findPosY(obj);
    
    //var left = obj.offsetLeft;
    //var top = obj.offsetTop;
    
    alert("Left: " + left + "\nTop: " + top);
    
    //var popupHeight = $('.hover_menu').height();   
    //var popupWidth = $('.hover_menu').width();   
    
    $('.hover_menu').css({   
        "position": "absolute",   
        "top": top,
        "left": left
        //"top": top - 75,   
        //"left": left + 300   
     });   
    //only need force for IE6     17.$("#backgroundPopup").css({   18."height": windowHeight   19.});  
}*/