$(document).ready(function() {
	var selector = {
			top: 1,
			show: 3,
			total: 0,
			init: function() {
				$.each(magazines, function(v,url) {
					$('<li url="' + url + '"><a href="#' + v.split(' ').join('_') + '">' + v.toUpperCase() + '</a></li>').appendTo('#selector_list');
				});
				selector.total = $('#selector_list > li').length;
				selector.top = selector.total - 2;
				$('#selector_list li:last').html('<span>' + $('#selector_list li:last a').text() + '</span>');
				
				selector.load_link();
				selector.link_init();
				selector.nav_init();
			},
			move: function(speed) {
				var selector_list = $('#selector_list');
				var selector_list_li_h = selector_list.find('li:first').height();

				var top = -1 * (selector_list_li_h * (selector.top - 1));
				selector_list.animate({'top': top}, (typeof(speed) != 'undefined') ? speed : 100);
			},
			link_init: function() {
				$('#selector_list a').bind('click', function(e) {
					e.preventDefault();
					var prevSelector = $('#selector_list span');

					prevSelector.parent().html('<a href="#' + prevSelector.text().split(' ').join('_').toLowerCase() + '">' + prevSelector.text() + '</a>');
					$(this).parent().html('<span>' + $(this).text() + '</span>');
					
					selector.load_link();					
					selector.link_init();
				});
			},
			load_link: function() {
				var bookSettings = $.trim($('#selector_list span').parent().attr('url'));

				if (bookSettings.lastIndexOf('/') == bookSettings.length - 1) bookSettings += 'bookSettings.js';
					else bookSettings += '/bookSettings.js';
				
				$.getScript(bookSettings, function() {
					$('#fbContainer').fadeOut().queue(function(){$(document).flippingBook(options); $(this).dequeue();}).fadeIn();
					$('#fbInfo').fadeOut().queue(function(){$(this).text(magz_title.toUpperCase()).dequeue();}).fadeIn();
				});
			},
			nav_init: function() {
				selector.move(1000);
				var selectors = ['#selector_up', '#selector_down'];
				$.each(selectors, function(k,v) {
					$(v).hover(
						function(){
							var selector_nav = $(this).find('img:first');
							selector_nav.attr('normal', selector_nav.attr('src'));
							selector_nav.attr('src', selector_nav.attr('src').split('.').join('_on.'));
						}, 
						function(){
							var selector_nav = $(this).find('img:first');
							selector_nav.attr('src', selector_nav.attr('normal'));
						}
					).bind('click', function(e){
						e.preventDefault();
						if ($(this).attr('id').match(/up$/i)) 
						{
							if (selector.top > 1) {
								selector.top -= 1;
								selector.move();
							}
						}
						else if ($(this).attr('id').match(/down$/i)) 
						{
							if (selector.top <= (selector.total - selector.show)) {
								selector.top += 1;
								selector.move();
							}
						}
					
					});
				});
			}
		};
		
	selector.init();


});