﻿$(function() {
	var showing_book = false;

	$('body').append('<div id="overlay"></div>');

	$('div.book-box').each(function(i) {
		var link_box = $(this);
		$(this).find('.book-link').click(function(event) {
			if (!showing_book) {
				showing_book = true;

				/* Create box */
				$('body').append('<div id="box"><div id="book"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/></a></div></div>');

				/* Embed SWF file */
				swfobject.embedSWF($(this).attr('href'), 'book', '100%', '696', '9.0.0', false,
					{}, { wmode: 'transparent', allowScriptAccess: 'always' }, {});

				/* Create close box */
				$('<div class="book-control close">Close</div>').css({
					position: 'absolute',
					top: $(document).scrollTop()+25,
					left: $(document).scrollLeft()+25,
					display: 'none',
					cursor: 'pointer'
				}).click(function(event) {
					$(this).remove();
					$('.book-control').remove();
					$('#box').hide();
					$('#overlay').fadeOut();
					swfobject.removeSWF('book');
					$('#box').remove();
					showing_book = false;
					event.preventDefault();
				}).appendTo('body').fadeIn();

				/* Create navigation list */
				var nav_list = $('<ul></ul>');
				$('<div class="book-control navigation"></div>').append(nav_list).appendTo('#box');

				/* Create navigation items */
				$('<li><< First</li>').css('cursor', 'pointer').click(function(event) {
					$('#book').get(0).gotoPage(0);
					event.preventDefault();
				}).appendTo(nav_list);
				$('<li>< Previous</li>').css('cursor', 'pointer').click(function(event) {
					$('#book').get(0).prevPage();
					event.preventDefault();
				}).appendTo(nav_list);
				$('<li>Next ></li>').css('cursor', 'pointer').click(function(event) {
					$('#book').get(0).nextPage();
					event.preventDefault();
				}).appendTo(nav_list);
				$('<li>Last >></li>').css('cursor', 'pointer').click(function(event) {
					$('#book').get(0).gotoPage(-1);
					event.preventDefault();
				}).appendTo(nav_list);

				/* Create overlay */
				$('#overlay').css({
					backgroundColor: '#000',
					opacity: 0.8,
					width: $(document).width(),
					height: $(document).height()
				}).fadeIn();

				/* Show the box */
				$('#box').css({
					top: $(document).scrollTop(),
					left: $(document).scrollLeft()
				}).show();

				/* Resize overlay and box on window resize */
				$(window).resize(function(event) {
					$('#overlay').css({
						width: $(document).width(),
						height: $(document).height()
					});
					$('#box').css({
						top: $(document).scrollTop(),
						left: $(document).scrollLeft()
					});
				});
			}

			event.preventDefault();
		});
	});
});
