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

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

	DOM.rem( $target );

	this.dts = this.$src.$t('dt');
	this.dds = this.$src.$t('dd');



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

	this.dds.forEach(
		function( el ) {
			$t('div', el)[0].innerHTML = '<h3>' + o.dts[i].innerHTML + '</h3>' + $t('div', el)[0].innerHTML;
			li = o.$body.create('li');
			li.innerHTML = '<span class="f1"></span><span class="f2"></span>' + el.innerHTML;

			li.inside( o.$body );

			var d = $t('div',li)[0];
			d.destiny = $t('a',li)[0].href;

			Evt.add( $t('div',li)[0], 'click', function(evt){ location.href = this.destiny; });

			i++;
		}
	);

	this.$body.inside( this.$tgt );
	this.$contents = this.$body.$t('li');

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

	i=0;
	this.dts.forEach(
		function( el ) {
			li = o.$menu.create('li');
			li.style.cursor = 'pointer';
			li.innerHTML = el.innerHTML;
			li.inside( o.$menu );

			li.clickedIndex = i;

			li.addEvent( 'click', function(evt){ Evt.cancel(evt); o.changeSlide(this.clickedIndex) });

			i++;
		}
	);

	this.$menu.inside( this.$tgt );
	this.$titles = this.$menu.$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.dts.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);
		t.style.display = 'block';
		new Slides( t , 7000 );
	}
}

startSlide.i=null;

bodyLoad.add( function(){
	startSlide( $("estruturas") );
} );