/***********************************************
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
***********************************************/

/* Sample div declaration

<script type="text/javascript" language="javascript">
    var verticalpos="frombottom"
    
    if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" bgcolor="#FFFFCC">
      <p align="center"><b><font size="4">Menu</font></b></td>

  </tr>
  <tr>
    <td width="100%" bgcolor="#FFFFFF">
      <p align="left">&nbsp;<a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
      &nbsp;<a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
      &nbsp;<a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
      &nbsp;<a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>

      &nbsp;<a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
  </tr>
</table>
<!--END OF EDIT-->

</layer>

<script type="text/javascript" language="javascript">
    if (!document.layers) document.write('</div>')
</script>
*/

/*  One of the following options should be provided in the calling program
 var verticalpos="frombottom"
 var verticalpos="fromtop"
 */

function JSFX_FloatTopDiv()
{
	var startX = 3, startY = 50;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	
	// Identify the critical aspects of the element
	function ml(id)
	{
		var el=d.getElementById ? d.getElementById(id) : d.all ? d.all[id] : d.layers[id];
		if(d.layers) el.style=el;	
		
		el.sP=function(x,y){
		    this.style.left=parseInt(x) + "px";
		    this.style.top=parseInt(y) + "px";			    
		};
		el.x = startX;
		
		if (verticalpos=="fromtop")
		    el.y = startY;
		else{
		    el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		    el.y -= startY;		    
		}
		return el;
	}
	
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop"){
		    var pY = ns ? pageYOffset : document.body.scrollTop;
		    ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else{
		    var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
		    ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);		
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("divStayTopLeft");
	stayTopLeft();
}

// start the process
JSFX_FloatTopDiv();