window.addEvent( 'domready', function() {
	var size = $$( '.landings .landing' ).length;
	if( size > 1 ) {
		var elems = $$( '.landings .landing' );
		var controls = $$( '#landingControls a' );
		var duration = 10000;

		elems.each( function( item, index ) {
			if( index > 0 ) {
				item.fade( 'hide' );
				controls[index].removeClass( 'active' );
			} else {
				item.fade( 'show' );
				controls[index].addClass( 'active' );
			}
		});
		var active = 0;
		// periodical
		var fx = function() {
			elems[active].fade( 'out' );
			controls[active].removeClass( 'active' );
			if( active == size - 1 ) active = 0;
			else active++;
			elems[active].fade( 'in' );
			controls[active].addClass( 'active' );
		};
		periodical = fx.periodical( duration );

		controls.each( function( item, index ) {
			item.addEvent( 'click', function( e ) {
				new Event( e ).stop();
				fx();
			});
		});

	}
});