/**
*   Tooltip - Jquery alapú
*
*   Használat: 
*   
*   Lorem
*   <span class="tooltip" title="Ez látszik a tooltipben">
*       <div class="none">De amint van egy TAG a tooltip-en belül, akkor annak a HTML tartalma jelenik meg (így összetettebb HTML-ek is beágyazhatóak)</div>
*       tooltipezett szöveg
*   </span>impsum consectetur adipiscing elit...
*/
this.tooltip_uj = function(){	
    xOffset = 10;
    yOffset = 20;		
		
    $(".tooltip_uj").hover(function(e){											  
        this.t = $(this).children().html();
        if(!this.t){
            this.t = this.title;
        }
        this.title = "";
        
        $("body").append("<div id='tooltip_uj'>"+ this.t +"</div>");
        $("#tooltip_uj")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px")
            .css("opacity", "0.8")
            .fadeIn(300);
    },
    function(){
        this.title = this.t;
        //$("#tooltip").fadeOut(500);
        $("#tooltip_uj").remove();
    });
    $(".tooltip").mousemove(function(e){
        $("#tooltip_uj")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });
};

$(document).ready(function(){
    tooltip_uj();
});