window.addEvent( 'domready', function() {

	// scroll
	if( $('imageList') ) {
		var elems = $$('#imageList li');
		var size = elems.length;
		var indices = $$('.galleryControls li a');
		var indice = 0;
		var periodical;

		if( size > 0 ) {
			var s = new Fx.Scroll( $('imageList'), {
				duration: 1000,
				wait: false
			}).toElement( elems[indice] );

			var coordsx = new Array();
			elems.each( function( item, index ) {
				coordsx[index] = elems[index].getPosition().x - elems[0].getPosition().x;
			});

			// periodical
			var fx = function() {
				indices.each( function( item2, index2 ) {
					item2.getParent( 'li' ).removeClass( 'selected' );
				});
				indices[indice].getParent( 'li' ).addClass( 'selected' );
				s.start( coordsx[indice], 0 );
				if( indice == size - 1 ) indice = 0;
				else indice++;
			};
			periodical = fx.periodical( 5000 );

			indices.each( function( item, index ) {
				item.addEvent( 'click', function( e ) {
					new Event.stop( e );
					$clear( periodical );
					indices.each( function( item2, index2 ) {
						item2.getParent( 'li' ).removeClass( 'selected' );
					});
					item.getParent( 'li' ).addClass( 'selected' );
					s.start( coordsx[index], 0 );
					indice = index;
					periodical = fx.periodical( 5000 );
				});
			});
		}
	}

});