var newTipp = function(e, indexName, styleName) {
    var this_tipp = new Tip(e, { 
        ajax: {
			url: '/tooltip/'+indexName,
			options: {
				onComplete: function(transport, json) {
				    //var json = transport.responseText.evalJSON(true);
					// you could do something here after the ajax call is finished
					var childsNodes = this_tipp.title.childNodes;
					for (var i=0; i<childsNodes.length; i++) {
					    if ('#text' == childsNodes[i].nodeName) {
					        childsNodes[i].nodeValue = transport.headerJSON;
                        }
                    }
				}
			}
		},

	    title : 'caption',
		style: styleName,
		hideOn: { element: 'closeButton', event: 'click' },
        stem: 'topLeft',
        hook: { tip: 'topLeft', mouse: false },
		offset: { x: 16, y: 16 }
	});

}

/* ----------------------------------------------------------------------- */

Event.observe(window, 'load', function() {
    
    var elements = $$('.tooltipp'); // a tooltip class-al rendelkező elemek   

	for(var i=0; i < elements.length; i++) {
		var params = elements[i].getAttribute('id').split('|');
        var indexName = '';
        var styleName = 'creamy';
    
        if (params.length >= 1) {
            indexName = params[0];
            if (params.length >= 2) {
                styleName = params[1];
            }
    
            newTipp(elements[i], indexName, styleName);
        } // ha nincs indexName, akkor skip, nem definiálunk tooltipp-et
	}

});