var SlideContent = Class.create(
{
	initialize: function(handleClassName, slideContainerId, dirBtnObj)
	{
		this.currentLength = 0;
		this.currentIndex = 0;
		if(!$(slideContainerId)) { return false; }
		var self = this;
		var AllElem = $$('.'+handleClassName);
		var Slides = $(slideContainerId).getElementsByTagName('div');
		$(AllElem[0]).addClassName('active');
		
		AllElem.each(function(elem)
		{
			elem.observe('click', function()
			{
			//	alert(AllElem.indexOf(this));
				$$('.active')[0].removeClassName('active');
				self.slideElem(AllElem.indexOf(this), slideContainerId, Slides[AllElem.indexOf(this)]);
				elem.addClassName('active');
			});
		});
		
		if(dirBtnObj)
		{
			Event.observe(dirBtnObj.nextBtnId, 'click', function()
			{
				if((self.currentIndex+1) == AllElem.length)
				{
					$$('.active')[0].removeClassName('active');
					self.slideElem(0, slideContainerId, Slides[0]);
					AllElem[0].addClassName('active');
				}
				else
				{
					$$('.active')[0].removeClassName('active');
					self.slideElem((self.currentIndex+1), slideContainerId, Slides[(self.currentIndex+1)]);
					AllElem[(self.currentIndex)].addClassName('active');
				}
			});
			
			Event.observe(dirBtnObj.prevBtnId, 'click', function()
			{
				if((self.currentIndex-1) == -1)
				{
					$$('.active')[0].removeClassName('active');
					self.slideElem((AllElem.length-1), slideContainerId, Slides[(AllElem.length-1)]);
					AllElem[(AllElem.length-1)].addClassName('active');
				}
				else
				{
					$$('.active')[0].removeClassName('active');
					self.slideElem((self.currentIndex-1), slideContainerId, Slides[(self.currentIndex-1)]);
					AllElem[(self.currentIndex)].addClassName('active');
				}
			});
		}
		

	},
	
	slideElem: function(lengthNr, slideId, contentObj)
	{
		this.currentIndex = lengthNr;
		var slideLengthE = 770;//contentObj.offsetWidth;
		var lengthNr = lengthNr * 770;//eval(contentObj.offsetWidth);
		var StandardLength = 770;//contentObj.offsetWidth;
		var slideNr = lengthNr / StandardLength;

		if(slideNr == this.currentLength) { return false;}
		if(slideNr == (this.currentLength+1))
		{
			var actLength = -(StandardLength);
		}
		else if(slideNr > (this.currentLength+1))
		{
			var actLength = -((slideNr*StandardLength)-(this.currentLength*StandardLength));
		}
		if(slideNr == (this.currentLength-1))
		{
			var actLength = (StandardLength);
		}
		else if(slideNr < (this.currentLength-1))
		{
				var actLength = -eval($(slideId).getStyle('left').replace('px','')) - eval(slideNr*StandardLength);
		}
		this.currentLength = lengthNr/StandardLength;

		new Effect.Move(slideId,
		{
			x: actLength,
			mode: 'relative',
			duration: 0.4,
			transition: Effect.Transitions.sinoidal,
			queue: 'end'	
		});
	}
});
Event.observe(window, 'load', function()
{
	new SlideContent('menyPunkt', 'slideContainer',
	{
		nextBtnId : 'nextBtn',
		prevBtnId : 'prevBtn'
	});
});