var offsetFromMouse_ai=[0,20]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var maxImgHeight_i = 270;   // maximum image size.
var box_Y_Offset_i ;
var box_X_Offset_i ;

if (document.getElementById || document.all){
    document.write('<div id="overlayObj">');
    document.write('</div>');
}

function PtrOverlayObjStyle_optr(){
if (document.getElementById)
    return document.getElementById("overlayObj").style
else if (document.all)
    return document.all.overlayObj.style
}

function PtrOverlayObj_optr(){
if (document.getElementById)
    return document.getElementById("overlayObj")
else if (document.all)
    return document.all.overlayObj
}


function ShowOverlay(type,imagename, title){

    switch (type) {
    case 0:
        box_Y_Offset_i = 0 ;
        box_X_Offset_i = title.length + 10 ;
        maxImgHeight_i = 0;
        offsetFromMouse_ai=[0,20]
        newHTML = '<div class="overlayMouseBox">';
        newHTML = newHTML + title;
        break ;
    case 1:
        box_Y_Offset_i = -200 ;   //500
        box_X_Offset_i = 400 ;   //400
        offsetFromMouse_ai=[100,-150]  // X - Y
        newHTML = '<div class="overlayImgBox">';
       // newHTML = newHTML + '<h2>' + title + '</h2>';
        newHTML = newHTML + title;
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 2px 2px;">';
        newHTML = newHTML + '<img src="' + imagename + '"';
        newHTML = newHTML + ' border="0"/></div>';
        newHTML = newHTML + '</div>';
        break ;
    default:
        break ;
    }


    PtrOverlayObj_optr().innerHTML = newHTML;
    PtrOverlayObjStyle_optr().position="absolute";
    PtrOverlayObjStyle_optr().display="inline";

    document.onmousemove=FollowMouse_v;

}
function HideOverlay(){
    PtrOverlayObjStyle_optr().innerHTML = " ";
    PtrOverlayObjStyle_optr().display="none"

    document.onmousemove=""
}

function DocumentType_optr(){
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function FollowMouse_v(e){

    var xcoord=offsetFromMouse_ai[0]
    var ycoord=offsetFromMouse_ai[1]

    var docwidth=document.all? DocumentType_optr().scrollLeft+DocumentType_optr().clientWidth : pageXOffset+window.innerWidth-15
    var docheight=document.all? Math.min(DocumentType_optr().scrollHeight, DocumentType_optr().clientHeight) : Math.min(window.innerHeight)

    if (typeof e != "undefined"){
        if (docwidth - e.pageX < 500){
            xcoord = e.pageX - xcoord - box_X_Offset_i; // Move to the left side of the cursor
        } else {
            xcoord += e.pageX;
        }
        if (docheight - e.pageY < (maxImgHeight_i + box_Y_Offset_i)){
            if ( document.body ){
                scrollTop = Math.max(DocumentType_optr().scrollTop, document.body.scrollTop);
            } else {
                scrollTop = DocumentType_optr().scrollTop;
            }
            ycoord += e.pageY - Math.max(0,(box_Y_Offset_i + maxImgHeight_i + e.pageY - docheight - scrollTop));
        } else {
            ycoord += e.pageY;
        }

    } else if (typeof window.event != "undefined"){
        if (docwidth - event.clientX < 500){
            xcoord = event.clientX + DocumentType_optr().scrollLeft - xcoord - box_X_Offset_i; // Move to the left side of the cursor
        } else {
            xcoord += DocumentType_optr().scrollLeft+event.clientX
        }
        if (docheight - event.clientY < (maxImgHeight_i + box_Y_Offset_i)){
            ycoord += event.clientY + DocumentType_optr().scrollTop - Math.max(0,(box_Y_Offset_i + maxImgHeight_i + event.clientY - docheight));
        } else {
            ycoord += DocumentType_optr().scrollTop + event.clientY;
        }
    }

    if(ycoord < 0) { ycoord = ycoord*-1; }
    PtrOverlayObjStyle_optr().left=xcoord+"px"
    PtrOverlayObjStyle_optr().top=ycoord+"px"
}