Template:Float

 var visible</plainhtml>{{{1}}}<plainhtml> = false;

 if(typeof useFloats == 'undefined') {
   alert('Template:UseFloats must be included for "floating frames" support.');
 }

 function showFloat</plainhtml>{{{1}}}<plainhtml>() {
   if(typeof useFloats == 'undefined') { return; }
 
   var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
   var link = document.getElementById('floatlink</plainhtml>{{{1}}}<plainhtml>');
   var linkend = document.getElementById('floatlinkend</plainhtml>{{{1}}}<plainhtml>');
   
   float.style.display = 'block';

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

   var posY = findRelPosY(link) + 15;

   float.style.left = posX + 'px';
   float.style.top = posY + 'px';

   visible</plainhtml>{{{1}}}<plainhtml> = true;          
 }
 
 function delayedHideFloat</plainhtml>{{{1}}}<plainhtml>() {
   if(typeof useFloats == 'undefined') { return; }

   visible</plainhtml>{{{1}}}<plainhtml> = false;
   
   window.setTimeout("hideFloat</plainhtml>{{{1}}}<plainhtml>()", 200);
 }
 
 function hideFloat</plainhtml>{{{1}}}<plainhtml>() {
   if(typeof useFloats == 'undefined') { return; }
   if(visible</plainhtml>{{{1}}}<plainhtml>) { return; }
   
   var float = document.getElementById('float</plainhtml>{{{1}}}<plainhtml>');
     
   float.style.display = 'none';
     
   return;
 }

</script>

<div id="float</plainhtml>{{{1}}}<plainhtml>" onMouseOver="showFloat</plainhtml>{{{1}}}<plainhtml>()" onMouseOut="delayedHideFloat</plainhtml>{{{1}}}<plainhtml>()" style="background: white; display: none; position: absolute; border: 1px solid #A9AFFF; color: #000; background-color: #DDDEFF; padding: 2px; width: 350px; height: 150px; overflow: auto; z-index: 100;"></plainhtml>

{{{2}}}

[[{{{2}}} | article]] | [[Talk:{{{2}}} | discussion]]

{{:{{{2}}}}}<plainhtml>

</plainhtml>