var currentDidYouKnow = 1;
var didYouKnowXML;

$(document).ready(function () {
	
	$.ajax({
		type: "GET",
		url: "xml/didYouKnow.xml",
		dataType: "xml",
		success: function(xml) {
			didYouKnowXML = $(xml);
			currentDidYouKnow = didYouKnowXML.find("didYouKnow").find("item").length;
			showDidYouKnow();
		}
	});
		
	//attach navigation
	var dykNav = '<a id="didYouKnow_leftArrow" href="#" onclick="didYouKnowGo(-1); return false" class="didYouKnow_leftArrow"><img alt="Previous" src="images/didyouknow/nav_left.gif"></a>';
	
	dykNav += '<a id="didYouKnow_rightArrow" href="#" onclick="didYouKnowGo(1); return false" class="didYouKnow_rightArrow"><img alt="Next" src="images/didyouknow/nav_right.gif"></a>';
	
	$("#didYouKnowNavigation").html(dykNav);

});

function showDidYouKnow() {

	$("#didYouKnowContent").stop();
	$("#didYouKnowContent").hide();
	//$("#didYouKnowContent").css({ opacity: 1 });
	//removeFilter("didYouKnowContent");
	
	if (currentDidYouKnow == 1) {
		$("#didYouKnow_leftArrow").fadeTo(1, 0.35);
		
		$("#didYouKnow_leftArrow").css("cursor", "default");
	} else {
		$("#didYouKnow_leftArrow").fadeTo(1, 1);
		$("#didYouKnow_leftArrow").css("cursor", "");
	}
	
	if (currentDidYouKnow == didYouKnowXML.find("didYouKnow").find("item").length) {
		$("#didYouKnow_rightArrow").fadeTo(1, 0.35);
		$("#didYouKnow_rightArrow").css("cursor", "default");
	} else {
		$("#didYouKnow_rightArrow").fadeTo(1, 1);
		$("#didYouKnow_rightArrow").css("cursor", "");
	}

	var didYouKnowLoop = 1;

	didYouKnowXML.find("didYouKnow").find("item").each(function() {
		if (didYouKnowLoop == currentDidYouKnow) {
			$("#didYouKnowContent").html($(this).text());
			$("#didYouKnowContent").fadeTo('fast', 1, removeFilter("didYouKnowContent"));
		}
		didYouKnowLoop++;
	});
}

function didYouKnowGo(whichDirection) {
	if (currentDidYouKnow + whichDirection >= 1 && currentDidYouKnow + whichDirection <= didYouKnowXML.find("didYouKnow").find("item").length) {
		currentDidYouKnow = currentDidYouKnow + whichDirection;
		showDidYouKnow();
	}
}

function removeFilter(element) {
	$(element).removeAttr("filter");
}