/***************************************************************************************
Copyright (C) 2001 ab_ditto
This script is made by and copyrighted to ab_ditto at back.to/ab or ab_ditto@hotmail.com
This may be used freely as long as this msg is intact!
***************************************************************************************
excepted from this copyright is the (seperatly marked) draggable-code by Glen Murphy
***************************************************************************************/
//to call the script from your page insert
//into the head-section of the page
//*****ok, letīs start. the first part of the script contains the puzzlecenter
//SLICEBORDER1!!!
//*****variables to set (only if you want to use the puzzlecenter, otherwise go to sliceborder2)
respic=1;//the number of the pic, shown when the page is opened
rescol=5;//the number of columns to use when the page is opened
resrow=5;//the number of rows to use when the page is opened
picvarbn=new Array('pic01.jpg','pic02.jpg','pic03.jpg');//fill this array with the paths to your pics
picvarbw=new Array(291,300,301);//this array with the width of each pic to be displayed(sorted like the pics)
picvarbh=new Array(325,350,271);//and this with the height of the pics
posxa=150;//set this to the left position of your pics to be displayed
posya=150;//set this to the top position of your pics to be displayed
centerleft=460;//set this to the left position of your puzzlecenter to be displayed
centertop=150;//set this to the top position of your puzzlecenter to be displayed
//*****btw. the puzzlecenter is draggable. holding down your mouse over the field "PuzzleCenter" you can drag it around ;)
opaz=10;//this is the value of transparency used for the background pic;
//*****set it to any value between 0 and 50 because 50 ist used for activated pieces (while draggin)
stepx=15;//set this to the width of one step (in pixel) when "help" is activated
//*********************************************************************************
//*****the next part is the stylesheet-definition for the puzzlecenter
//*****if necessary, change this to fit your page-design
document.write("");
//*****if you are using the script with the puzzlecenter, everthingīs done now, have fun :)
//*****************************************************************************************
var URLInhalt=location.href;
var ArrayVariable=URLInhalt.split("#");
colvar=unescape(ArrayVariable[1]);
rowvar=unescape(ArrayVariable[2]);
picvar=unescape(ArrayVariable[3]);
if(isNaN(colvar)!=true){mycols=Math.abs(Math.floor(colvar));}else{mycols=rescol;}
if(isNaN(rowvar)!=true){myrows=Math.abs(Math.floor(rowvar));}else{myrows=resrow;}
if(isNaN(picvar)!=true){picvarb=Math.abs(Math.floor(picvar));}else{picvarb=respic;}
puzpic=picvarbn[picvarb-1];
picw=picvarbw[picvarb-1];
pich=picvarbh[picvarb-1];
document.write("
");
document.write("
PuzzleCenter
");
document.write("
Columns
");
document.write("");
document.write("
new puzzle
");
document.write("
need help?
");
document.write("
");
//var puzzlecenter=1;
function rel(){
colvalv=document.newset.colval.value;rowvalv=document.newset.rowval.value;picvalv=document.newset.picval.value;
document.location.href=unescape(ArrayVariable[0])+'#'+colvalv+'#'+rowvalv+'#'+picvalv;location.reload();}
//*********************************************************************************
//SLICEBORDER2!!!
//*****common section
//*********************************************************************************
//found it? fine :) ...so, if you intend to use the script with one fixed pic and fixed rows/columns
//at first take out the complete part between the two marks //SLICEBORDER1!!! and //SLICEBORDER2!!!
puzzlecenter=1;//and set this to 0;
//*********************************************************************************
//variables to set (only if you want to use NO puzzlecenter)
if(!puzzlecenter){
puzpic='pic01.jpg';//the path to your pic
picw=294;//the width you want you pic be displayed on your page
pich=326;//the height you want you pic be displayed on your page
posxa=300;//set this to the left position of your pic to be displayed
posya=150;//set this to the top position of your pic to be displayed
mycols=5;//the number of columns to use
myrows=5;//the number of rows to use
opaz=20;//this is the value of transparency used for the background pic;
//*****set it to any value between 0 and 50 because 50 ist used for activated pieces (while draggin)
stepx=10;//set this to the width of one step (in pixel) when "help" is activated
showlink=1;//set this to 1 if you want to use the integrated link which starts the "help"-function
linkposl=700;//set this to the left position of the link to be displayed
linkpost=100;//set this to the top position of the link to be displayed
linktext="... need help?"//set this to text you want to use for your link
}
modpic=puzpic;//if you want to use a second pic as background for the puzzle,
//*****change this to its path; sample: modpic='mypicnameandpath.jpg';
//*****ok, thatīs it, everthingīs done now, have fun :)
//*****************************************************************************************
stepy=stepx*pich/picw;dragb=picw/mycols;dragh=pich/myrows;
function rand(top,bottom) {if(!bottom) bottom=0;num=Math.random();
num=bottom+Math.floor(num*(top-bottom+1));return num;}
//function test2(){
if(!puzzlecenter){if(showlink){
document.write("