
 ----------- -----------------------------------------------------
| FOTOFLIP | Information on customizing the script for your page |
 ----------- -----------------------------------------------------

This javascript uses 4 functions to operate.

 ----------

The first one displays the picture

function change(Name,Image,No) {
	document [Name].src = eval(Image + No + ".src");
 }

 ----------

The next 2 control the 'PREV' or 'NEXT' buttons

function picup() {
	x = x + 1;
	if (x>5) {x = 0;} // If you add/remove pictures, replace the 5 with  (Total No. Pic - 1).
	change('viewA','view',x);
	msgit();
 }

function picdn() {
	x = x - 1;
	if (x<0) { x = 5;} // If you add/remove pictures, replace the 5 with (Total No. Pic - 1).
	change('viewA','view',x);
	msgit();
 }

NOTE: If you add/remove pictures, you MUST change the value (5) in these 2 functions to match the
      total number of pictures - 1, or your 'PREV' 'NEXT' buttons will not work properly.

 ** THIS IS THE ONLY VALUE YOU SHOULD EVER HAVE TO CHANGE. **

 ----------

The last function displays the picture caption

function msgit() {
	document.msg1.dmsg.value = msg[x];
 }

All of the above scripting goes in the header of your page. The area between <head> and </head> near 
the top of your document source code.

 ---------------------------
| Buttons and Caption FORMS |
 ---------------------------

The displayed information goes in after the <body> tag in your source code. 
The controls and caption are FORMS that access the javascript functions.
They where placed in a TABLE to control positioning. You can use them this way, 
or simply copy everything between the <form> </form> tags, and place it anywhere on your page.

NOTE: There are 3 FORMS: 'Prev' button | Caption | 'Next' button

<FORM NAME="picdn1">
<INPUT TYPE="BUTTON" VALUE="Prev" onClick="picdn()">
</FORM>

<FORM NAME="msg1" onSubmit="0">
<INPUT TYPE="text" NAME="dmsg" SIZE=55 VALUE ="" ALIGN="center">
</FORM>

<FORM NAME="picup1">
<INPUT TYPE="BUTTON" VALUE="Next" onClick="picup()">
</FORM>

Be aware that anything after a FORM is positioned on the following line at the left border.
(A table prevents this automatic positioning.)

 --------------
| Display Code |
 --------------

The display line is also in a TABLE. This is totally optional. You could use the <IMG...> line 
just as it is anywhere in your source code.

<IMG NAME="viewA" BORDER="0" alt="View" SRC="firstpicturename.jpg" align="center">

<!-- Remember to change the IMG SRC= name above to the name of the first picture -->

 -----------
| Questions |
 -----------

Please direct any comments or questions to one of the addresses below. Thanks for trying FOTO-FLIP.
Give it to your friends, modify it to your needs. Tell 'em where you got it...

Interloper's | http://www.geocities.com/ResearchTriangle/6701/fotoflip.html

 --------------
| Thanks Again |
 --------------
 John Moran | inn-cite@geocities.com | ezr4u2@netzero.net | ezr4u2@aol.com

       | February 1999 () Interlopers |

