/*
	20090323 tomc
	20090601 tomc
	20110419 tomc
*/
// -------------------------------------------------------------------------- //
/*
	GENERIC SLIDESHOW
*/
// -------------------------------------------------------------------------- //
var Slideshow = new Class({
	
	ssDiv		:null,
	ssIndex		:0,
	ssInt		:0,
	ssPeriod	:8000,
	fadeTime	:2000,
	activeSlide :false,
	
	
	/*
		CONSTRUCTION TIME
	*/
	initialize:function( div, time, fadeTime ){
		if( div ){
			this.ssDiv = div;
		}
		else{
			throw("invalid element");
		}
		if( time ){
			this.ssPeriod = time;
		}
		if( fadeTime ){
			this.fadeTime = fadeTime;
		}
		
		
		var slides = div.getElements('.slide');
		if( !slides.length ) return;
		
		// DISCOVER ACTIVE SLIDE //
		var foundActive = false; 
		slides.each(function(slide){
			if( slide.hasClass("active") && !foundActive ){
				if(foundActive){
					slide.removeClass("active");
				}
				else{
					foundActive = true;
				}
			}
		});
		if( !foundActive ){
			slides[0].addClass("active");
		}
		
		this.activeSlide = slides[0];
		
		/*
			RESET STYLES OF SLIDE ELEMENTS
		*/
		slides.each(function( slide, _i, _v ){
			
			//this.ssPeriod = 6000;
			slide.set('tween',{ duration:this.fadeTime, transition: Fx.Transitions.Quad.easeOut });
			//slide.getElements("*").set('tween',{ duration:this.fadeTime, transition: Fx.Transitions.Quad.easeOut });
			
			if( slide.hasClass('active') ){
				slide.setStyles({
					zIndex		:1,
					opacity		:1,
					display		:'block'
				})//.fade('show');
				this.activate(slide, true);
			}
			else{
				slide.setStyles({
					zIndex		:0,
					opacity		:0,
					display		:'block'
				})//.fade('hide');
				this.deactivate(slide, true);
			}
			
		}, this);
		
		/*
			START THE SLIDE SHOW
		*/
		this.resume();
	},
	
	
	/*
		BEGIN SLIDESHOW
	*/
	resume:function(){
		this.ssInt = this.nextSlide.periodical( this.ssPeriod, this );
	},
	
	
	/*
		SEEK A PARTIULAR SLIDE
	*/
	seek:function( _i ){
		$clear( this.ssInt );
		nextSlide( _i );
	},
	
	
	/*
		reindex z order
	*/
	zauto:function(){
		this.ssDiv.getElements( '.slide' ).each( function( slide, index, slides ){
			slide.setStyle( 'z-index', 0 );
		});
	},
	
	/*
		DEATIVATE SLIDE
	*/
	deactivate:function( slide, firstFrame ){
		this.zauto();
		
		slide.setStyle( 'z-index', 1 );
		slide.removeClass( 'active' );
		
		if( !firstFrame ){
			(function(){
				slide.fade(1,0);
			}).delay(1000);
		}
		
		slide.getElements('.slide-in').each(function(slideIn,i,v){
			//(function(){
				slideIn.morph({left:[0,-1000]});
			//}).delay((v.length-i)*300);
		});
	},
	
	
	/*
		ACTIVATE SLIDE
	*/
	activate:function( slide, firstFrame ){
		slide.setStyle("z-index", 2);
		slide.addClass('active');
		this.activeSlide = slide;
		
		if( !firstFrame ){
			(function(){
				slide.fade(0,1);
			}).delay(1000);
		}
		
		slide.getElements('.slide-in').each(function(slideIn,i){
			slideIn.setStyles({
				position	:'absolute',
				left		:-1000
			});
			(function(){
				slideIn.morph({left:[-1000,0]});
			}).delay(1500/*+(i*300)*/);
		});
		
	},
	
	
	/*
		
	*/
	nextSlide:function(  ){
		var slides 		= this.ssDiv.getElements('.slide');
		var complete 	= false;
		
		slides.each( function( slide, index, slides){
			if( complete ) return;
			
			if( slide == this.activeSlide ){
				
				var next = slides[0];
				
				if( index < slides.length - 1 ){
					next = slides[index+1];
				}
				
				this.deactivate( slide );
				this.activate( next );
				
				//this.activeSlide = next;
				
				complete = true;
			}
		}, this);
	}
});


// -------------------------------------------------------------------------- //
/*
	ENTRY
*/
// -------------------------------------------------------------------------- //
window.addEvent( 'domready', function(){
	$$('.ecl-slideshow').each( function( slides ){
		slides.getElements('h2.fake-bg').each(function(h2){
			clone = h2.clone();
			clone.addClass('h2-fake-bg-el');
			clone.inject(h2,'before');
		});

		//	<div style="background:#3a3239; position:absolute; bottom:0px; left:0; width:100%; height:56px; opacity:0.75;"></div>
		slides.getElements('h3.fake-bg').each(function(h3){
			var e = new Element('div',{
				'class'	:'fake-bg-el',
				styles	:{
					position		:'absolute',
					opacity			:0.75,
					bottom			:0,
					width			:'100%',
					height			:56,
					background		:'#3a3239'
				}
			}).inject(h3,'before');
		});
		
		new Slideshow( slides, 9000 );
	});
});