window.addEvent('domready', function() {
	var story1 = $('Story1');
	var story2 = $('Story2');
	var story3 = $('Story3');
	var tab1 = $('Tab1');
	var tab2 = $('Tab2');
	var tab3 = $('Tab3');
	
	if (story1 && story2 && story3) {
		story3.fade(0);
		story2.fade(0);
		story1.fade(1);
		story3.style.display = 'block';
		story2.style.display = 'block';
		
		var show_tab1 = function(e) {
			story3.fade(0);
			story2.fade(0);
			tab1.className = 'active';
			tab2.className = '';
			tab3.className = 'right';
			story1.fade(1);
		}
		var show_tab2 = function(e) {
			story3.fade(0);
			story1.fade(0);
			tab1.className = 'left';
			tab2.className = 'active';
			tab3.className = 'right';
			story2.fade(1);
		}
		var show_tab3 = function(e) {
			story1.fade(0);
			story2.fade(0);
			tab1.className = 'left';
			tab2.className = '';
			tab3.className = 'active';
			story3.fade(1);
		}
		tab1.addEvent('click', function(e) {
			tab1.blur();
			show_tab1()
			$clear(sequence);
		});
	
		tab2.addEvent('click', function(e) {
			tab2.blur();
			show_tab2()
			$clear(sequence);
		});
	
		tab3.addEvent('click', function(e) {
			tab3.blur();
			show_tab3()
			$clear(sequence);
		});
		
		var counter = 1;
		var cycle_stories = function(e) {
			var position = counter % 3;
			switch (position){
				case 1:
				show_tab2();
				break;
	
				case 2:
				show_tab3();
				break;
	
				default:
				show_tab1();
				break;
			}
			counter++;
		}
		var sequence = cycle_stories.periodical(6000);
	}				
});