/*(c) Ger Versluis 2003-2004*/
/********************************************************
* Create a div with transparent place holder in your html *
*
*
* *
*
*
* width = 2*book image width +4 height = book image height+2 *
* *
* Insert onload in body tag *
* *
* *
* *
* 8 variables you can edit to control behavior *
*********************************************************/
var Book_Image_Width=242; // Image width
var Book_Image_Height=323; // Image height
var Book_Border=true; // Sets border true or false
var Book_Border_Color="#7d7d7d"; // Border color
var Book_Speed=15; // Controls the speed of the page turn
var Book_NextPage_Delay=1500; // Controls the delay before a new turn starts
var Book_BackWard=false; // false or true; false is normal page turn
var Book_Auto=true; // false or true; false stops after page turn
/*********************************************************************************************************
* There are also 6 functions to change the behavior of the book dynamically. *
* You don't need to use them. If you set Book_Auto to true the script will simply run. *
* They can be called from other scripts or through HTML elements that support event handling. *
* For instance an image, anchor or button support onclick: *
* The functions are: *
* Book_ChangeDirection() Toggles the page turn direction. If Book_Auto is false it also turns 1 page *
* Book_GoBackWard() Changes the page turn direction to backward if needed. If Book_Auto is false it also turns 1 page *
* Book_GoForWard() Changes the page turn direction to forward if needed. If Book_Auto is false it also turns 1 page *
* Book_ChangeAuto() Toggles between manual and auto *
* Book_Automated() Changes the book to auto *
* Book_Manual() Changes the book to manual *
* *
* *
* Array to specify images and optional links and targets. At least 4 images are needed. *
* For best results keep the number even. *
* Target can be "top" , "new" or "framename" Quotation marks must be included. *
* If target is empty ("") the current window or frame is used as target. *
* If link is not wanted keep it "" *
**********************************************************************************************************/
Book_Image_Sources=new Array(
"images/inventory/thumbnails/suicycle_shaolin_backflip_c.jpg","http://www.suicycle.com/php/apparel.php","",
"images/inventory/thumbnails/suicycle_deep_blue.jpg","http://www.suicycle.com/php/tshirts.php","",
"images/inventory/thumbnails/suicycle_endo.jpg","http://www.suicycle.com/php/tshirts.php","",
"images/inventory/thumbnails/suicycle_endo_tank_and_big_air.jpg","http://www.suicycle.com/php/snowboarding.php","",
"images/inventory/thumbnails/suicycle_headband_navy-white.jpg","http://www.suicycle.com/php/headwear.php","",
"images/inventory/thumbnails/suicycle_ice_and_pink.jpg","http://www.suicycle.com/php/tshirts.php","",
"images/inventory/thumbnails/suicycle_pine_c.jpg","http://www.suicycle.com/php/long_sleeve.php","",
"images/inventory/thumbnails/suicycle_endo_f.jpg","http://www.suicycle.com/php/ladies.php","",
"images/inventory/thumbnails/suicycle_beanie_navy-orange.jpg","http://www.suicycle.com/php/headwear.php","",
"images/inventory/thumbnails/suicycle_one_both.jpg","http://www.suicycle.com/php/tshirts.php","",
"images/inventory/thumbnails/suicycle_shred_f.jpg","http://www.suicycle.com/php/snowboarding.php","",
"images/inventory/thumbnails/suicycle_knit_cap_white-black.jpg","http://www.suicycle.com/php/headwear.php","",
"images/inventory/thumbnails/suicycle_skull_cap_stripe1.jpg","http://www.suicycle.com/php/headwear.php","",
"images/inventory/thumbnails/suicycle_big_air_f.jpg","http://www.suicycle.com/php/snowboarding.php","",
"images/inventory/thumbnails/suicycle_tank_c.jpg","http://www.suicycle.com/php/ladies.php","",
"images/inventory/thumbnails/suicycle_headband_orange-navy.jpg","http://www.suicycle.com/php/headwear.php","",
"images/inventory/thumbnails/suicycle_bmx_girl_superman_f.jpg","http://www.suicycle.com/php/ladies.php","",
"images/inventory/thumbnails/suicycle_deep_and_white_f.jpg","http://www.suicycle.com/php/long_sleeve.php","",
"images/inventory/thumbnails/suicycle_skull_cap.jpg","http://www.suicycle.com/php/headwear.php","",
"images/inventory/thumbnails/suicycle_bmx_girl_f.jpg","http://www.suicycle.com/php/ladies.php","",
"images/inventory/thumbnails/suicycle_copper.jpg","http://www.suicycle.com/php/long_sleeve.php","",
"images/inventory/thumbnails/suicycle_knit_cap_brown-copper.jpg","http://www.suicycle.com/php/headwear.php",""
// NOTE No comma after last line
);
/********************************** DO NOT EDIT BELOW *******************************************************/
var B_LI,B_MI,B_RI,B_TI;
var B_Angle=0,B_CrMImg,B_CrSImg,B_MaxW,B_Drctn=true,B_DirChngd=false;
var B_Srcs=Book_Image_Sources,B_SrcL=B_Srcs.length,B_ChngDirFlg=false;
var B_MSz,B_Stppd=Book_Auto?false:true;B_Pre_Img=new Array(B_SrcL);
function ImageBook(){
if(document.getElementById){
for(var i=0;i=Math.PI/2&&B_Drctn){
B_Drctn=false;
B_MI.src=B_Srcs[B_CrMImg];B_MI.lnk=B_Srcs[B_CrMImg+1];B_MI.trgt=B_Srcs[B_CrMImg+2];
B_CrMImg+=(Book_BackWard?-6:6);
if(B_CrMImg>=B_SrcL)B_CrMImg-=B_SrcL;
if(B_CrMImg<0)B_CrMImg+=B_SrcL}
if(B_Angle>=Math.PI){
B_Drctn=true;
if(!Book_BackWard){
B_TI=B_LI;B_LI=B_MI;B_MI=B_TI;
B_MI.style.left=Book_Image_Width+1+"px"; B_MI.src=B_RI.src; B_MI.lnk=B_RI.lnk;B_MI.trgt=B_RI.trgt}
else{ B_TI=B_RI;B_RI=B_MI;B_MI=B_TI;
B_MI.style.left=0+"px"; B_MI.src=B_LI.src;B_MI.lnk=B_LI.lnk;B_MI.trgt=B_LI.trgt}
setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
else setTimeout("BookImages()",50)}
else setTimeout("BookImages()",50)}
function Book_Next_Delay(){
if(!Book_BackWard){
B_RI.src=B_Srcs[B_CrSImg]; B_RI.lnk=B_Srcs[B_CrSImg+1];B_RI.trgt=B_Srcs[B_CrSImg+2];
B_LI.style.zIndex=1}
else{ B_LI.src=B_Srcs[B_CrSImg]; B_LI.lnk=B_Srcs[B_CrSImg+1];B_LI.trgt=B_Srcs[B_CrSImg+2];
B_RI.style.zIndex=1}
B_MI.style.zIndex=2;B_Angle=0;
B_CrSImg+=(Book_BackWard?-6:6);
if(B_CrSImg>=B_SrcL&&!Book_BackWard)B_CrSImg-=B_SrcL;
if(B_CrSImg<0&&Book_BackWard)B_CrSImg+=B_SrcL;
if(!Book_Auto&&!B_DirChngd)B_Stppd=true;B_DirChngd=false;
setTimeout("BookImages()",50)}
function B_ChngDrctn(){
B_Stppd=true;
Book_BackWard=Book_BackWard?false:true;B_Drctn=B_Drctn?false:true;
B_Angle=Math.PI-B_Angle;
B_ChngDirFlg=B_Stppd=false;
B_CrMImg+=(Book_BackWard?-9:9);
if(B_CrMImg>=B_SrcL)B_CrMImg-=B_SrcL;
if(B_CrMImg<0)B_CrMImg+=B_SrcL;
B_CrSImg+=(Book_BackWard?-21:21);
if(B_CrSImg>=B_SrcL)B_CrSImg-=B_SrcL;
if(B_CrSImg<0)B_CrSImg+=B_SrcL;
B_DirChngd=true}
function Book_ChangeDirection(){B_Stppd=false;B_ChngDirFlg=true}
function Book_GoBackWard(){B_Stppd=false;if(!Book_BackWard)Book_ChangeDirection()}
function Book_GoForWard(){B_Stppd=false;if(Book_BackWard)Book_ChangeDirection()}
function Book_ChangeAuto(){B_Stppd=false;Book_Auto=Book_Auto?false:true}
function Book_Automated(){B_Stppd=false;Book_Auto=true}
function Book_Manual(){Book_Auto=false}
function B_Stp(){if(Book_Auto)B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
function B_Rstrt(){if(Book_Auto)B_Stppd=false}
function B_LdLnk(){
var B_Frame;
if(this.lnk){
if(!this.trgt)location.href=this.lnk;
else if(this.trgt=="top")top.location.href=this.lnk;
else if(this.trgt=="new")window.open(this.lnk);
else if(B_Frame=parent.frames[this.trgt])B_Frame.location.href=this.lnk;
else location.href=this.lnk}}
*
*