/********************************************************

	Create a div with transparent place holder in your html	

	<div id="Book" style="position:relative">

		<img src="placeholder.gif" width="144" height="227">

	</div>

	width = 2*book image width +4 height = book image height+2



	Insert onload in body tag

		<body onload="ImageBook()">	

*********************************************************/



// 7 variables to control behavior

	var Book_Image_Width=180;

	var Book_Image_Height=180;

	var Book_Border=true;

	var Book_Border_Color="gray";

	var Book_Speed=15;

	var Book_NextPage_Delay=1500; //1 second=1000

	var Book_Vertical_Turn=0;	



// array to specify images and optional links. At least 4

// If Link is not needed keep it ""



	Book_Image_Sources=new Array(

		"images/original/01_logo.jpg","",

		"images/original/02_exclusive.jpg","",

		"images/original/17_ww2001-a.jpg","",

		"images/original/15_m_dh.jpg","",

		"images/original/10_m_hib.jpg","",

		"images/original/11_m_plu.jpg","",

		"images/original/12_m_ant.jpg","",

		"images/original/13_m_orc.jpg","",

		"images/original/14_m_bir.jpg","",

		"images/original/16_hula.jpg","",

		"images/original/03_plaque.jpg","",

		"images/original/04_bkcup.jpg","" ,

		"images/original/06_hiclock.jpg","",

		"images/original/07_wedding.jpg","",

		"images/original/08_pallase.jpg","" ,

		"images/original/09_oct.jpg","" // NOTE No comma after last line

		);



/***************** DO NOT EDIT BELOW **********************************/

	var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;

	var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);



	function ImageBook(){

		if(document.getElementById){

			for(i=0;i<Book_Image_Sources.length;i+=2){

				B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]}

			Book_Div=document.getElementById("Book");

			B_LI=document.createElement("img");Book_Div.appendChild(B_LI);	

			B_RI=document.createElement("img");Book_Div.appendChild(B_RI);

			B_MI=document.createElement("img");Book_Div.appendChild(B_MI);	

			B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";

			B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;

			B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";

			B_LI.style.left=0+"px";

			B_MI.style.top=0+"px";

			B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";

			B_RI.style.top=0+"px";

			B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";

			B_LI.style.height=Book_Image_Height+"px";

			B_MI.style.height=Book_Image_Height+"px";

			B_RI.style.height=Book_Image_Height+"px";

			B_LI.style.width=Book_Image_Width+"px";

			B_MI.style.width=Book_Image_Width+"px";

			B_RI.style.width=Book_Image_Width+"px";

			if(Book_Border){

				B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";

				B_LI.style.borderWidth=1+"px";

				B_MI.style.borderWidth=1+"px";

				B_RI.style.borderWidth=1+"px";

				B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}

			B_LI.src=B_Pre_Img[0].src;

			B_LI.lnk=Book_Image_Sources[1];

			B_MI.src=B_Pre_Img[2].src;

			B_MI.lnk=Book_Image_Sources[3];

			B_RI.src=B_Pre_Img[4].src;

			B_RI.lnk=Book_Image_Sources[5];

			B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;

			B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;

			B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;

			BookImages()}}



	function BookImages(){

		if(!B_Stppd){

			if(Book_Vertical_Turn){

				B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));

				MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;

				B_MI.style.top=MidOffset+"px";

				B_MI.style.height=B_MSz+"px"}

			else{	B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));

				MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;

				B_MI.style.left=MidOffset+"px";

				B_MI.style.width=B_MSz+"px"}

			B_Angle+=Book_Speed/720*Math.PI;

			if(B_Angle>=Math.PI/2&&B_Direction){

				B_Direction=0;

				if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;

				B_MI.src=B_Pre_Img[B_CrImg].src;

				B_MI.lnk=Book_Image_Sources[B_CrImg+1];

				B_CrImg+=2}

			if(B_Angle>=Math.PI){

				B_Direction=1;

				B_TI=B_LI;

				B_LI=B_MI;

				B_MI=B_TI;

				if(Book_Vertical_Turn)B_MI.style.top=0+"px";

				else B_MI.style.left=Book_Image_Width+1+"px";			

				B_MI.src=B_RI.src;

				B_MI.lnk=B_RI.lnk;



				setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}

			else setTimeout("BookImages()",50)}

		else setTimeout("BookImages()",50)}



	function Book_Next_Delay(){

			if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;

			B_RI.src=B_Pre_Img[B_CrImg].src;

			B_RI.lnk=Book_Image_Sources[B_CrImg+1];

			B_MI.style.zIndex=2;

			B_LI.style.zIndex=1;

			B_Angle=0;

			B_CrImg+=2;

		setTimeout("BookImages()",50)}



	function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}

	function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}

	function B_Rstrt(){B_Stppd=false}
