$(document).ready(function() {
	var xmlDataSet;
	var baseURL = "";
	var xmlURL= baseURL + "xml/featureSlides.xml";
	var imgBaseURL = baseURL + "images/";
	var featureInterval;
	
	var newImgURL;
	var newBgColor;
	var accentColor;
	var descriptionProject;
	var descriptionRole;
	var descriptionLinkText;
	var descriptionLink;
	var firstTime = true;
	var slideID;
	var numSlides = 0;
	
	var allImgs = [],
		loaded = 0,
		imgUrls = [],
		errorTimer;
	
	featureInterval = setInterval(changeSlide, 10000);
	
	// Load an XML document
	$.ajax({
	  type: "GET",
	  url: xmlURL,
	  dataType: "xml",
	  timeout: 20000,
	  error: function(){
		alert('There was an error loading a file. Please try refreshing the page.');
	  },
	  success: function(d){
		xmlDataSet = d;
		numSlides = $("slide",xmlDataSet).length;
		slideID = Math.floor(Math.random() * numSlides);
		updateSlide();
	  }
 	});
	
	// Get the XML data for the slideID
	function parseXML() {
		// Get the data for the first slide
		var slideData = xmlDataSet.getElementsByTagName("slide")[slideID];
		newImgURL = imgBaseURL + $(slideData).attr("bgimage");
	}
	
	function fadeOut (dur, fnct) {
		$("#gradient").css('background', 'url(' + imgBaseURL + 'gradient-down-gray.png) repeat-x 0 -2000px'); 
     	$("#gradient").stop().animate(
			{backgroundPosition:"(0 0)"}, 
			dur,
			fnct
		);
	}
	
	function fadeIn(dur) {
		$("#gradient").animate(
			{backgroundPosition:"(0 -2000px)"}, 
			dur
		);
	}
	
	function changeSlide() {
		fadeOut(1000, updateSlide);	
	}
	
	function updateSlide() {
		slideID++;
		if(slideID == numSlides) {
			slideID = 0;
		}
		
		parseXML();
		$("#wrapper").css('background-image', 'url(' + newImgURL + ')');
		fadeIn(1000);
	}
	
});