﻿
function ShowPopupText( element )
{
    var jElement = jQuery(element);
    var popupContainer = $("<div class='PopupContainer'></div>");
    var pop = $("<div class='PopupText'>" + jElement.attr("title") + "</div>");
    var pointer = $("<img src='styles/bubbles/tip.gif' alt='' class='PopupTip'/>");
    
    popupContainer.append(pop);
    popupContainer.append(pointer);
    
    popupContainer.css("left", jElement.position().left);
    popupContainer.css("top", jElement.position().top);
    
    jElement.append( popupContainer );
    popupContainer.css("top", jElement.position().top - popupContainer.height());
    jElement.mouseout( function() { popupContainer.remove(); });    
}

function InitPopupText()
{
    $("span.popup").mouseover( function() { ShowPopupText(this); });
}

