// JavaScript Document

$(document).ready(function(){
	$.ajax({
		type: "GET",
		url: "bookDivContent.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('book').each(function(){
				var id = $(this).attr('id')
				var image = $(this).find('image').text()
				var title = $(this).find('title').text()
				var author = $(this).find('author').text()
				var publisher = $(this).find('publisher').text()
				var date = $(this).find('date').text()
				var agent = $(this).find('agent').text()
				var website = $(this).find('website').text()
				var reviews = $(this).find('reviews').text()
				var previous_book = $(this).find('previous_book').text()
				var next_book = $(this).find('next_book').text()
				var previous_book_fiction = $(this).find('previous_book_fiction').text()
				var next_book_fiction = $(this).find('next_book_fiction').text()
				var next_book_nonFiction = $(this).find('next_book_nonFiction').text()
				var previous_book_nonFiction = $(this).find('previous_book_nonFiction').text()
				var next_book_youngReaders = $(this).find('next_book_youngReaders').text()
				var previous_book_youngReaders = $(this).find('previous_book_youngReaders').text()
				var next_book_poetry = $(this).find('next_book_poetry').text()
				var previous_book_poetry = $(this).find('previous_book_poetry').text()
				$('<div class="bookDivContentWrapper" id="'+id +'"></div>').html(
					'<img src="images/covers/'+image+'" />' +
					'<div class="bookDiv_content">' +
					'<h4><cite>'+title+'</cite></h4>' +
					'<p class="bookDiv_details">' +
					'by '+author+'<br />' +
					'Publisher: '+publisher+'<br />' +
					'Publication date: '+date+'<br />' +
					'Agent: '+agent +
					'</p>' +
					'<p class="bookDiv_details">Author website: <a href="'+website+'" target="_blank">'+website+'</a></p>' +
					'<div class="bookDiv_reviews">'+reviews+'</div>' +
					'</div>').appendTo('#bookDivContent')
				$('<div class="bookDiv_buttonsWrapper" id="'+id +'"></div>').html(
					'<a class="bookDiv_button_previous" id="'+previous_book+'" href="javascript:void(0);" title="Previous Book">Previous Book</a>' + 
    	        	'<a class="bookDiv_button_next" id="'+next_book+'" href="javascript:void(0);" title="Next Book">Next Book</a>').appendTo('#bookDiv_buttons')
				$('<div class="bookDiv_buttonsWrapper" id="'+id +'"></div>').html(
					'<a class="bookDiv_button_previous" id="'+previous_book_fiction+'" href="javascript:void(0);" title="Previous Book">Previous Book</a>' + 
    	        	'<a class="bookDiv_button_next" id="'+next_book_fiction+'" href="javascript:void(0);" title="Next Book">Next Book</a>').appendTo('#bookDiv_buttons_fiction')
				$('<div class="bookDiv_buttonsWrapper" id="'+id +'"></div>').html(
					'<a class="bookDiv_button_previous" id="'+previous_book_nonFiction+'" href="javascript:void(0);" title="Previous Book">Previous Book</a>' + 
    	        	'<a class="bookDiv_button_next" id="'+next_book_nonFiction+'" href="javascript:void(0);" title="Next Book">Next Book</a>').appendTo('#bookDiv_buttons_nonFiction')
				$('<div class="bookDiv_buttonsWrapper" id="'+id +'"></div>').html(
					'<a class="bookDiv_button_previous" id="'+previous_book_youngReaders+'" href="javascript:void(0);" title="Previous Book">Previous Book</a>' + 
    	        	'<a class="bookDiv_button_next" id="'+next_book_youngReaders+'" href="javascript:void(0);" title="Next Book">Next Book</a>').appendTo('#bookDiv_buttons_youngReaders')
				$('<div class="bookDiv_buttonsWrapper" id="'+id +'"></div>').html(
					'<a class="bookDiv_button_previous" id="'+previous_book_poetry+'" href="javascript:void(0);" title="Previous Book">Previous Book</a>' + 
    	        	'<a class="bookDiv_button_next" id="'+next_book_poetry+'" href="javascript:void(0);" title="Next Book">Next Book</a>').appendTo('#bookDiv_buttons_poetry')
			});
		$('a.bookDiv_button_next').click(function(){
			var bookDivButtonNextId=$(this).attr('id')
			$(".bookDiv_buttonsWrapper").hide()
			$(".bookDivContentWrapper").hide()
			$(".bookDiv_buttonsWrapper#" + bookDivButtonNextId).show()
			$(".bookDivContentWrapper#" + bookDivButtonNextId).fadeIn()
		});
		$('a.bookDiv_button_previous').click(function(){
			var bookDivPreviousId=$(this).attr('id')
			$(".bookDiv_buttonsWrapper").hide()
			$(".bookDivContentWrapper").hide()
			$(".bookDiv_buttonsWrapper#" + bookDivPreviousId).show()
			$(".bookDivContentWrapper#" + bookDivPreviousId).fadeIn()
		});
		}
	});
	
});