/*
플롯 레이어
*/
var FloatLayer=function(objName,LayoutArea, FloatArea, option){

	this.LAEle=$(LayoutArea);
	this.FAEle=$(FloatArea);
	this.optionTop=(option && option.top)? option.top:0;
	this.optionLeft=(option && option.left)? option.left:0;
	this.optionMotion=(option && option.motion)? option.motion:0;

	this.getTop=function(){
		return Number(document.documentElement.scrollTop)+Number(this.optionTop);
	}
	this.getLeft=function(){
		var ele=this.LAEle.getCoordinates();
		return Number(ele.width)+Number(ele.left)+Number(this.optionLeft);
	}

	this.styleSet=function(){

		var positionLeft=this.getLeft();
		var positionTop=this.getTop();

		this.FAEle.setStyle('left', positionLeft+'px');
		this.FAEle.setStyle('top', positionTop+'px');
//		$(FloatArea).setStyle('position','absolut');

	}
	this.moveByScroll=function(){

		var positionLeft=this.getLeft();
		var positionTop=this.getTop();
		var tP=this.FAEle.getCoordinates();

		this.FAEle.setStyle('top', positionTop+'px');
/*
		var myEffect = new Fx.Styles(this.FAEle, {duration: this.optionMotion, transition: Fx.Transitions.Circ.easeOut}).set(0);
		myEffect.start({
			'top': [tP.top, positionTop]
		});
*/
	}
	this.start=function(){

		this.styleSet();

		window.onscroll=function(){

			eval(objName+'.moveByScroll()');

		}

	}


}