<!--
//This script enables the user to roll-over a pseudo link to view a hidden
//div element with an ID of "FloatDiv". It requires use of FloadDiv.css.

//<script language = "javascript">
//<!--
document.onmousemove = overHere;
var mousePos, posX, posY, divWidth, topColor, subColor, ContentInfo;
var initialize = 0;
var ie = navigator.appVersion.indexOf("MSIE")!=-1 ? 1 : 0
var ff = navigator.userAgent.indexOf("Firefox")!=-1 ? 1 : 0

topColor = "#e5eef9"  // royal blue is 0066CC, selected is the match to the banner on AE.com
subColor = "#DDDDDD"

function mouseCoords(ev){
    ev = ev || window.event;
    
    //Get Firefox mouse coordinates
    if(ev.pageX || ev.pageY){
        posX = ev.pageX;
        posY = ev.pageY;
    }
    //Get IE mouse coordinates
    else{
        posX = ev.clientX + document.body.scrollLeft - document.body.clientLeft;
        posY = ev.clientY + document.body.scrollTop  - document.body.clientTop;
    }
}

function moveDiv(cordX, cordY){
    //Calculate location of floating div
    if(ie){
        if ((cordX + divWidth) > (document.body.clientWidth + document.body.scrollLeft))
            varFromLeft = (cordX - divWidth - 25);
        else
            varFromLeft = cordX;
        
        if ((cordY + 350) > (screen.availHeight))
            varFromTop = document.documentElement.scrollTop + cordY - 200;
        else
            varFromTop = document.documentElement.scrollTop + cordY;
    }

    if(ff){            
          if ((cordX + divWidth) > (document.body.clientWidth + document.body.scrollLeft))
               varFromLeft = (cordX - divWidth - 20);
          else
              varFromLeft = cordX;
              varFromTop = cordY;
    }
    
    //Move floating div to the appropriate location
    //document.getElementById("FloatDiv").style.marginTop = varFromTop + "px";
    document.getElementById("FloatDiv").style.top = varFromTop + "px";
    document.getElementById("FloatDiv").style.left = varFromLeft + 15 + "px";
}

function replaceContent(divName){
    //Replace contents of floating div
    document.getElementById(divName).innerHTML = ContentInfo
}

function activate(){initialize=1}   //mouse is over pseudo link

function deActivate(){initialize=0} //mouse is NOT over pseudo link

function overHere(ev){    
    //Get mouse coordinates, passing event
    mouseCoords(ev);
    
    //Show floating div if mouse is over pseudo link
    if(initialize){
        moveDiv(posX, posY)
        document.getElementById("FloatDiv").style.visibility = "visible";
        //document.getElementById("FloatDiv").style.filter="alpha(opacity=100)";
    }
    //Hide floating div if mouse is NOT over pseudo link
    else{
        moveDiv(0, 0)
        document.getElementById("FloatDiv").style.visibility = "hidden"
    }
}

function enterContent(divName, TTitle, TContent, width){
    //If no width was passed in, set the width to zero
    if (width >= 1) divWidth = width
    else divWidth = 0
    
    //Create the HTML contents inside the floating div
    ContentInfo = '<table border="1" width="'+divWidth+'" cellspacing="0" cellpadding="0">'+
    '<tr><td width="100%" bgcolor="#FFFFFF">'+

    '<table border="0" width="100%" cellspacing="1" cellpadding="0">'+
    '<tr><td width="100%" bgcolor='+topColor+'>'+

    '<table border="0" width="90%" cellspacing="0" cellpadding="0" align="center">'+ 
    '<tr><td width="100%" align="center">'+
    '<font class="divtitle">&nbsp;'+TTitle+'</font>'+
    '</td></tr>'+
    '</table>'+

    '</td></tr>'+

    '<tr><td width="100%">'+

    '<table border="0" width="90%" cellpadding="0" cellspacing="1" align="center">'+
    '<tr><td width="100%" align="center">'+
    '<font class="divcontent">'+TContent+'</font>'+
    '</td></tr>'+
    '</table>'+

    '</td></tr>'+
    '</table>'+

    '</td></tr>'+
    '</table>';

    //Populate floating div
    replaceContent(divName)
 }
//-->