YAHOO.util.Event.addListener(window, "load", init_tooltips);

function init_tooltips(){
    var elGroup = YAHOO.util.Selector.query("img[src*=\"images/k_design_libraries/configuration_elements/info_icon\"]");
    var myTooltip = new YAHOO.widget.Tooltip("tooltip_div", {context : elGroup, text: "loading...", autodismissdelay: 360000, showdelay: 500, constraintoviewport: true});
    myTooltip.contextMouseOverEvent.subscribe( /* tooltip text beim mouseover laden, damit das tooltip beim anzeigen bereits innerhalb des viewports gerendert wird. war vorher auf dem contextTriggerEvent */
        function(type, args){
			this.hide(); // den tooltip mit dem alten inhalt sofort ausblenden, sonst führt es dazu, dass der tooltip an der alten stelle mit dem neuen text erscheint und dann erst an die neue position verschoben wird.
            var context = args[0];
            var key = context.getAttribute("key");
            var sessionid = context.getAttribute("sessionid");
            this.cfg.setProperty("text", "loading...");
            var callback = {
                success : function(o){
                    var ttText = o.responseText;
                    var ttRef = o.argument.ttRef;
                    ttRef.cfg.setProperty("text", ttText);
                },
                argument : {
                    ttRef : this
                }
            };
            var myConnection = YAHOO.util.Connect.asyncRequest('GET', 'master_bubble_help_main.kly?tooltip_key='+key, callback, null); 
			return true;
        }
    );
}