function oul(a) {
    window.location = a;
}

var distance = 20;
var time = 250;
var hideDelay = 500;

var hideDelayTimer = null;
var beingShown = false;
var shown = false;
var info;

$(document).ready(function() {
    var trigger1 = $('#trigger_p');
    var trigger2 = $('.trigger');
    var alerted = $('.lblAlert');
    info = $('.popup', this).css('opacity', 0);

    alerted.ready(function() { if (alerted.text().length > 0) { ShowMenu(); } })
    trigger1.mouseover(function() { ShowMenu(); }).mouseout(function() { HideMenu(); });
    trigger2.mouseover(function() { ShowMenu(); }).mouseout(function() { HideMenu(); });
    info.mouseover(function() { ShowMenu() }).mouseout(function() { HideMenu() });
});
  
        
function ShowMenu() {
    if (hideDelayTimer) clearTimeout(hideDelayTimer);
    if (beingShown || shown) {
        // don't trigger the animation again
        return;
    } else {
        // reset position of info box
        beingShown = true;

        info.css({
            top: -90,
            left: -45,
            display: 'block'
        }).animate({
            top: '-=' + distance + 'px',
            opacity: 1
        }, time, 'swing', function() {
            beingShown = false;
            shown = true;
        });
    }
    return false;
}

function HideMenu() 
{ 
    if (hideDelayTimer) clearTimeout(hideDelayTimer);
    hideDelayTimer = setTimeout(function() 
    {
        hideDelayTimer = null;
        info.animate({
            top: '-=' + distance + 'px',
            opacity: 0
        }, time, 'swing', function() {
            shown = false;
            info.css('display', 'none');
        });

    }, hideDelay);

    return false;
}