var $E = YAHOO.util.Event,
$D = YAHOO.util.Dom,
$ = YAHOO.util.Dom.get;

YAHOO.namespace('IEDesign');

var $DOM = YAHOO.util.Dom;
var $EVENT = YAHOO.util.Event;

var transition_box = null;
var filenames = null;

// The image cycling variable (starts at beginning of array)
var cycle_image = 0;


function fader() {
	
	YAHOO.util.Dom.setStyle('iv-content2', 'background-image', 'url(/frontpage_images/' + fileArray[cycle_image] + ')');
	
    var myAnim = new YAHOO.util.Anim('iv-content2', {
  	opacity: { to: 1}
	}, 2, YAHOO.util.Easing.easeBothStrong);
    myAnim.animate();
	
	if (cycle_image==(fileArray.length-1)) {
		
		cycle_image = 0;
		
	} else {
	
		cycle_image++;
	
	}
	
}



function timer(){

	spinquote = setInterval(function(){							 						 
	
	var myAnim = new YAHOO.util.Anim('iv-content2', {
  	opacity: { to: 0} 
	}, 2, YAHOO.util.Easing.easeBothStrong);
	
	myAnim.onComplete.subscribe(fader);
	YAHOO.util.Dom.setStyle('iv-content', 'background-image', 'url(/frontpage_images/' + fileArray[cycle_image] + ')');
	myAnim.animate();
	
	}, 4000);


}


function kicktimer(){

	var myAnim = new YAHOO.util.Anim('iv-content2', {
		opacity: { to: 1} 
		}, 2, YAHOO.util.Easing.easeBothStrong);
	
	myAnim.onComplete.subscribe(fader);

    myAnim.animate();
	
}

//////////////////////////////////////////////////////////////////

YAHOO.IEDesign.LNWidget = function () {
	
	var interval = 4000;
	var ulElement = false;
	var scrElement = false;
	var shiftAmount = 30;
	
	var attributes = {
		top: { by: -30 }
	};
	
	//articles = $D.getElementsByClassName('article','li','ln-articles_home');

	var animateScroll = function () {
		
		var anim = new YAHOO.util.Anim(ulElement, attributes, 1, YAHOO.util.Easing.easeOut);
		anim.animate();
		anim.onComplete.subscribe(function() {
										   
			var copy = $D.getFirstChildBy(ulElement, function(el) {
				if (el.nodeName == 'LI') return true;
				else return false;
			});
			
			// Remove the element that just passed off screen
			ulElement.removeChild(copy);
			
			pos = $D.getStyle(ulElement,'top');
				
			// Parse the position to an integer
			newPos = parseInt(pos) + shiftAmount;

			$D.setStyle(ulElement,'top',newPos + 'px');
			
			/*for (i=0;i<articles.length;i++) {
			
				// Get current position of this article
				pos = $D.getStyle(articles[i],'top');
				
				// Parse the position to an integer
				newPos = parseInt(pos) + shiftAmount;

				$D.setStyle(articles[i],'top',newPos + 'px');
			
			}*/
			
			// Add it to the bottom of the list
			ulElement.appendChild(copy);
			
			setTimeout(animateScroll, interval);
			
		}); 		
	}

	ulElement = $('ln-articles_home');
	scrElement = $('ln-scrolling_home');
	if (ulElement && scrElement) {
		
		// Only animate if we have more than 3 articles
		//if (articles.length>3) {
			setTimeout(animateScroll, interval);
		//}
		
	}

}();

//////////////////////////////////////////////////////////////////


$EVENT.onDOMReady(function(){
						
	// Get the transition box
	transition_box = $DOM.get('iv-content2', 'div');
	
	// Get the image list
	image_list = $DOM.get('transition_images', 'div');
	filenames = image_list.innerHTML;
	
	// Convert to array
	fileArray = filenames.split(',');
	
	YAHOO.util.Dom.setStyle('iv-content2', 'background-image', 'url(/frontpage_images/' + fileArray[cycle_image] + ')');
	
	// Start the transitions
	if (null!=fileArray) {
	
		kicktimer();
		timer();
		startTransitions(fileArray);
	
	}
	
	YAHOO.IEDesign.LNWidget.init;
		
});