/////////////////////////////////////////////////////////////////////

	var FloatLayers       = new Array();
	var FloatLayersByName = new Array();

	function addFloatLayer(n,offX,offY,spd){new FloatLayer(n,offX,offY,spd);}
	function getFloatLayer(n){return FloatLayersByName[n];}
	function alignFloatLayers(){for(var i=0;i<FloatLayers.length;i++)FloatLayers[i].align();}

	function getXCoord(el) {
		x=0;
		while(el){
			x+=el.offsetLeft;
			el=el.offsetParent;
			
		}
		//alert(el);
		return x;
	}
	function getYCoord(el) {
		y=0;
		while(el){
			y+=el.offsetTop;
			el=el.offsetParent;
		}
		return y;
	}

	/////////////////////////////////////////////////////////////////////

	FloatLayer.prototype.setFloatToTop=setTopFloater;
	FloatLayer.prototype.setFloatToBottom=setBottomFloater;
	FloatLayer.prototype.setFloatToLeft=setLeftFloater;
	FloatLayer.prototype.setFloatToRight=setRightFloater;
	FloatLayer.prototype.initialize=defineFloater;
	FloatLayer.prototype.adjust=adjustFloater;
	FloatLayer.prototype.align=alignFloater;

	function FloatLayer(n, offX, offY, spd) {
		this.index=FloatLayers.length;

		FloatLayers.push(this);
		FloatLayersByName[n] = this;

		this.name    = n;
		this.floatX  = 0;
		this.floatY  = 0;
		this.tm      = null;
		this.steps   = spd;
		this.alignHorizontal=(offX>=0) ? leftFloater : rightFloater;
		this.alignVertical  =(offY>=0) ? topFloater : bottomFloater;
		this.ifloatX = Math.abs(offX);
		this.ifloatY = Math.abs(offY);
	}

	/////////////////////////////////////////////////////////////////////

	function defineFloater(){
		this.layer  = document.getElementById(this.name);
		this.width  = this.layer.offsetWidth;
		this.height = this.layer.offsetHeight;
		this.prevX  = this.layer.offsetLeft;
		this.prevY  = this.layer.offsetTop;
		
		//alert (this.prevY);
	}

	function adjustFloater() {
		this.tm=null;
		//if(this.layer.style.position!='absolute')return;

		var dx = Math.abs(this.floatX-this.prevX);
		var dy = Math.abs(this.floatY-this.prevY);
		//alert (this.prevX);
		
		if (dx < this.steps/2)
			cx = (dx>=1) ? 1 : 0;
		else
			cx = Math.round(dx/this.steps);

		if (dy < this.steps/2)
			cy = (dy>=1) ? 1 : 0;
		else
			cy = Math.round(dy/this.steps);

		if (this.floatX > this.prevX)
			this.prevX += cx;
		else if (this.floatX < this.prevX)
			this.prevX -= cx;

		if (this.floatY > this.prevY)
			this.prevY += cy;
		else if (this.floatY < this.prevY)
			this.prevY -= cy;

		this.layer.style.left = this.prevX+"px";
		this.layer.style.top  = this.prevY+"px";

		if (cx!=0||cy!=0){
			if(this.tm==null)this.tm=setTimeout('FloatLayers['+this.index+'].adjust()',50);
		}else
			alignFloatLayers();
	}

	function setLeftFloater(){this.alignHorizontal=leftFloater;}
	function setRightFloater(){this.alignHorizontal=rightFloater;}
	function setTopFloater(){this.alignVertical=topFloater;}
	function setBottomFloater(){this.alignVertical=bottomFloater;}

	function leftFloater(){this.floatX = Math.max(document.documentElement.scrollLeft,document.body.scrollLeft) + this.ifloatX;}
	function topFloater(){this.floatY = Math.max(document.documentElement.scrollTop,document.body.scrollTop) + this.ifloatY;}
	function rightFloater(){this.floatX = Math.max(document.documentElement.scrollLeft,document.body.scrollLeft) + Math.max(document.documentElement.clientWidth,document.body.clientWidth) - this.ifloatX - this.width;}
	function bottomFloater(){this.floatY = Math.max(document.documentElement.scrollTop,document.body.scrollTop) + Math.max(document.documentElement.clientHeight,document.body.clientHeight) - this.ifloatY - this.height;}
	
	/*function leftFloater(){this.floatX = document.body.scrollLeft + this.ifloatX;}
	function topFloater(){this.floatY = document.body.scrollTop + this.ifloatY; alert(document.body.scrollTop)}
	function rightFloater(){this.floatX = document.body.scrollLeft + document.body.clientWidth - this.ifloatX - this.width;}
	function bottomFloater(){this.floatY = document.body.scrollTop + document.body.clientHeight - this.ifloatY - this.height;}*/

	function alignFloater(){
		if(this.layer==null)this.initialize();
		this.alignHorizontal();
		this.alignVertical();
		if(this.prevX!=this.floatX || this.prevY!=this.floatY){
			if(this.tm==null)this.tm=setTimeout('FloatLayers['+this.index+'].adjust()',50);
		}
	}