Template:UseFloats

<plainhtml>

<script type="text/javascript">

 var useFloats = true;
 var visible = false;
 var lastFloat = ;

 function findRelPosX(obj) {
   var relleft = 0;

   if (obj.offsetParent) {
     relleft = obj.offsetLeft;
   } else if (obj.x) {
     relleft = obj.x;
   }

   return relleft;
 }

 function findRelPosY(obj) {
   var reltop = 0;

   if (obj.offsetParent) {
     reltop = obj.offsetTop;
   } else if (obj.y) {
     reltop = obj.y;
   }

   return reltop;
 }

 function findDistanceX(outobj, inobj) {
   var distx = 0;

   if (inobj.offsetParent) {
     while (inobj.offsetParent) {
       if(inobj.offsetParent == outobj.offsetParent) {
         break;
       }

       distx += inobj.offsetLeft;
       inobj= inobj.offsetParent;
     }
   } else if (inobj.x) {
     distx = outobj.x - inobj.x;
   }

   return distx;
 }

 function findDistanceY(outobj, inobj) {
   var disty = 0;

   if (inobj.offsetParent) {
     while (inobj.offsetParent) {
       if(inobj.offsetParent == outobj.offsetParent) {
         disty += inobj.offsetTop;
         break;
       }

       disty += inobj.offsetTop;
       inobj = inobj.offsetParent;
     }

     disty = outobj.offsetTop - disty;
   } else if (inobj.y) {
     disty = outobj.y - inobj.y;
   }

   return disty;
 }

 function findPosX(obj)
 {
 	var curleft = 0;

 	if (obj.offsetParent)
 	{
 		while (obj.offsetParent)
 		{
 			curleft += obj.offsetLeft;
 			obj = obj.offsetParent;
 		}
 	}
 	else if (obj.x) {
 		curleft += obj.x;
       }
 	return curleft;
 }
 
 function findPosY(obj)
 {
 	var curtop = 0;
 	if (obj.offsetParent)
 	{
 		while (obj.offsetParent)
 		{
 			curtop += obj.offsetTop;
 			obj = obj.offsetParent;
 		}
 	}
 	else if (obj.y) {
 		curtop += obj.y;
       }
 	return curtop;
 }

 function showFloat(id, index) {
   if(lastFloat == id) { } else {
     visible = false;
     hideFloat(lastFloat);
     lastFloat = id;
   }
   visible = true;

   var float = document.getElementById('float' + id);
   var floatanchor = document.getElementById('floatanchor' + id);
   var link = document.getElementById('floatlink' + id + index);
   var linkend = document.getElementById('floatlinkend' + id + index);
   
   float.style.display = 'block';

   var posX = findDistanceX(floatanchor, link) + findRelPosX(floatanchor) + ((findRelPosX(linkend) - findRelPosX(link)) / 2) - 175;
   if(posX < 0) {
     posX = 12;
   }

   var posY = findRelPosY(floatanchor) - findDistanceY(floatanchor, link) + 18;

   float.style.left = posX + 'px';
   float.style.top = posY + 'px';
 }
 
 function delayedHideFloat(id) {
   visible = false;
   window.setTimeout('hideFloat(\ + id + '\')', 200);
 }
 
 function hideFloat(id) {
   if(visible) { return; }

   var float = document.getElementById('float' + id);
   if(float) { 
     float.style.display = 'none';
   }
 }

</script>

</plainhtml>