/**
 * @author Marcel Fiedrich
 */

var newsMorph = function() {
	
	// Configuration Vars
	var periodicalTime = 5000;
	var transitionTime = 1250;
	var newsObjs = $$('.newsObj');
	var newsList = $('newsHomeLatestContainer');
	
	if ($chk(newsList) && newsObjs.length > 1) {
	
		var midContentHeight = new function(){
			
			var newsObjHeight = 550;
			newsObjs.each(function(element, index) {
				element.setStyle('background-color', '#ffffff');
				var actHeight = element.getStyle('height').toInt();
				if(actHeight > newsObjHeight)
					newsObjHeight = actHeight;
			});
			var midContent = $('midContent');
			var stageContent = $('loeweStageContent');
			
			midContent.setStyle('height', newsObjHeight);
			
		}
		
		if ($chk(newsList)) {
		
			//Starting the part of the news switcher
			
			newsObjs.each(function(element, index){
			
				//since the viewer obviously has javascript on, we can remove the 'firstObj' class
				if (index == 0) {
					element.removeClass('firstObj');
					element.setStyle('display', "block");
				}
				else {
					element.setStyle('display', "none");
					element.setStyle('opacity', "0");
					
				}
				
			});
			
			
			var newsFaderFunc = new function(){
			
				var numObjs = newsObjs.length;
				var objNum = 0;
				
				var fx = function(){
				
					var curObj = newsObjs[objNum];
					
					if (objNum < (numObjs - 1)) {
						objNum++;
					}
					else {
						objNum = 0;
					}
					
					var newObj = newsObjs[objNum];
					
					var fadeIn = new Fx.Morph(newObj, {
						duration: transitionTime,
						transition: Fx.Transitions.Quad.easeInOut,
						wait: false
					}).addEvent('onStart', function(){
						newObj.setStyle('display', "block");
					});
					
					var fadeOut = new Fx.Morph(curObj, {
						duration: 500,
						transition: Fx.Transitions.Quad.easeInOut,
						wait: false
					}).addEvent('onComplete', function(){
						curObj.setStyle('display', "none");
					});
					
					fadeOut.start({
						'opacity': [0]
					});
					fadeIn.start({
						'opacity': [0, 1]
					});
					
				};
				var periodical;
				periodical = fx.periodical(periodicalTime, this);
				newsList.addEvent('mouseenter', function(){
					$clear(periodical);
				});
				newsList.addEvent('mouseleave', function(){
					periodical = fx.periodical(periodicalTime, this);
				});
			}
		}
	}
};