/**
 * @author matthew.nuzum @ canonical.com
 */
var count = 1;
var transition_elements = [];
//var transition_images = ['masthead-left-home4.jpg', 'masthead-left-home3.jpg', 'masthead-left-home1.jpg', 'masthead-left-home2.jpg'];

function Switchimage() {
	transition_elements[count].injectAfter($$('.features-main-image img')[0]);
	// $E('.features-main-image img').background = str_prefix + '' + transition_images[count];
	$E('.features-main-image img').remove();
	transition_elements[count].effect('opacity', {duration: 2000}).start(0,1).chain(
		function(){
			if(count == 0) {
				transition_elements[transition_elements.length - 1].setOpacity(0);
			} else {
				transition_elements[count - 1].setOpacity(0);
			}
			count++;
			if(count == transition_elements.length)	count = 0;
        	}
	)
}

window.addEvent('load',
	function() {
		for (var i = 0; i < transition_images.length; i++) {
			transition_elements[i] = new Element('img');
			transition_elements[i].src = str_prefix + '' + transition_images[i];
			transition_elements[i].setOpacity(0);
		}
	
		var transition = Switchimage.periodical(6000);
		// this will stop the transistions after 30 seconds
		// $clear.pass(transition).delay(30000);
		// in the future, investigate using Asset.image
	}
);