/**
 * @author yetik
 */
var My_Scroller = new Class({
	left_offset: 276,
	
	initialize: function () {
		
		//po kliknieciu na strzalke w lewo przesun w lewo
		//$('left_arrow').addEvent('click', function (event){
			//event = new Event(event).stop();
			//this.left();
		//}.bind(this))
		
		//po kliknieciu na strzalke w prawo przesun w prawo		
		//$('right_arrow').addEvent('click', function (event){
			//event = new Event(event).stop();
			//this.right();
		//}.bind(this))		
		
		//element przesuwany
		this.iter = 0;
		this.cont = $('my_scroller_outer');
		var count = this.count  = this.cont.getElements('.my_scroller_cont').length;
		var width = this.cont.getElements('.my_scroller_cont')[0].getStyle("width").toInt() + this.cont.getElements('.my_scroller_cont')[0].getStyle("margin-right").toInt();
		$('my_scroller_inner').setStyle('width', (width*count));
		
		this.fx_cont = new Fx.Scroll(this.cont, {
			duration: 2000,
			transition: Fx.Transitions.Quad.easeInOut
		
		});
		
		this.points = $('points').getElements('.dot');
		this.points[0].addClass('on');
		
		this.right.periodical(5000, this);
		
	},
	
	left: function () {
		var x = this.cont.getScroll().x;	
		this.fx_cont.start (x - this.left_offset,0)
	},
	
	right: function () {

		if (this.iter == (this.count-1)) {
			this.cont.scrollTo(0,0)
			this.iter = 0;			
		}
		var x = this.cont.getScroll().x;
		this.fx_cont.start (x +this.left_offset,0)		
		
		this.points[this.iter].removeClass('on');
		this.iter++;
		if (this.points[this.iter])
			this.points[this.iter].addClass('on');
		else 
			this.points[0].addClass('on');
	}
})


window.addEvent ('domready', function () {
	try {
		new My_Scroller;
	} catch (e) {}
})