new Namespace("at.bildungswerk.gallery.imgslider");
at.bildungswerk.gallery.imgslider = Class.create({

	initialize : function (element)
	{
		this.slider = element;
		this.slideLeft = this.slider.getElementsByClassName('slideImgleft')[0];
		this.slideRight = this.slider.getElementsByClassName('slideImgright')[0];
		
		if(this.slideLeft && this.slideRight)
		{		
			this.slideLeft.observe('click', this.left);	
			this.slideRight.observe('click', this.right);
			
			this.slideLeft.myClass = this;	
			this.slideRight.myClass = this;
			
			this.itemWidth = 153;
			this.actualPos = 0;
	
			this.sliderContainer = this.slider.getElementsByClassName('imagecontainer')[0];
			
			this.entries = this.slider.getElementsByClassName('img_thumb');
		}
	},
	
	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: 500});
		ex0.addSubject(new NumericalStyleSubject(this.sliderContainer,'left', String( currentPos ) + 'px', String( newSliderPos ) + 'px' ) );
		ex0.play();
		
		this.actualPos = targetPos;
	}


});