var currentTooltip = null;

Element.observe(window, "load", function () {
    if ($("tooltip-vdp")) {
        ["tooltip-ga", "tooltip-sw", "tooltip-jw", "tooltip-vdp"].each(function (name) {
            document.body.appendChild($(name).remove());
    
            $$("a." + name).each(function (trigger) {
                trigger.observe("mouseover", function (event) {
                    if (currentTooltip) {
                        Effect.Fade(currentTooltip, {duration: 0.5});
                    }
                
                    currentTooltip = $(name);
                    var pos = Position.cumulativeOffset(trigger);
                    currentTooltip.setStyle({
                        top: pos[1] + "px",
                        left: "480px"
                    })
                
                    Effect.Appear(currentTooltip, {duration: 0.5});
                });
            
                trigger.observe("mouseout", function (event) {
                    Effect.Fade(currentTooltip, {duration: 0.5});
                    currentTooltip = null;
                });
                
                trigger.observe("click", Event.stop);
            });
        });    
    }
});