var imgThmb_acs         = new Array() ;
var imgFull_acs         = new Array() ;
var imgTitle_acs        = new Array() ;
var imgCaption_acs      = new Array() ;
var offsetFromMouse_ai  = new Array() ;

var imgWidth  = 400 ;
var imgHeight = 400 ;
var xOffest  = 20 ;
var yOffest  = 0 ;
var xcoord ;
var ycoord ;
var windowWidth, windowHeight, mouseX, mouseY ;


var maxImgHeight_i = 250;   // maximum image size.
var box_Y_Offset_i ;
var box_X_Offset_i ;

onerror=handleErr;
var txt="";

function handleErr(msg,url,l)
{
txt="There was an error on this page.\n\n";
txt+="Error: " + msg + "\n";
txt+="URL: " + url + "\n";
txt+="Line: " + l + "\n\n";
txt+="Click OK to continue.\n\n";
//alert(txt);
return true;
}


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, imgIdx){


    switch (type) {
    case 0:
        box_Y_Offset_i = 0 ;
        box_X_Offset_i = title.length + 10 ;
        maxImgHeight_i = 0;
        offsetFromMouse_ai=[0,20]
        newindowHeightTML = '<div class="overlayMouseBox">';
        newindowHeightTML = newindowHeightTML + title;
        break ;
    case 1:
        box_Y_Offset_i = 500 ;
        box_X_Offset_i = 400 ;
        offsetFromMouse_ai=[20,20]

        newindowHeightTML =           '<div class="overlayImgBox">';
        newindowHeightTML = newindowHeightTML + '<table width="1" border="0" cellspacing="2" cellpadding = "2"><tr><th aligh="center" scope="col">';
        newindowHeightTML = newindowHeightTML + '<span class="overlayTitle">' + imgTitle_acs[imgIdx] + '</span>';
        newindowHeightTML = newindowHeightTML + '<div align="center" style="padding: 8px 2px 2px 2px;">';
        newindowHeightTML = newindowHeightTML + '<img src="' + imgFull_acs[imgIdx] + '"';
        newindowHeightTML = newindowHeightTML + ' border="0"/>';
        newindowHeightTML = newindowHeightTML + ' </div>';
        newindowHeightTML = newindowHeightTML + ' </th></tr><tr><td aligh=:center">';
        newindowHeightTML = newindowHeightTML + '<span class="overlayCaption">' + imgCaption_acs[imgIdx] + '</span>';
        newindowHeightTML = newindowHeightTML + ' </td></tr></table>';
        newindowHeightTML = newindowHeightTML + '</div>';

/*
        newindowHeightTML =           '<div class="overlayImgBox">';
        newindowHeightTML = newindowHeightTML + '<span class="overlayTitle">' + imgTitle_acs[imgIdx] + '</span>';
        newindowHeightTML = newindowHeightTML + '<div align="center" style="padding: 8px 2px 2px 2px;">';
        newindowHeightTML = newindowHeightTML + '<img src="' + imgFull_acs[imgIdx] + '"';
        newindowHeightTML = newindowHeightTML + ' border="0"/></div>';
        newindowHeightTML = newindowHeightTML + '<span class="overlayCaption">' + imgCaption_acs[imgIdx] + '</span>';
        newindowHeightTML = newindowHeightTML + '</div>';
*/
        break ;
    default:
        break ;
    }


    PtrOverlayObj_optr().innerHTML = newindowHeightTML;

    PtrOverlayObjStyle_optr().position="absolute";
    PtrOverlayObjStyle_optr().display="inline";

    NewFollowMouse_v() ;

    document.onmousemove=NewFollowMouse_v;

}
function HideOverlay(){

//    window.alert("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 imgWidth  = 400 ;
var imgHeight = 400 ;
var xOffest  = 20 ;
var yOffest  = 0 ;
var xcoord ;
var ycoord ;
var windowWidth, windowHeight, mouseX, mouseY ;
*/

var ev=(!e)?window.event:e;                         //Moz:IE

if (ev.pageX){
   //mouseX=ev.pageX ;
//   mouseY=ev.pageY ;
} 

/*                        //Mozilla or compatible
else if(ev.clientX){
    mouseX=ev.clientX;
    mouseY=ev.clientY ;
}                          //IE or compatible
*/



    if (window.innerWidth) {
        windowWidth = window.innerWidth ;
        windowHeight = window.innerHeight ;
    }
    else {
        with(document.body) {
            windowWidth = document.body.clientWidth ;
            windowHeight = document.body.clientHeight ;
        }
    }

//    windowWidth  = 1245 ;
//    windowHeight = 1239 ;

/*
    if (window.event) {
        mouseX = window.event.clientX ;
        mouseY = window.event.clientY ;
    }
*/
    /*
    else {
        mouseX = e.pageX ;
        mouseY = e.pageY ;
    }
    */






//    xCenter = windowWidth/2 ;
//    yCenter = windowHeight/2 ;

    xcoord = 400 ;
    ycoord = 400 ;


/*
    if ( mouseX < xCenter) {

        xcoord = xCenter ;

        if (mouseY < yCenter) {             // Upper Left
            ycoord = yCenter ;
            xy = "UL" ;
        }
        else {                              // Lower Left
            ycoord = yCenter ;
            xy = "LL" ;
        }
    }

    else {

        xcoord = xCenter - imgWidth ;

        if (mouseY < yCenter) {             // Upper Right
            ycoord = yCenter ;
            xy = "UR" ;
        }
        else {                              // Lower Right
            ycoord = yCenter  ;
            xy = "UR" ;
        }
    }

*/
  //window.alert(windowWidth + "  " + windowHeight + " " +  mouseX + "  " + mouseY + "  " + xcoord + "  " + ycoord) ;

  //window.status = "docWidth:[" + windowWidth + "] docHeight:[" + windowHeight + "] mouseX:[" +  mouseX + "] mouseY:[" + mouseY + "] xcoord:[" + xcoord + "] ycoord:[" + ycoord + "] cord:[" + xy + "]";

    PtrOverlayObjStyle_optr().top=ycoord+"px"
    PtrOverlayObjStyle_optr().left=xcoord+"px"
        
}

function NewFollowMouse_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 < 600){
            xcoord = e.pageX - xcoord - 550; // Move to the left side of the cursor
        } else {
            xcoord += e.pageX;
        }
        if (docheight - e.pageY < (maxImgHeight_i + 110)){
            if ( document.body ){
                scrollTop = Math.max(DocumentType_optr().scrollTop, document.body.scrollTop);
            } else {
                scrollTop = DocumentType_optr().scrollTop;
            }
            ycoord += e.pageY - Math.max(0,(350 + maxImgHeight_i + e.pageY - docheight - scrollTop));
        } else {
            ycoord += e.pageY;
        }

    } else if (typeof window.event != "undefined"){
        if (docwidth - event.clientX < 600){
            xcoord = event.clientX + DocumentType_optr().scrollLeft - xcoord - 550; // Move to the left side of the cursor
        } else {
            xcoord += DocumentType_optr().scrollLeft+event.clientX
        }
        if (docheight - event.clientY < (maxImgHeight_i + 200)){
            ycoord += event.clientY + DocumentType_optr().scrollTop - Math.max(0,(350 + 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"
}