getAllTitles = function ()
{
    // Haal alle IMG tags binnen de pagina op
    var imgTags = document.getElementsByTagName('IMG');
    setToolTips(imgTags);

    // Haal alle BUTTON tags binnen de pagina op
    var buttonTags = document.getElementsByTagName('BUTTON');
    setToolTips(buttonTags);
}

setToolTips = function(tags)
{
    // Doorloop alle tags
    for (var i = 0; i < tags.length; i++)
    {
        var tooltip = '';

        // Bepaal of we de alt of title parameter als tooltip gebruiken
        if (tags[i].title && tags[i].title.length > 0)
        {
            tooltip = tags[i].title
        }
        else if (tags[i].alt && tags[i].alt.length > 0)
        {
            tooltip = tags[i].alt;
        }

        if (tooltip.length)
        {
            tags[i].tooltip = tooltip;
            tags[i].title = "";
            tags[i].alt = "";
            tags[i].onmouseover = imgHover;
            tags[i].onmouseout = hideTooltip;
        }
    }
}

imgHover = function (event)
{
    if (!event)
    {
        event = window.event;
    }
    showTooltip (event, this.tooltip, this);
}

showTooltip = function (event, input, imgObj)
{
    if (imgObj.title.length > 0)
    {
        input = (imgObj.tooltip = imgObj.title);
        imgObj.title = '';
    }

    // Toon het globale tooltip object
    var obj = document.getElementById('tooltip');
    obj.style.left = '0px';
    obj.style.top = '0px';
    obj.style.display = 'block';
    obj.style.position = 'absolute';

    // Vul de tooltip met de meegegeven inhoud
    obj.innerHTML = input;

    // Bepaal de breedte en hoogte van het icoon
    var imgWidth = getWidth(imgObj);
    var imgHeight = getHeight(imgObj);
    
    var mainX = getX(imgObj);
    var mainY = getY(imgObj);

//    var mainX = event.screenX;
//    var mainY = event.screenY;
    
    // Als de tooltip buiten het venster valt positioneren we hem links van het icoon
    if ((mainX + imgWidth + obj.clientWidth) > document.body.clientWidth)
    {
        obj.style.left = (mainX-obj.clientWidth)+"px";
    }
    else
    {
        obj.style.left = (mainX+imgWidth)+"px";
    }

    // Als de tooltip buiten het venster valt positioneren we hem boven het icoon
    if ((mainY + imgHeight + obj.clientHeight) > document.body.clientHeight)
    {
        obj.style.top = (mainY-obj.clientHeight)+"px";
    }
    else
    {
        obj.style.top = (mainY+imgHeight)+"px";
    }
}

hideTooltip = function ()
{
    var obj = document.getElementById('tooltip');
    if (obj != null)
        obj.style.display = 'none';
}

var posx;
var posy;

/* ripped: */

function getX(oNode)
{
    var x=0;
    while (oNode)
    {
        x += oNode.offsetLeft;
        oNode=oNode.offsetParent;
    }
    return x;
}

function getY(oNode)
{
    var y=0;
    while (oNode)
    {
        y+=oNode.offsetTop;
        oNode=oNode.offsetParent;
    }
    return y;
}

function getWidth(oNode)
{
    return oNode.offsetWidth;
}

function getHeight(oNode)
{
    return oNode.offsetHeight;
}