// JavaScript Document Rotating News
var NewsItemsAmount = 3;
var myNumber = 3;

window.addEvent('domready', function() {									 
//Enter code below
//set news item amount to the amount of divs you have on page
var myNewsItem = $('News' + myNumber);

//remove highest index news item
var fn_rotate = function(param) {
var el = param;
el.set('morph', {duration: '500', transition: 'sine:in'});
el.morph({opacity: 0});
	
};

//Bring them back in to 100 percent opacity
var fn_rotate_b = function(param) {
var el = param;
el.set('morph', {duration: '500', transition: 'sine:in'});
el.morph({opacity: 1});
	
};
//with a little delay to hide from first bring back
var fn_rotate_c = function(param) {
var el = param;
el.set('morph', {delay:'220', duration: '2000', transition: 'sine:Out'});
el.morph({opacity: 1});
	
};

//function to loop news items
var rotate_loop = function() {
	if(myNumber > 0) {

	fn_rotate(myNewsItem);
	myNewsItem = $('News' + myNumber--);
	} else {

	myNumber = 3;
	myNewsItem = $('News' + 3);
	fn_rotate_b($('News3'));
	fn_rotate_c($('News2'));
	fn_rotate_c($('News1'));
	}
	
}

//run loop

rotate_loop.periodical(5500);



//Enter code above
});