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

	// main slider
	var i = 0;
	var elems = $$( '#galleryBox ul li' );
	var navItems = $$( '#navList li a' );

	function changeImageAuto() {
		if( i <= 3 ) i++;
		else i = 0;
		changeDesc( i );
		s.toElement( elems[i] );
	}

	function changeDesc( numero ) {
		var descricaoAntiga = $$( '#galleryBox ul li a' )[numero].get( 'rel' );
		divisao = descricaoAntiga.split( '?' );
		var novaDescricao = '<span>' + divisao[0] + ' / </span>' + divisao[1];
		$$( '#mainGallery p' ).set( 'html', novaDescricao );
		navItems.each( function( item ) {
			item.removeClass( 'selected' );
		});
		navItems[i].addClass( 'selected' );
	}

	var s = new Fx.Scroll( $( 'galleryWrapper' ), {
		duration: 500,
		wait: false,
		transition: Fx.Transitions.Sine.easeInOut
	}).toElement( elems[i] );

	var intervalID = changeImageAuto.periodical( 8000 );

	$$( '#mainGallery #navList li a' ).each( function( item ) {
		item.addEvent( 'click', function( e ) {
			Event( e ).stop();
			i = item.get( 'html' ) - 1;
			s.toElement( elems[i] );
			var numero = item.get( 'html' ) - 1;
			changeDesc( numero );
		});
	});

	// clients slider
	clientsSlider();

});

function clientsSlider() {

	var i = 0;
	var elems = $$( '#clientBoxImage ul li' );
	var tamanho = elems.length;

	var s = new Fx.Scroll( $( 'listWrapper' ), {
		duration: 500,
		wait: false,
		transition: Fx.Transitions.Sine.easeInOut
	}).toElement( elems[i] );

	$( 'moveLeft' ).addEvent( 'click', function( e ) {
		Event( e ).stop();
		if( i > 0 ) {
			i--;
			s.toElement( elems[i] );
		}
	});

	$( 'moveRight' ).addEvent( 'click', function( e ) {
		Event( e ).stop();
		if( i < tamanho - 3 ) {
			i++;
			s.toElement( elems[i] );
		}
	});

}