// JavaScript Document

var splash_id = 0;
var slideshow_urls = Array('/images/home/slides/slide_plantation.jpg',
						   '/images/home/slides/slide_tractor.jpg',
						   '/images/home/slides/slide_trees.jpg',
						   '/images/home/slides/slide_silo.jpg',
						   '/images/home/slides/slide_tractor_2.jpg'
						   )

window.addEvent('domready', function(){
	
	this.next_background = function(){
		var outgoing_bg = $('splash_slideshow_outgoing_bg');
		var incoming_bg = $$('.splash')[0];
		
		
		var outgoing_bg_url = slideshow_urls[splash_id];
		splash_id = (splash_id+1)%slideshow_urls.length;
		var incoming_bg_url = slideshow_urls[splash_id];

		
		// set incoming
		incoming_bg.setStyle('background-image', 'url('+ incoming_bg_url +')');
		//outgoing_bg.setStyle('background-image', 'url('+ outgoing_bg_url +')');
		
		// set outgoing
		
	
		//outgoing_bg.setStyle('opacity', 1);			
		
		var transitionFx = new Fx.Tween(outgoing_bg, {duration:'long'});
		
		transitionFx.addEvent('complete', 
					function()
					   {
							outgoing_bg = arguments[0];
							incoming_bg_url = arguments[1];
							outgoing_bg.setStyle('background-image', 'url('+ incoming_bg_url +')');
							outgoing_bg.setStyle('opacity', 1);
							
						}.pass([outgoing_bg, incoming_bg_url])
							  );
		
		transitionFx.start('opacity', 1, 0);
		//outgoing_bg.tween('opacity', 1, 0).chain(function(){alert('done')});
		

	}
	
	this.prepare_slideshow = function(){
		var outgoing_bg = $('splash_slideshow_outgoing_bg');
		var splash_height = $$('.splash')[0].getSize().y;
		var loader_indicator = $('splash_slideshow_loader');
		
		loader_indicator.setStyle('visibility', 'visible');
		outgoing_bg.setStyle('height', splash_height);
		
		var loader = new Asset.images(slideshow_urls, { 
			onComplete:function(){
				$('splash_slideshow_loader').setStyle('visibility', 'hidden');
				this.next_background();
				this.next_background.periodical(5000);	
			}.bind(this)
		});
		
	}
	
	this.prepare_slideshow();
									 
	
})