var x=0;
var y=0;
var show = false;

//The big mouse over function
function ShowContainer(title,contents){
    show = true;
    MoveContainer();
    var myDiv = document.getElementById('divPic');
    myDiv.innerHTML = "<b>"+title+'</b><hr class=hr>'+contents;
    myDiv.style.visibility = 'visible';
}

//Big mouseover support function
function MoveContainer(){
    if (show){
        var myDiv = document.getElementById('divPic');
        if (myDiv) {
            x = window.event.clientX + document.body.scrollLeft+10;
            y = window.event.clientY + document.body.scrollTop-10;
        
            if (y<20) y=20;
//          else if (y>375) y=375;
    
            if (x<0) x=0;
//          else if (x>770) x=770;
    
            myDiv.style.top = y + 'px';
            myDiv.style.left = x+'px';
        }
    }
}

//Big mouseover support 
function HideContainer(){               
    var myDiv = document.getElementById('divPic');
    myDiv.style.visibility = 'hidden';              
    myDiv.innerHTML = '';
    show = false;
}

document.onmousemove = MoveContainer;