/*
  document-name: linkInfo_v1-2.js
  author: Andreas Deschka
  email: andreas.deschka@sol.at
  sample-url: http://193.170.245.144/~andreasdeschka/linkInfo_sample.html
  Browsers: IE6,Mozilla,Opera
 
  How to use:
  [in your head]
  [important: style definition must be after the javascript !!!]
 <script language="javascript">tooltip='tip'; </script>
 <script language="javascript" src="linkInfo_v1-2.js"></script>
 <style type="text/css">
.tip{ font-weight:bold; background-colour:#FFFFFF;}
 </style>
  [in your body]
This is a <a href="sample_url" tip="Sample Tooltip<br>with a second line">link</a>.
*/
defaultStyle='background-color:#2b6b9a;border: 1px solid #ffffff;font-size:12px; font-family: Arial, Helvetica, sans-serif;padding:2px; color:#ffffff;';
// this style resembles the small yellow bubbles, but is a bit bigger
baseStyle='position:absolute;left:0px;top:0px;visibility:hidden;text-align:center;z-index:999;';
xMousePos = 0; // Horizontal position of the mouse on the screen
yMousePos = 0; // Vertical position of the mouse on the screen
xMousePosMax = 0; // Width of the page
yMousePosMax = 0; // Height of the page
xFromMouse=0; // x-distance of the tooltip from the mousepointer, browser-specific
yFromMouse=0; // y-distance 
yUpFromMouse=10;
nav={}; // if browser is ie / ns / op (eg: nav.ie=true )
myTooltips=[]; // array with different tooltip-objects

setupMousePositionCapturer();
begin();

