/***********************************************************************
/** MouseIn event bij help icoon; Toon div met helptekst
/**********************************************************************/
function ESS_Web_UI_WebControls_HelpImage_MouseIn( e , tekst )
{
    if( e != null )
    { 
        var frame    = document.createElement('iframe');
        var divPopup = document.createElement('div');
        var position = ESS_Web_UI_WebControls_HelpImage_getElementPosition(e);

        divPopup.innerHTML           = tekst;
        divPopup.id                  = e.id + '_popup';
        divPopup.className           = 'DigitalDynamics_Web_UI_Controls_HelpIcon_Popup';
        divPopup.style.position      = 'absolute'
        divPopup.style.top           = position.y + 10 + 'px';
        divPopup.style.left          = position.x + 20 + 'px';
        
        document.getElementsByTagName('form')[0].appendChild(divPopup);
                
        frame.id                     = e.id + '_frame';        
        frame.style.position         = 'absolute'
        frame.style.top              = position.y + 10 + 'px';
        frame.style.left             = position.x + 20 + 'px';
        frame.style.width            = divPopup.offsetWidth + 'px';
        frame.style.height           = divPopup.offsetHeight + 'px';
        frame.style.border           = 'solid 0px white';
    
        document.getElementsByTagName('form')[0].appendChild(frame);
        
    }
}

/***********************************************************************
/** MouseOut event bij help icoon; Verberg div met helptekst
/**********************************************************************/
function ESS_Web_UI_WebControls_HelpImage_MouseOut( e )
{
    var overlay = document.getElementById ( e.id + '_popup' );        
    if ( overlay != null )
    {        
        document.getElementsByTagName('form')[0].removeChild(overlay);
    }
    
     var frame = document.getElementById ( e.id + '_frame' );        
    if ( frame != null )
    {        
        document.getElementsByTagName('form')[0].removeChild(frame);
    }
}


/***********************************************************************
/** Bereken de positie van een element
/**********************************************************************/
function ESS_Web_UI_WebControls_HelpImage_getElementPosition(theElement)
{  
    var posX = 0;  
    var posY = 0;                
    
    while(theElement != null)
    {    
        posX += theElement.offsetLeft;    
        posY += theElement.offsetTop;    
        theElement = theElement.offsetParent;  
    }                        		       

    return {x:posX,y:posY};
}