var tooltip_titeltext = "";
function tooltipsinit() {
    window.onload = function () {
        var elements = $$('.tooltips');
        if (elements.length > 0) {
            for (var i = 0; i < elements.length; i++) {
                elements[i].onmouseover = function (e) {
                    tooltip_titeltext = this.title;
                    this.title = "";
                    var newground = document.createElement('div')
                    newground.id = 'tooltip';
                    newground.className = 'tool-tip';
                    var newdiv = document.createElement('div')
                    newdiv.innerHTML = tooltip_titeltext;
                    newdiv.className = 'tool-text';
                    newground.appendChild(newdiv);
                    document.body.appendChild(newground);
                    newground.style.top = e.pageY + 'px'
                    if (newground.clientWidth + e.pageX + 20 > document.body.clientWidth)
                        newground.style.left = (e.pageX - newground.clientWidth - 20) + 'px'
                    else
                        newground.style.left = (e.pageX + 20) + 'px'
                };
                elements[i].onmouseout = function (e) {
                    var tooltip = document.getElementById('tooltip');
                    this.title = tooltip_titeltext;
                    document.body.removeChild(tooltip);
                };
            }
        }
    };
}


window.addEvent('domready', function () {
    tooltipsinit();
});