/*
	Class:    	cvRelativeTop
	Author:   	Crispijn Verkade
	Website:    http://crispijnverkade.nl
	Version:  	2.0
	Date:     	02/05/2009
	Built For:  MooTools 1.2.0
*/


var cvRelativeTop = new Class({
    Implements: [Options],
 
    options: {
		between: [360,500],
		position: [20,692],
		align: 'right',
    },
   
    initialize: function(el,options) {
        this.setOptions(options);
		this.el = $(el);
		this.fixed = false;
	    var self = this;
		
        window.addEvent('scroll',function(){
			self.scroll = window.getScroll().y;
			
			if(self.scroll > self.options.between[0] && self.scroll < self.options.between[1]){ //in case the window scroll is larger than the between[0]
				self.el.setStyles({	'position'	: 'fixed',
									'top'		: self.options.position[0],
									'left'		: self.options.position[1],
									});
				self.fixed = false;
			}else if(self.scroll <= self.options.between[0]){  //in case the window scroll is smaller than the between[0]
				self.el.setStyles({	'position'	: 'relative',
									'top'		: 0,
									'left'		: 0
									});
				self.fixed = false;
			}else if(self.scroll >= (self.el.getHeight() + self.options.between[0]) && self.fixed == false){  //in case the window scroll is larger than the between[1]
				self.el.setStyles({ 'position'	: 'absolute',
								  	'margin-top': self.scroll + self.options.between[0]								  	
								  	});
				self.fixed = true;
				console.log('fixed');
			} else{
				alert('wat nu?');
			}
        });
		
		window.addEvent('resize', this.rePos);

    },
	
	rePos: function(){
		
	}
});