window.addEvent('domready', function(){
	var bg_images = $$('#bg_images img');
	var bg_overlay = $('bg_overlay');
	var bg_idx = 0;
	var bg_fx = bg_overlay.effect( 'opacity', {duration: 1500, transition: Fx.Transitions.linear} );
	
	bg_overlay.setStyle( 'opacity', 1 );
	bg_images[0].setStyle( 'display', '' );
	for( var i = 1; i < bg_images.length; ++i )
		bg_images[i].setStyle( 'display', 'none' );

	function do_bg_swap()
	{
		bg_fx.start( 1 ).chain( function(){
			bg_images[bg_idx].setStyle( 'display', 'none' );
			if( bg_idx == bg_images.length - 1 )
				bg_idx = -1;
			bg_images[++bg_idx].setStyle( 'display', '' );
			this.start( 0 );
		} );
	}
	
	bg_fx.start( 0 ).chain( function(){ do_bg_swap.periodical( 10000 ) } );
	
	var bars = $$('#home_bars li');
	var bars_fx = new Array( bars.length );
	var bars_idx = 0;
	
	function do_bar_show()
	{
		bars_fx[bars_idx++].start( -30 );
	}
	
	for( var i = 0; i < bars.length; ++i )
	{
		bars_fx[i] = bars[i].effect( 'margin-left', {duration: 1000, transition: Fx.Transitions.backOut} );
		setTimeout( do_bar_show, (i + 1) * 750 );
	}
});