// JavaScript Document

	function createBook(doublePage,idBook){
		var imagesIds = new Array();
		var imagesAr = new Array();
		var parentNode=null;
		/**
		parentNode = $(idBook);
		var imagesAr = $(idBook).getElementsByTagName("img");
		for(var i=0;i<parentNode.childNodes.length;i++){
			parentNode.removeChild(childNodes[0]);
		}
		**/
		$$("div.divBook>img").each(function(node,context){
			if(context==0){
				parentNode=node.parentNode;
			}
			var counter=context+1;
			imagesAr.push(node);
			node.parentNode.removeChild(node);
		});
		
		
		var totalWidth = parseInt(parentNode.style.width);
		var totalHeight = parseInt(parentNode.style.height);
		var distance = 0;
		if(parentNode.getAttribute("distance")!=null){
			distance = parseInt(parentNode.getAttribute("distance"));
			distance = distance>=0?distance:0;
		}
		
		var imageWidth = (totalWidth-distance)/2;
		var imageHeight = totalHeight;
		
		imagesAr.reverse();
		if(arguments.length==1 && doublePage=="doubleBook"){
			var firstImage = imagesAr[imagesAr.length-1];
			var newImagesAr = new Array();
			for(var i=0;i<imagesAr.length-1;i++){
				newImagesAr[i]=imagesAr[i];
			}
			imagesAr = newImagesAr;
			
			firstImage.style.cssText="position:absolute;top:0px;left:0px;width:"+imageWidth+"px;height:"+imageHeight+"px;z-index:1;";
			parentNode.appendChild(firstImage);
		}
		//alert(imagesAr.length);
		for(var i=0;i<imagesAr.length;i++){
			var randomId = parseInt(Math.random()*new Date().getTime());
			
			var length=imagesAr.length;
			if(arguments.length==1 && doublePage=="doubleBook"){
				//length=imagesAr.length-1;
			}
			var k=(length%2==0?i:i+1);
			var curImage = imagesAr[i];
			//even
			if(k%2==0){
				
				curImage.setAttribute("id","divBook_img_"+randomId+"_"+i);
				
				curImage.style.cssText="position:absolute;top:0px;left:"+(imageWidth+distance)+"px;width:0px;height:"+imageHeight+"px;";
				curImage.style.zIndex=imagesAr.length-i;
				$(curImage).setOpacity(0.0);
				curImage.setAttribute("state","closed");
				curImage.setAttribute("page","even");
				curImage.setAttribute("totallength",imagesAr.length);
				curImage.onclick=function(){
					if(this.getAttribute("state")=="closed"){
						this.setAttribute("state","open");
					}else if(this.getAttribute("state")=="open"){
						var pageId = this.getAttribute("id").substring(this.getAttribute("id").lastIndexOf("_")+1);
						
						$jquery("#"+this.getAttribute("id")).animate({opacity:0.0,width:0,left:(imageWidth+distance)},130,function(){
								var previousImage = $(imagesIds[parseInt(pageId)+1]);
								
								$jquery("#"+previousImage.getAttribute("id")).animate({opacity:1.0,width:imageWidth},130,function(){
									previousImage.setAttribute("state","open");
								});
							//}
						});
						
						this.setAttribute("state","closed");
						
					}
				};
			//odd
			}else{
				curImage.setAttribute("id","divBook_img_"+randomId+"_"+i);
				
				curImage.style.cssText="position:absolute;top:0px;left:"+(imageWidth+distance)+"px;width:"+imageWidth+"px;height:"+imageHeight+"px;";
				curImage.setAttribute("state","open");
				curImage.setAttribute("page","odd");
				curImage.setAttribute("totallength",imagesAr.length);
				curImage.onclick=function(){
					if(this.getAttribute("state")=="closed"){
					}else if(this.getAttribute("state")=="open"){
						var pageId = this.getAttribute("id").substring(this.getAttribute("id").lastIndexOf("_")+1);
						
						if(parseInt(pageId)!=0){
						
							$jquery("#"+this.getAttribute("id")).animate({opacity:0.0,width:0},130,function(){
							
							
									var previousImage = $(imagesIds[parseInt(pageId)-1]);
									
									$jquery("#"+previousImage.getAttribute("id")).animate({opacity:1.0,width:imageWidth,left:0},130,function(){
										previousImage.setAttribute("state","open");
									});
							
							});
						}
						this.setAttribute("state","closed");
					}
				};
			}
			imagesIds.push("divBook_img_"+randomId+"_"+i);
			parentNode.appendChild(curImage);
		}
		
	}