var MultiSlideshow = function(){
	this.selectedIndex = null;
	this.slideshows = [];
	this.first = true;
	this.init();
}
MultiSlideshow.prototype = {
	
	init : function(){
		var $this = this;
		this.slideshows = $('.slideshow').slideShow({autorun:false}).bind('looped', function(e){
			var next = $this.selectedIndex + 1;
			if (next > ($this.slideshows.size() -1)){
				$('#touts .tout').eq(0).click();
			} else {
				$('#touts .tout').eq(next).click();
			}
		});
		$('#touts .tout a').attr('href', 'javascript:;');
		$('#touts .tout').each(function(i){
			var $$this = this;
			$(this).click(function(e){
				if ($this.selected != i){
					$($$this).parent().children().eq($this.selectedIndex).removeClass('active');
					if (!$this.first) $this.slideshows.eq($this.selectedIndex).fadeOut(1000);
					$this.slideshows.eq($this.selectedIndex).stopSlides();
					$this.selectedIndex = i;
				}
				
				$($$this).addClass('active');
				$this.slideshows.eq(i).resetSlides();
				if ($this.first){
					$this.slideshows.eq(i).show(1000);
				} else {
					$this.slideshows.eq(i).fadeIn(1000);
				}
			});
		});
		
		$(window).load(function(){
			$('#touts .tout').eq(0).click();
			$this.first = false;
		})
	}
	
}

var multiSlideshow
$().ready(function(){
	multiSlideshow = new MultiSlideshow();
});