/* 
 * 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').html('<img src="' + id + '" style="border: solid 2px #1F70C3; padding:3px;" />');
    
	topCo = mouseY(my_evt)+15+'px';
	leftCo = mouseX(my_evt)+15+'px';
	
    $('#output').css('top', topCo);
    $('#output').css('left', leftCo);
    $('#output').css('display', 'block');
}

function tooltipdown()
{
    $('#output').css('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;
}