new Namespace("at.steiermark.portalslider.teaserslider");
at.steiermark.portalslider.teaserslider = Class.create({

	initialize : function (element) {
		this.slider = element;
			
		this.itemWidth = 960;
		this.actualPos = 0;

		this.entries = this.slider.getElementsBySelector('.multi_teaser');
		
		for( i=0; i<this.entries.length; i++ ) {
			this.entries[i].myClass = this;
			this.entries[i].observe('mouseover', this.overTeaser);				
			this.entries[i].observe('mouseout', this.outTeaser);
		}
		
		//this.slide(1);
	},
	
	overTeaser : function () {
		this.addClassName('thover');
	},
	
	outTeaser : function () {
		this.removeClassName("thover");
	},
	
	left : function () {
		if(this.myClass.actualPos > 0) {
			this.myClass.slide(this.myClass.actualPos-1);
		}
	},
	
	right : function () {
		if(this.myClass.actualPos < this.myClass.entries.length - 3) {
			this.myClass.slide(this.myClass.actualPos+1);
		}
	},
	
	slide : function (targetPos) {		
		var currentPos = this.actualPos * (this.itemWidth * -1);
		var newSliderPos = targetPos * (this.itemWidth * -1);
		
		ex0 = new Animator({ transition: Animator.makeEaseOut(4),duration: 3000});
		ex0.addSubject(new NumericalStyleSubject(this.slider, 'left', String( currentPos ) + 'px', String( newSliderPos ) + 'px' ) );
		ex0.play();
		
		this.actualPos = targetPos;
	}

});