var xml;
var lastItem;
var itemIndex = 	0;
var prevItemIndex;


function faderLoaded(url){
	new Ajax.Request(url, {
	method: 'get',
	onSuccess: successFunc,
	onFailure: failureFunc
	});
	
	function successFunc(response){

		xml = 			response.responseXML;
		lastItem = 		xml.getElementsByTagName("item").length - 1;
		preloadImages();

		transitionItemIn();
		setInterval("transitionItemIn()", 10000);
	}
	
	function failureFunc(response){
		var str = "";
		for(var objName in response){
			str += 	objName + " -> " + response[objName];
		}
		alert("AJAX Request failure: " + url + "\nResponse:\n" + str);
	}
}

function addItem(){
	var contentDiv = 		document.getElementById("fader_content");
	
	var str = 		"";
	var i = 		itemIndex;
	var image = 	xml.getElementsByTagName("item")[i].getAttribute('img');
	var title = 	xml.getElementsByTagName("item")[i].getAttribute('title');
	var bodyText = 	xml.getElementsByTagName("item")[i].getAttribute('body');
	var linkText = 	xml.getElementsByTagName("item")[i].getAttribute('link');
	var uri = 		xml.getElementsByTagName("item")[i].getAttribute('uri');
	
	str += 	'<div id="item' + i + '" class="item" style="display:none;height:600px">';
	str += 	'\n';
	//alert(image);
	if(image!="../images/ChartPics/"){ str += '<img src="' + image + '" alt="' + title + '" name="' + title + '" width="170" border="0" />'}
	str += '<div style="padding:10px"><h2>' + title + '</h2> ';
	str += 	bodyText + '<br /><br /><br />';
	str += 	'<a href="' + uri + '">' + linkText + '</a><div>';
	str += 	'</div>';
	
	contentDiv.innerHTML += 	str;
}

function transitionItemIn(){
	addItem();
	var elemID = 		"item" + itemIndex;	
	new Effect.Appear(elemID, {from:0, to:1, duration:1, delay:0.3, afterFinish:removePreviousItem});
	
	
}

function removePreviousItem(){
	if(prevItemIndex >= 0){
		$('item' + prevItemIndex).remove();
		//var contentDiv = 	document.getElementById("fader_content");
		//var itemDiv = 		document.getElementById("item" + prevItemIndex);
		//contentDiv.removeChild(itemDiv);
	}
	prevItemIndex = 	itemIndex;
	
	itemIndex++;
	if(itemIndex > lastItem){
		itemIndex = 	0;
	}
}


function preloadImages(){
	for(var i = 0; i <= lastItem; i++){
		var uri = 		xml.getElementsByTagName("item")[i].getAttribute('uri');
		MM_preloadImages(uri);
	}
}