var Slides = function( lis )
{
	var controle = DOM.create( 'ul' );
	controle.className = 'controle';

	var ulOriginal = $($('noticias').$t('ul')[0]);

	var li;
	for ( var i=0, l=Slides.lis.length; i<l; i++)
	{
		li = DOM.create('li');
		li.innerHTML = '0'+ (i+1);
		li.indice = i;
		Evt.add( li, 'click', function() { Slides.trocaSlide( this.indice );  } );
		DOM.inside( li , controle );
	}
	DOM.before( controle, ulOriginal );
	Slides.itensControle = $t('li', controle);
	Slides.trocaSlide( 0 );

	ulOriginal.addEvent( 'mouseover', Slides.interrompeTempo );
	ulOriginal.addEvent( 'mouseout', Slides.iniciaTempo );
}

Slides.tempo = 4000;
Slides.itensControle = [];
Slides.atual = 0;
Slides.interval = null;
Slides.imgs = [];

Slides.proximo = function() { Slides.trocaSlide(Slides.atual+1); }
Slides.anterior = function() { Slides.trocaSlide(Slides.atual-1); }

Slides.iniciaTempo = function() { Slides.interval = setTimeout( Slides.proximo, Slides.tempo ); }
Slides.interrompeTempo = function() { clearTimeout(Slides.interval); }

Slides.trocaSlide = function( slide )
{
	if( slide > Slides.lis.length-1 ) slide = 0;
	if( slide < 0 ) slide = Slides.lis.length;

	Slides.atual = slide;

	var atual = $( Slides.lis[Slides.atual] );
	Slides.lis.forEach( function( el ){ el.style.display = 'none'; } );
	atual.style.display = 'block';

	for( var i=0, l=Slides.itensControle.length; i<l; i++ ) {
		Slides.itensControle[i].className = i == Slides.atual ? 'atual' : '';
	}

	Slides.interrompeTempo();
	Slides.iniciaTempo();
}

bodyLoad.add( function() {

	var lis = $('noticias').$t('li');
	if( !lis ) return;

	Slides.lis = lis;
	Slides( lis );

});