var Slideshow=new Class({
	sid: null,
	
	count: null,
	current: 0,
	
	imgs: null,
	tabs: null,
	
	
	initialize: function(imgs, tabs) {
		this.imgs=imgs;
		this.tabs=tabs;
		
		this.count=this.imgs.length;
		
		this.imgs.each(function(el) {
			el.fade('hide');
			el.getElement('img').setStyle('display', 'block');
		});
		
		var This=this;
		
		this.tabs.each(function(el, i) {
			el.addEvent('click', This.selectImage.bind(This, i));
		});
		
		this.selectImage(0);
		
		this.next.periodical(5000, this);
	},
	
	selectImage: function(index) {
		this.current=index;
		
		if (this.current>=0 & this.current<this.count) {
			this.tabs.each(function(el, i) {
				if (index==i) {
					el.addClass('current');
				} else {
					el.removeClass('current');
				}
			});
			
			this.imgs.each(function(el, i) {
				if (index==i) {
					el.fade(1);
				} else {
					el.fade(0);
				}
			});
		}
	},
	
	prev: function() {
		var index=this.current;
			
		if (index<=0) index=this.count;

		index=(index-1)%this.count;
		this.selectImage(index);
	},
	
	next: function() {
		this.selectImage((this.current+1)%this.count);
	}
});