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

	var i = 0;
	var elems = $$('#galleryBox ul li');

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

	// mudar a descrição da imagem
	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);
		
		// mudar a cor do numero do item seleccionado
		$$('#navList li a').each( function(item, index) {
			item.set( 'class', '' );
		});
		$$('#navList li a')[i].set( 'class', 'selected' );
		
		// Cufon.replace('p');
	}

	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, index) {
		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 );
		});
	});
});