
if (window.addEventListener){
    window.addEventListener("load", setupToolTips, false);
}
else if(window.attachEvent){
    window.attachEvent("onload", setupToolTips);
}

function setupToolTips(){
    var dillaTip = document.getElementById('dillatip');
    dillaTip = $(dillaTip);
    dillaTip.setOpacity(0);
    return;
    //store titles and text
    $$('a.dilltip').each(function(element,index) {
        var content = element.get('title').split('::');
        element.store('tip:title', content[0]);
        element.store('tip:text', content[1]);
    });

    //create the tooltips
    var dilltip = new Tips('.dilltip',{
        className: 'dilltip',
        fixed: true,
        hideDelay: 0,
        showDelay: 50
    });
    
    dilltip.addEvents({
        'show': function(dilltip) {
            dilltip.fade('in');
        },
        'hide': function(dilltip) {
            dilltip.setOpacity(0);
        }
    });
}

function setToolText(el){
    var tipTitle = document.getElementById('tiptitle');
    var tipDesc = document.getElementById('tipdesc');
    var dillaTip = document.getElementById('dillatip');
    var id = el.getAttribute('rel');
    
    var content = id.split('::');
    var title = content[0];
    var desc = content[1];

    tipTitle.innerHTML = title;
    tipDesc.innerHTML = desc;
    
    dillaTip = $(dillaTip);
    dillaTip.setOpacity(1);    
}

function removeToolText(){
    var tiptitle = document.getElementById('tiptitle');
    var tipDesc = document.getElementById('tipdesc');
    var dillaTip = document.getElementById('dillatip');
    dillaTip = $(dillaTip);
    dillaTip.setOpacity(0);
    tiptitle.innerHTML = "";
    tipDesc.innerHTML = "";
}