IEURL = URL;
var Slides = function( $target , $time )
{
	var li, lib, a, i=0, o=this;
	this.$src = $($target.cloneNode(true));
	$target.style.visibility = 'hidden';
	this.$tgt = $(DOM.create('div'));
	this.$tgt.addClass( 'Slide' );
	this.$tgt.before( $target );

	this.$time = $time ? $time : 5000;
	this.interval = null;

	this.lis = this.$src.$t('li');

	DOM.rem( $target );

	// making menu and body
	this.$menu = this.$tgt.create( 'ul' , { id: 'slideMenu' });
	this.$body = this.$tgt.create('ul', { id: 'slideBody' });

	// criando slide
	this.lis.forEach(
		function( el ) {
			li = o.$menu.create('li');
			li.style.cursor = 'pointer';
			li.innerHTML = i+1;
			li.inside( o.$menu );
			li.clickedIndex = i;
			li.addEvent( 'click', function(evt){ Evt.cancel(evt); o.changeSlide(this.clickedIndex) });

			lib = o.$body.create('li');
			lib.innerHTML = el.innerHTML;
			lib.inside( o.$body );


			i++;
		}
	);

	this.$menu.inside( this.$tgt );
	this.$body.inside( this.$tgt );

	this.$titles = this.$menu.$t('li');
	this.$contents = this.$body.$t('li');


	this.index = -1;
	this.next( );
}

Slides.prototype.changeSlide = function( index ) {

	if(index!=null) this.index = index;

	if(this.interval) clearInterval(this.interval);

	this.$titles.forEach( function( el ){ removeClass(el,'actual') } );
	addClass( this.$titles[this.index], 'actual' );

	this.$contents.forEach( function( el ){
		el.style.display = 'none';
		el.style.visibility = 'hidden';
	} );
	this.$contents[this.index].style.display = 'block';
	this.$contents[this.index].style.visibility = 'visible';

	var o=this;
	this.interval = setTimeout( function(){ o.next(); } , this.$time );
}

Slides.prototype.next = function() {
	this.index++;
	if(this.index>=this.lis.length) this.index=0;
	this.changeSlide( this.index );
}

function startSlide( t )
{
	t.style.display = 'none';
	var imgs=t.$t('img') , l=imgs.length;
	if(startSlide.i==null) startSlide.i=l;
	startSlide.load = DOM.create('div');
	startSlide.load.className = 'loading';
	DOM.before(startSlide.load, t);

	imgs.forEach(function(el){
			if(el.complete){ startSlide.i--; startSlide.start(t); }
			el.onload = function(){ startSlide.i--; startSlide.start(t); }
		}
	);

}

startSlide.start = function( t ){
	if(startSlide.i<=0)
	{
		if(startSlide.load) { DOM.rem(startSlide.load); startSlide.load=null; }
		t.style.display = 'block';
		new Slides( t , 7000 );
	}
}

startSlide.i=null;

onElementLoad('destaques', startSlide );