var verticalpos = "fromtop";

var drag = 0;

function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function JSFX_FloatTopDiv()
{
	var startX = 100,
	startY = 100;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	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=x + 'px';this.style.top=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 ( drag != 0 )
			return 0;//stayTopLeft();

		var pX = ns ? pageXOffset : iecompattest().scrollLeft;
		ftlObj.x += Math.round((pX + startX - ftlObj.x)/8);
		
		document.getElementById("menu").style.left = ftlObj.x + 'px';
		document.getElementById("menu").style.top = startY + 'px';
		
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("menu");

	stayTopLeft();
	
	var MyMenu =  function(id) {
    	if (id) {
        	this.init(id);
	    }
	};
	
	YAHOO.extend(MyMenu, YAHOO.util.DD, {		
		onDrag: function(e) {
			drag = 1;
			startX = YAHOO.util.Dom.getX(this.getDragEl());
			document.getElementById("menu").style.left = startX + 'px';
		},
		
		endDrag: function(e) {
			void(0);
	    },
	    
		b4EndDrag: function(e) {
			startX = YAHOO.util.Dom.getX(this.getDragEl());
			document.getElementById("menu").style.left = startX + 'px';
			drag = 0;
		}
	});
	
	var menu = new MyMenu("menu");
	menu.setYConstraint(0, 0);
}
JSFX_FloatTopDiv();