var movediv = new Class({
	Implements: Options,
	
    options: {
		boxEl			: 'wrapperleft',
		parentEl		: 'wrapper',
		startTop		: 0,
		startLeft		: 0,
		startTopIE		: 0,
		startLeftIE		: 0,
		duration		: 'long',
		transition		: Fx.Transitions.Quad.easeInOut
	},
	
	initialize: function(options){
		this.setOptions(options);
		this.getPosition();
		$(this.options.boxEl).setStyles({
			'position': 'absolute',
			'top': this.top,
			'left': this.left
		});
		this.ani = new Fx.Morph($(this.options.boxEl), {duration: this.options.duration, transition: this.options.transition});
		this.moveEl();
	},
	
	moveEl: function (){
		this.getPosition();
		this.ani.start({
			'top': this.top,
			'left': this.left
		}).chain(function() {
			this.moveEl();
		}.bind(this));
	},
	
	getPosition: function () {
		this.top = document.documentElement.scrollTop+this.options.startTop+$(this.options.parentEl).getTop();
		this.left = this.options.startLeft+$(this.options.parentEl).getLeft();
		if (Browser.Engine.trident){
			this.top = this.top+this.options.startTopIE;
			this.left = this.left+this.options.startLeftIE;
		}
	}
});
movediv.implement(new Options);

window.addEvent('domready', function(){
	if (typeof movedivOpt == 'undefined'){
		movedivOpt = {};
	}
	
	movediv = new movediv(movedivOpt);
});