function isString( str ){
return ( str!=null && str.length>0 );
}
function isObject( obj ){
return ( obj!=null && obj.toString!=null );
}
function begin(){
if( window.tooltip!=null ){
if( isString( window.tooltip )){
myTooltips.push( { name:window.tooltip } );
} else {
myTooltips.push( window.tooltip );
}
} else if ( window.tooltip1==null ){
var tt={};
tt.name='info';
myTooltips.push( tt );
}
for( var i=1; window['tooltip'+i]!=null; i++ ){ 
var wt=window['tooltip'+i];
if( isString( wt )){
myTooltips.push( { name:wt } );
} else {
myTooltips.push( wt );
}
}
for ( var k=0; k< myTooltips.length; k++ ){
writeDivTag(myTooltips[k]);
installTagListeners( k );
}
}
function setupMousePositionCapturer(){
captureFunction= function(){};
if (document.getElementById && window.innerWidth ) {
// Netcsape 6 + Mozilla + Opera
yFromMouse=21;
xFromMouse=4;
captureFunction = captureMouse_NS;
if (navigator.userAgent.indexOf("Opera")>-1){
nav.op= true;
yFromMouse= 21+17;
} else {
nav.nn= true;
}
} else if (document.all) {
// Internet Explorer
nav.ie= true;
yFromMouse=17;
xFromMouse=2;
captureFunction = captureMouse_IE_body;
if ( document.documentElement&& document.documentElement.clientWidth>0 ){
captureFunction = captureMouse_IE_documentElement;
}    
}  
oldOnMouseMove= document.onmousemove;
document.onmousemove=function(e){
if( oldOnMouseMove!=null ){
oldOnMouseMove(e);
}
captureFunction(e);
//out('y'+yMousePos+'ym'+yMousePosMax+' ');
moveInfoElement( window.activeInfoDiv );
}
}
function captureMouse_IE_documentElement(){//out('doucument');
xMousePos = window.event.x+ document.documentElement.scrollLeft; 
        yMousePos = window.event.y+document.documentElement.scrollTop;
        xMousePosMax = document.documentElement.clientWidth+document.documentElement.scrollLeft;
        yMousePosMax = document.documentElement.clientHeight+document.documentElement.scrollTop-12;   
}
function captureMouse_IE_body(){ //out('body');
xMousePos = window.event.x+document.body.scrollLeft;
        yMousePos = window.event.y+document.body.scrollTop;
        xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
        yMousePosMax = document.body.clientHeight+document.body.scrollTop;
}
function captureMouse_NS(e){
xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
}
function out( string ){
var outDiv=document.getElementById('out')
if(outDiv!=null) outDiv.firstChild.nodeValue+=string+"\n";
}
function writeDivTag( obj ){
if(obj.id!=null &&obj.id.length>0){
document.writeln('<style type="text/css">#'+obj.id+'{'+baseStyle+'}</style>');
} else {
obj.id= obj.name;
if( obj.Class==null ){
obj.Class= obj.name;
}
document.writeln('<style type="text/css"><!-- .'+obj.Class+'{'+defaultStyle+baseStyle+'} --></style>');
document.writeln('<div class="'+obj.Class+'" id="'+obj.id+'">&nbsp;</div>');
}
}
function installTagListeners( tooltip_nr, delayTime ){
// wait for info Div to load
var obj= myTooltips[ tooltip_nr ];
var divNode= document.getElementById( obj.id );
if( isObject(divNode) ){
if( obj.tags==null ){
obj.tags= [];
if( obj.tag==null ){
obj.tags.push('a');
obj.tags.push('span');
} else {
obj.tags.push( obj.tag );
}
}
for( var k=0; k<obj.tags.length; k++){
var myNodes =document.getElementsByTagName(  obj.tags[k].toUpperCase() );
for(var i=0; myNodes!=null&&i<myNodes.length; i++){
var node= myNodes[i];
var infoText=node.getAttribute( obj.name ); 
if( isString(infoText)&& node.infoDivNode_==null ){
node.infoText_= infoText;
node.infoDivNode_ = divNode;
// the _ is used to avoid name conflicts with the attributes of the user
node.style.cursor='pointer';
if( node.onmouseover==null ){
node.onmouseover= showInfo;
} else {
node.oldOnmouseover= node.onmouseover;
node.newOnmouseover= showInfo;
node.onmouseover= function(){
this.newOnmouseover();
this.oldOnmouseover();
}
}
if( node.onmouseout==null ){
node.onmouseout= hideInfo;
} else {
node.oldOnmouseout= node.onmouseout;
node.newOnmouseout= hideInfo;
node.onmouseout= function(){
this.newOnmouseout();
this.oldOnmouseout();
}
   }
}
}
}
}
if( delayTime==null)
delayTime=0;
if( delayTime < 2 ){
delayTime+=0.2;
}
setTimeout('installTagListeners('+tooltip_nr+','+delayTime+');',delayTime*1000); 
}
function moveInfoElement( infoElement, setTurnOver ){
// setTurnOver: decide only once if position should be above or beneath mouse to prevent jerking
if( infoElement ==null ){
//out('infoElement=null ');
//alert('infoElement=null');
//infoElement=1;
} else if( infoElement.style.visibility != 'hidden'){
var x,y;
x=xFromMouse+xMousePos;
//if(infoElement.centered==true){
x-=0.5*infoElement.offsetWidth;
//}
if( xMousePosMax>0 && x+ infoElement.offsetWidth> xMousePosMax-20 ){
x= xMousePosMax-20- infoElement.offsetWidth;
}
if( x<5 ){
x=5;
}
if( nav.op==true ){
y= yMousePos - yUpFromMouse - infoElement.offsetHeight;
if( setTurnOver==true ){
infoElement.turnOver= ( y < 5 );
}
if( infoElement.turnOver==true ){
y= yFromMouse+yMousePos;
}
} else {
y= yFromMouse+yMousePos;
if( setTurnOver==true ){
infoElement.turnOver= (yMousePosMax>0 && y+ infoElement.offsetHeight> yMousePosMax);
}
if( infoElement.turnOver==true ){
y= yMousePos - yUpFromMouse - infoElement.offsetHeight;
}
}
infoElement.style.left=x+'px'; 
infoElement.style.top=y+'px';
} 
}
function showInfo(){
var infoDiv= this.infoDivNode_;
if( infoDiv==null ) {} else {
unsetInfoText( infoDiv );
infoDiv.left='0px';
infoDiv.top='0px';
window.activeInfoDiv= infoDiv;
setInfoText( infoDiv, this.infoText_ );
infoDiv.style.visibility='visible';
moveInfoElement( infoDiv, true );
}
}
function hideInfo(){
var infoDiv= this.infoDivNode_;
if( infoDiv==null ) {} else {
infoDiv.style.visibility='hidden';
unsetInfoText(infoDiv);
}
}
function setInfoText( infoElement,text ){
var subtext='';
for(var i=0;i<text.length;++i){
if(text.substr(i,4)=='<br>'){
infoElement.appendChild(document.createTextNode(subtext));
infoElement.appendChild(document.createElement('br'));
subtext='';
i+=3;
} else {
subtext=subtext+text.charAt(i)
}
}
infoElement.appendChild( document.createTextNode(subtext));
}
function unsetInfoText(infoElement){
while(infoElement.hasChildNodes()){
infoElement.removeChild(infoElement.lastChild);
}
}