window.addEvent('domready', function(){
	$$('div.mast div').setStyle('opacity', 0);
	$$('div.mast div').setStyle('display', 'block');
	$$('div.mast div:first-child').fade(1);
	var rotateMast = function() {
		var current = $$('div.mast div:first-child');
		var next = $$('div.mast div:nth-child(2)');
		current.fade(0);
		next.fade(1);
		current.inject('mast');
	}
	var rorateMastPeriodical = rotateMast.periodical(8000);
	$$('img.control-back').addEvent('click', function(){
		var current = $$('div.mast div:first-child');
		var last = $$('div.mast div:last-child');
		current.fade(0);
		last.fade(1);
		last.inject('mast', 'top');
	});
	$$('img.control-pause').addEvent('click', function(){
		if (this.hasClass('playing')) {
			$clear(rorateMastPeriodical);
		}
		else {
			rorateMastPeriodical = rotateMast.periodical(8000);
			rotateMast();
		}
		this.toggleClass('playing');
	});
	$$('img.control-next').addEvent('click', function(){
		rotateMast();
	});
});