/////////////////////////////////////////////////////////////////////////////////////////////////////////////

//

// ALTTXT V1.3

// BY: BRIAN GOSSELIN OF SCRIPTASYLUM.COM

// V1.2: ADDED FADING EFFECT FOR IE4+ AND NS6+ ONLY AND OPTIMIZED THE CODE A BIT. 

// v1.3: ADDED mousefollow MODE. SEE DETAILS BELOW.

//

// INSTRUCTIONS:

//

// 1: PUT THE STYLE BELOW IN THE STYLE SHEET AREA (IF THERE ISN'T A STYLE TAG, ADD A SET), AND EDIT

//    THE STYLE ATTRIBUTES TO SUIT.

//

//    .navtext { width:150px; font-size:12pt; border-width:2px; border-style:outset; border-color:darkgray; layer-background-color:black; background-color:black; color:lightgrey;}

//

// 2: PUT THIS DIV IN THE END OF THE BODY AREA:

//

//    <div id="navtxt" class="navtext" style="position:absolute; top:-100px; left:0px; visibility:hidden"></div>

//

// 3: THEN, SET THE 4 FLAGS BELOW (mousefollow, dofade, center, centertext) TO true OR false AS DESIRED.

//

// 4: LASTLY ADD THE MOUSEOVER/MOUSEOUT EVENT HANDLERS TO EACH LINK THAT YOU WANT THIS EFFECT FOR:

//

//      EXAMPLE: <a href="scriptasylum.com" onmouseover="writetxt('Popup text')" onmouseout="writetxt(0)">Link text</a>

//

//      NOTE: YOU CAN CAUSE A BOX *NOT* TO DISAPPEAR ONCE THE MOUSE LEAVES THE LINK BY SIMPLY OMITTING

//            THE onmouseout="writetxt(0)" PART. THIS WILL CAUSE THE CURRENT BOX TO REMAIN VISIBLE. THIS

//            IS BEST USED WHEN mousefollow MODE IS DISABLED (SET TO false).

//

////////////////////////////////////////////////////////////////////////////////////////////////////////////////





var mousefollow=true;  // ENABLES MOUSE FOLLOW MODE WHERE THE BOX CONTINUES TO FOLLOW THE MOUSE.

                       // SETTING TO false WILL CAUSE THE BOX TO APPEAR NEAR THE MOUSE BUT WILL NOT

                       // CONTINUE TO FOLLOW THE MOUSE. 

var dofade=true;       // ENABLES FADE-IN EFFECT (FOR IE4+ AND NS6 ONLY)

var center=true;      // CENTERS THE BOX UNER THE MOUSE, OTHERWISE DISPLAYS BOX TO THE RIGHT OF THE MOUSE

var centertext=false;  // CENTERS THE TEXT INSIDE THE BOX. YOU CAN'T SIMPLY DO THIS VIA "STYLE" BECAUSE OF NS4.

                       // OTHERWISE, TEXT IS LEFT-JUSTIFIED.



////////////////////////////// NO NEED TO EDIT BEYOND THIS POINT //////////////////////////////////////



var NS4=(navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;

var IE4=(document.all && !document.getElementById)? true : false;

var IE5=(document.getElementById && document.all)? true : false;

var NS6=(document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;

var W3C=(document.getElementById)? true : false;

var w_y, w_x, navtxt, boxheight, boxwidth;

var ishover=false;

var isloaded=false;

var ieop=0;

var op_id=0;

var oktomove=false;



function getwindowdims(){

w_y=(NS4||NS6)? window.innerHeight : (IE5||IE4)? document.body.clientHeight : 0;

w_x=(NS4||NS6)? window.innerWidth : (IE5||IE4)? document.body.clientWidth : 0;

}



function getboxwidth(){

if(NS4)boxwidth=(navtxt.document.width)? navtxt.document.width : navtxt.clip.width;

if(IE5||IE4)boxwidth=(navtxt.style.pixelWidth)? navtxt.style.pixelWidth : navtxt.offsetWidth;

if(NS6)boxwidth=(navtxt.style.width)? parseInt(navtxt.style.width) : parseInt(navtxt.offsetWidth);

}



function getboxheight(){

if(NS4)boxheight=(navtxt.document.height)? navtxt.document.height : navtxt.clip.height;

if(IE4||IE5)boxheight=(navtxt.style.pixelHeight)? navtxt.style.pixelHeight : navtxt.offsetHeight;

if(NS6)boxheight=parseInt(navtxt.offsetHeight);

}



function movenavtxt(x,y){

if(NS4)navtxt.moveTo(x,y);

if(W3C||IE4){

navtxt.style.left=x+'px';

navtxt.style.top=y+'px';

}}



function getpagescrolly(){

if(NS4||NS6)return window.pageYOffset;

if(IE5||IE4)return document.body.scrollTop;

}



function getpagescrollx(){

if(NS4||NS6)return window.pageXOffset;

if(IE5||IE4)return document.body.scrollLeft;

}



function writeindiv(text){

if(NS4){

navtxt.document.open();

navtxt.document.write(text);

navtxt.document.close();

}

if(W3C||IE4)navtxt.innerHTML=text;

}



function writetxt(text){

if(isloaded){

if(text!=0){

oktomove=true;

ishover=true;

if(NS4)text='<div class="navtext">'+((centertext)?'<center>':'')+text+((centertext)?'</center>':'')+'</div>';

writeindiv(text);

getboxheight();

if((W3C || IE4) && dofade){

ieop=0;

incropacity();

}}else{

if(NS4)navtxt.visibility="hide";

if(IE4||W3C){

if(dofade)clearTimeout(op_id);

navtxt.style.visibility="hidden";

}

writeindiv('');

ishover=false;

}}}



function incropacity(){

if(ieop<=100){

ieop+=7;

if(IE4 || IE5)navtxt.style.filter="alpha(opacity="+ieop+")";

if(NS6)navtxt.style.MozOpacity=ieop/100;

op_id=setTimeout('incropacity()', 50);

}}



function moveobj(evt){

if(isloaded && ishover && oktomove){

margin=(IE4||IE5)?5:25;

if(NS6)if(document.height+27-window.innerHeight<0)margin=15;

if(NS4)if(document.height-window.innerHeight<0)margin=10;

mx=(NS4||NS6)? evt.pageX : (IE5||IE4)? event.clientX : 0;

my=(NS4||NS6)? evt.pageY : (IE5||IE4)? event.clientY : 0;

if(NS4||NS6)mx-=getpagescrollx();

if(NS4)my-=getpagescrolly();

xoff=(center)? mx-boxwidth/2 : mx+5;

yoff=(my+boxheight+25-((NS6)?getpagescrolly():0)+margin>=w_y)? -15-boxheight: 30;

movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx(), my+yoff+((!NS6)?getpagescrolly():0));

if(NS4)navtxt.visibility="show";

if(W3C||IE4)navtxt.style.visibility="visible";

if(!mousefollow)oktomove=false;

}}



if(NS4)document.captureEvents(Event.MOUSEMOVE);

document.onmousemove=moveobj;

window.onload=function(){

  navtxt=(NS4)? document.layers['navtxt'] : (IE4)? document.all['navtxt'] : (W3C)? document.getElementById('navtxt') : null;

  getboxwidth();

  getboxheight();

  getwindowdims();

  isloaded=true;

  if((W3C || IE4) && centertext)navtxt.style.textAlign="center";

  if(W3C)navtxt.style.padding='4px';

  if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";

  }

window.onresize=getwindowdims;