/**
 * @package		Gantry Template Framework - RocketTheme
 * @version		1.5.0 December 30, 2010
 * @author		RocketTheme http://www.rockettheme.com
 * @copyright 	Copyright (C) 2007 - 2010 RocketTheme, LLC
 * @license		http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
 */

(function(){
	
	var MA = this.MaelstromAnim = {
		init: function(){
			MA.bgs = [document.id('rt-header-background'), document.id('rt-header-background2'), document.id('rt-header-background3')];
			
			MA.fxs = [];
			MA.bgs.each(function(bg, i){
				var fx = new Fx.Tween(bg, {
					duration: MaelstromHeader.duration,
					link: 'cancel',
					transition: MaelstromHeader.transition,
					onComplete: function(){
						MA.fxs.each(function(fx, i){
							if (i != MA.current) fx.set('opacity', 0);
						});
					}
				}).set('opacity', (!i) ? 1 : 0);
				MA.fxs.push(fx);
			}, this);
			
			MA.current = -1;
			MA.next.periodical(MaelstromHeader.delay);
			MA.next();
		},
		
		next: function(){
			MA.current += 1;
			if (MA.current >= MA.bgs.length) MA.current = 0;
			
			MA.fxs.each(function(fx, i){
				if (i == MA.current) MA.bgs[i].setStyle('z-index', 2);
				else MA.bgs[i].setStyle('z-index', 1);
			}, this);
			
			MA.fxs[MA.current].start('opacity', 1);
			 
		}
	};
	window.MA = MA;
	window.addEvent('domready', MaelstromAnim.init);
	
})();