var sandvenSliderNew = Class.create(
{
	initialize: function(obj)
	{
		var self = this;
		this.obj = obj;
		
		this.currentImg = 0;
		this.previousImg = 0;
		this.allImages = $$('#'+this.obj.sliderUl+' .'+this.obj.sliderLi);
		this.numOfImages = this.allImages.size();
		this.imgWidth = this.allImages[0].getWidth();
		this.ulWidth = (this.imgWidth*this.numOfImages);
	
		$(this.obj.sliderUl).setStyle({
			'width': this.ulWidth+'px'
		});
		
		this.isAnimating = false;		
		
		if(this.obj.nextBtn != ''){
			$(this.obj.nextBtn).observe('click',function(ev){
					Event.stop(ev);
					self.slide('+',0);	
			});
		}
		
		if(this.obj.previusBtn != ''){
			$(this.obj.previusBtn).observe('click',function(ev){
					Event.stop(ev);
					self.slide('-',0);
			});
		}
		
		if(this.obj.numBtns != ''){
			this.allBtns = $$('.'+this.obj.numBtns);
			
			self.addRemoveClassName();
			this.allBtns.each(function(elm,i){
				$(elm).observe('click',function(ev){
					Event.stop(ev);
					self.slide('num',i);
				});
			});
		}
	},
	
	addRemoveClassName: function(){
		var self = this;
		
		$(self.allBtns)[self.currentImg].addClassName('active');
		if(self.currentImg != self.previousImg){
			$(self.allBtns)[self.previousImg].removeClassName('active');
		}
	},
	
	
	slide: function(move,number){
		
		var self = this;
		var moveTo = 0;
		
		self.previousImg = self.currentImg;
		
		if(!self.isAnimating){
			
			if(move == '+'){
				if(self.currentImg == (self.numOfImages-1)){
					self.currentImg = 0;
					moveTo = ((self.imgWidth)*-(this.numOfImages-1));
				}else{
					self.currentImg += 1;
					moveTo = (self.imgWidth*1);
				}
			}
			
			if(move == '-'){
				if(self.currentImg == 0){
					self.currentImg = (self.numOfImages-1);
					moveTo = ((self.imgWidth)*(self.numOfImages-1));
				}else{
					self.currentImg -= 1;
					moveTo = (self.imgWidth*-1);
				}
			}
			
			if(move == 'num'){
				if(number != self.currentImg){
					moveTo = ((number - self.currentImg)*self.imgWidth);
					self.currentImg = number;
				}
			}
			
			if(this.obj.numBtns != ''){
				self.addRemoveClassName();
			}
			
			var y = 0;
			var x = moveTo;
			var elm = $(self.obj.sliderUl);
			self.isAnimating = true;
			
			new Effect.Move(elm,
			{
					x: -x,
					y: y,
					mode: 'relative',
					afterFinish: function(){ self.isAnimating = false; }
	        });
		}
	}
});

Event.observe(window, 'load', function()
{
	
	if($('related')){

		var newSandvenSliderNew = new sandvenSliderNew(
		{
			sliderUl : 'rel-glider',
			sliderLi : 'three',
			nextBtn : 'next-rel-art',
			previusBtn : 'prev-rel-art',
			numBtns: ''
		});
	}
	
	if($('related2')){
		var newSandvenSliderNew2 = new sandvenSliderNew(
		{
			sliderUl : 'rel-glider2',
			sliderLi : 'three',
			nextBtn : 'next-rel-art2',
			previusBtn : 'prev-rel-art2',
			numBtns: ''
		});
	}
});