// Homepage Featured Books
function loadBooks(type, container) {

	$(container).css('display', 'block');	
	// Translate XML node names to directory names
	var directories = {
		'staff_book' : 'staff',
		'favorite_book' : 'favorites',
		'new_book' : 'new',
		'kids_book' : 'kids',
		'ya_book' : 'young_adult'
	};
	var html = "";

	$.ajax({
	  url: 'xml_assets/newbook_list.xml',
	  success: function(xml) {
		$(xml).find(type).each(function(index) {
			var title = $(this).attr('title');
			var author = $(this).attr('author');
			var url = $(this).attr('url');
			
			html += '<div><a href="' + url + '" target="_blank"><img src="images/books/' + directories[type] + '/book' + (index + 1 ) + '.jpg" alt="" /></a><p><a href="' + url + '" target="_blank">' + title + '</a><br /><span>by</span> ' + author + '</p><div class="clear"></div></div>';
		});
		$('#book-list').html(html);
	  }
	});
}



// Homepage Events Calendar Setup
$(document).ready(function(){	
	
	// Show the events calendar if JS is enabled
	$('.events').css("display", "block")
	
	var date = new Date();
	date = date.getMonth();
	var month = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
	var unique = [ ];
	var keys = { };
	
	// HTML content
	var eventHtml = '<tr><th>Date</th><th>Time</th><th>Event</th></tr>';
	var navHtml = "";
	
	//alert('variables defined');
	// Connect to the XML	
	$.ajax({
	  url: 'xml_assets/events.xml',
	  success: function(xml) {	
	//	alert('xml loaded');
		// Set up the event navigation
		$("[date]", $(xml)).each(function(index) {
			keys[this.nodeName] = true;
		});
		
		for(k in keys)
		{
		  unique.push(k);
		}
	//	alert('unique defined, length = ' + unique.length);		
		$.each(unique, function(index) {
			if (unique[index].toLowerCase() == month[date].toLowerCase()) {
				navHtml += '<li><a href="javascript:void(0);" onclick="showMonth(\'' + unique[index] + '\')" rel="' + unique[index].toLowerCase() + '" class="active">' + unique[index] + '</a></li>';
			} 
			else {
				navHtml += '<li><a href="javascript:void(0);" onclick="showMonth(\'' + unique[index] + '\')" rel="' + unique[index].toLowerCase() + '">' + unique[index] + '</a></li>';
			}	
		});
		$('#events-nav').html(navHtml);
	
		// Fill the current month's events
		$(xml).find(month[date].toLowerCase()).each(function() {
			var date = $(this).attr('date');
			var time = $(this).attr('time');
			var blurb = $(this).text();
			
			eventHtml += '<tr><td>' + date + '</td><td>' + time + '</td><td>' + blurb + '</td></tr>';
		});
	
		eventHtml += '<tr class="last"><td colspan="3">&nbsp;</td></tr>';
		$('#events-content').html(eventHtml);
	  }
	});
});


// Switch Month
function showMonth(month) {
	var currentMonth = month.toLowerCase();
	var eventHtml = '<tr><th>Date</th><th>Time</th><th>Event</th></tr>';
	var calendar = $('#events-content');
	var nav = $('#events-nav');
	
	calendar.fadeTo('normal', 0, function() {
		$.ajax({
		  url: 'xml_assets/events.xml',
		  success: function(xml) {		
			// Fill the current month's events
			$(xml).find(currentMonth).each(function() {
				var date = $(this).attr('date');
				var time = $(this).attr('time');
				var blurb = $(this).text();
			
				eventHtml += '<tr><td>' + date + '</td><td>' + time + '</td><td>' + blurb + '</td></tr>';
			});
	
			eventHtml += '<tr class="last"><td colspan="3">&nbsp;</td></tr>';
			calendar.html(eventHtml);
			calendar.fadeTo('normal', 1);
		  }
		});
	});
	
	$('#events-nav').find('a').removeClass('active')
	$('#events-nav').find('a').each(function() {
		if ($(this).attr('rel') == currentMonth) {
			$(this).addClass('active');
		}
	});
	
}