var bookCreated = false;
		var transitionsDone = false;
		var imagesLoaded = false;
 
		function createAndShowMyBookSlider() {
			if(bookCreated) return;

			$("#billboard-image").fadeOut(1000,function() {
				$("#billboard").css("display","none");
				$("#content").fadeIn(1500);
				$("#navigation").fadeIn(1500);
				$("#twister").fadeIn(1500);
				$("#logoinfo").fadeIn(1500);
				init();
			});
			
			bookCreated = true;
		}

		function startLoadingImagesFromSlider() {
			/* Hide the book slider until some images get loaded, all? */
			
			var imagesLeftToLoad = $('ul li img').size();
			if(imagesLeftToLoad<1) imagesLoaded = true;

			$('ul li img').each( function(i) {
				var img = new Image();
				$(img)
					.load(function() {
						$(this).css('display','none');
						if( (--imagesLeftToLoad) < 1 ) {
							imagesLoaded = true;
							$('ul li img').css('display','block');
							if(transitionsDone)
								createAndShowMyBookSlider();
						};
					})
					.attr('src',$(this).attr('id'));
				$(this).attr('src', $(this).attr('id'));
			});
		}


		function loadNewSlider(callback) {
			/* Hide the book slider until some images get loaded, all? */
			
			var imagesLeftToLoad = $('ul li img').size();
			$('ul li img').each( function(i) {
				var img = new Image();
				$(img)
					.load(function() {
						$(this).css('display','none');
						if( (--imagesLeftToLoad) < 1 ) {
							$('ul li img').css('display','block');
								callback();
						}
					})
					.attr('src',$(this).attr('id'));
				$(this).attr('src', $(this).attr('id'));
			});
		}




function resize_image(image) {
			var r_w = $(document).width()/$(document).height();
			var r_i = image.width()/image.height();
			
			if( r_w > r_i ) {
				image.css('width', $(document).width() );
				image.css('height', 'auto');
				image.css('top', ( image.height()-$(document).height() )*(-0.5) );
				image.css('left',0);
			} else {
				image.css('height', $(document).height() );
				image.css('width', 'auto');
				image.css('top',0);
				image.css('left', (image.width()-$(document).width() ) * (-0.5) );
			}
		}
		
$(document).ready(function(){
		$(window).bind("resize", function(){
			resize_image($("#billboard-image"));
		});
				
		$("#selector li a").click(function(){
			name = $(this).attr("id");

			section = $("#navigation").attr("class"); 
			$.ajax({
						url: "../app/images-list.php?s="+section+"&l="+name,
						error: function(xhr,bla,blo){
							$("#content").append("<div class='error'><p>error loading data!</p></div>");
							},
  						success: function(data){
							slider_stop();
							$("#llabel").fadeOut("slow");
							$("#selector").attr("class",name);
							
							$("#slide-images").fadeOut("slow",function(){
								$("#slide-images").css('display','none');
								$("#slide-images").html(data);
								$("#slide-label").attr("src","../images/slider-captions/"+name+".png");

								$("#slide-loader-div").fadeIn("slow");

							 	loadNewSlider(function(){ 
							 		$("#slide-loader-div").fadeOut(100,function(){
																		
									init();
									$("#slide-images").fadeIn("slow");
									$("#llabel").fadeIn("slow");	
									});
													 });
								
								
								
																	   });
						
						}
					});											 
			
			});
	});