/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function tooltipPicture (id,my_evt) {
    if(!my_evt){
        my_evt = window.event;
    }
    $('output').innerHTML = '<img src=' + id + ' style="border:solid 2px #1F70C3; padding:3px;"/>';
    
    $('output').style.top = mouseY(my_evt)+15+'px';
    $('output').style.left = mouseX(my_evt)+15+'px';
    $('output').style.display = 'block';
    //
}
function tooltipdown () {
    $('output').style.display = "none";
}

function mouseX(evt) {
    if (evt.pageX) return evt.pageX;
    else if (evt.clientX)
        return evt.clientX + (document.documentElement.scrollLeft ?
            document.documentElement.scrollLeft :
            document.body.scrollLeft);
    else return null;
}
function mouseY(evt) {
    if (evt.pageY) return evt.pageY;
    else if (evt.clientY)
        return evt.clientY + (document.documentElement.scrollTop ?
            document.documentElement.scrollTop :
            document.body.scrollTop);
    else return null;
}