// JavaScript Document
		function loadPhotobookData(bookId, page){
				var vData;
				 $.ajax({
				   type: "GET",
				   url: "/xml/photobook.php",
				   async: false,
				   datatype:"xml",
				   data: "id="+bookId+"&page="+page,
				   success: function(msg){
					   vData = msg;
				   }
				 });
				return vData;
		}
		function loadThumbs(data, bookId){
			var vBook = vLibrary.getBook(bookId);
			
			var item = 1;
			$(data).find("photobook photo").each(function(){
				var id = $(this).attr("id");
				var div = $(document.createElement("div")).attr("class","wrapper");
				var src = '/image/'+id+'/100/test.jpg'
				var img = $(document.createElement("img")).attr('src',src);
				if(item==1){
					updatePreview(src, bookId);
				}
				
				var link = $(document.createElement("a")).attr("class","thumb");
				link.attr("item",item);
								
				if(item%3==0){
					link.css("margin-right","0px");
				}
				link.click(function(e){
					updatePreview($(this).find("img").attr("src"), bookId);
					$(".thumbs a:has(div)").each(function(){
						$(this).attr("class","thumb");
					});
				
					$(this).addClass("selected");
						e.preventDefault();
				});
				
				var x = link.append((div).append(img));
				$(x).appendTo("#photobook_"+bookId +" .thumbs");
				item++;
			});
			updateNavigation(vBook.bookId);
		} //end loadImages					   
					
		function updatePreview(src, bookId){
			var id= src.replace(new RegExp("(/image/)|(/.*)","g"), "");
			var file = src.replace(new RegExp("(/.*)/","g"),"");
			$("#photobook_"+bookId + " .preview img").attr("src","/image/"+id.toString() + "/376/" + file);
		}
					
		function updateNavigation(bookId){
			var vBook = vLibrary.getBook(bookId);
			if(vBook.currentPage==1){
				$("#photobook_"+vBook.bookId +" .pb-navigation a.left").attr("class","left-disabled");
			}
			else{
				$("#photobook_"+vBook.bookId +" .pb-navigation a[class*='left']").attr("class","left");
			}
			if(vBook.currentPage == Math.ceil(vBook.items / 9)){
				$("#photobook_"+vBook.bookId +" .pb-navigation a.right").attr("class","right-disabled");
			}
			else{
				$("#photobook_"+vBook.bookId +" .pb-navigation a[class*='right']").attr("class","right");
			}
		}
		
		function attachNavigation(bookId){
			var vBook = vLibrary.getBook(bookId);
			$("#photobook_"+bookId +" .pb-navigation a[class*='right']").click(function(e){
				if(vBook.currentPage < Math.ceil(vBook.items / 9)){
						/*update book and update bookelement*/	
						vBook.currentPage+=1;
						vLibrary.updateBook(vBook);
						$("#photobook_"+bookId +" .thumbs").html("");
						loadThumbs(loadPhotobookData(bookId,vBook.currentPage),bookId);
						updateNavigation(bookId);
						e.preventDefault();
				}
				else{	
				}
			});
			$("#photobook_"+bookId +" .pb-navigation a[class*='left']").click(function(e){
				if(vBook.currentPage > 1){
						/*update book and update bookelement*/	
						vBook.currentPage-=1;
						vLibrary.updateBook(vBook);
						$("#photobook_"+bookId +" .thumbs").html("");
						loadThumbs(loadPhotobookData(bookId,vBook.currentPage),bookId);
						updateNavigation(bookId);
						e.preventDefault();
				}
				else{	
				}
			});
		}
	/*OBJECTS*/
	function Photobook(bookId, items, currentPage){
		this.bookId = bookId;
		this.items = items;
		this.currentPage = currentPage;
	}
	function Library(){
		this.photobooks = [];
	}
	
	Library.prototype.addBook = addBook;
	Library.prototype.totalBooks = totalBooks;
	Library.prototype.getBook = getBook;
	Library.prototype.updateBook = updateBook;
	var vLibrary = new Library();
	
	function totalBooks(){return this.photobooks.length}
	function addBook(book){
		if(book instanceof Photobook)
			this.photobooks.push(book);
	}
	function getBook(bookId){
		for(var i=0;i<this.photobooks.length;i++){
			if(this.photobooks[i].bookId == bookId)
				return this.photobooks[i];
		}
	}
	function updateBook(book){
		for(var i=0;i<this.photobooks.length;i++){
			if(this.photobooks[i].bookId == book.bookId){
				this.photobooks[i] = book;
				break;
			}	
		}
	}