var P_SCROLLER_HEIGHT = 70
var P_SCROLLER_PERIOD = 6000


var p_ScrollerElem = new Class({
    initialize: function(div){
    	this.__elem = div
    	this.__fx = new Fx.Styles(div);
    },
    
    showAnim: function(){
    	this.__elem.setStyle('top', P_SCROLLER_HEIGHT)
    	this.__fx.start({'top': 0})
    },
    
    hideAnim: function(){
    	this.__elem.setStyle('top', 0)
    	this.__fx.start({'top': -P_SCROLLER_HEIGHT})
    },
    
    hide: function(){
    	this.__elem.setStyle('top', -P_SCROLLER_HEIGHT)
    }  
})


var p_Scroller = new Class({
    initialize: function(){
		this.__elems = []
		this.__function = false
		this.__current = 0
    },
    
    addDiv: function(div){
    	if(!div)
    		return
		var number = this.__elems.length
    	this.__elems[number] = new p_ScrollerElem(div)
    	if(number != 0)
    		this.__elems[number].hide()
    },
    
    startScroll: function(){
	    this.__function = function(){
	    	var hide = this.__current
	    	var show = this.__current + 1
	    	if(show >= this.__elems.length)
				show = 0
    
    		this.__elems[show].showAnim()
			this.__elems[hide].hideAnim()
			
			this.__current = show
		}.bind(this)

    	this.__function.periodical(P_SCROLLER_PERIOD);
    }
})