// animated tooltips
$(function () {
  $('.downloadIcon').each(function () {
    var distance = 10;
    var time = 150;
    var timeOut = 50;
    var hideDelay = 150;
    var hideDelayTimer = null;
    var beingShown = false;
    var shown = false;
    var trigger = $('a', this);
    var position = trigger.position();
    var info = trigger.siblings('.popup');
    //var info = $('.popup', this).css('opacity', 0);
    $([trigger.get(0), info.get(0)]).mouseover(function () {
        if (hideDelayTimer) clearTimeout(hideDelayTimer);
        // Trigger ?
        if (beingShown || shown) {return;}
        else {
            beingShown = true;
            info.css({top: 33, display: 'block', left: position.left-32, zIndex: 15000}).animate({top: '-=' + distance + 'px', opacity: 1}, time, 'swing', function() {
                beingShown = false;
                shown = true;
            });
        }
        return false;
    }).mouseout(function () {
        info.css({zIndex: 16000});
        if (hideDelayTimer) clearTimeout(hideDelayTimer);
        hideDelayTimer = setTimeout(function () {
            hideDelayTimer = null;
            info.animate({top: '+=' + distance + 'px', opacity: 0}, timeOut, 'swing', function () {
                shown = false;
                info.css('display', 'none');
            });
        }, hideDelay);
        return false;
    });
    
  });
});