/**
 * @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]);
transition_elements[count].effect('opacity', {duration: 1500}).start(0,1).chain(function(){
		$E('.features-main-image img').remove();
        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
});