-------------------
Fotoflip Javascript
-------------------

Cut & Paste everything between <script> and </script> into the head of your page.

------ Start head routines cut & paste ------

<Script language="JavaScript">
<!--
// Hide Script from old browsers...
// Author: John Moran | inn-cite@geocities.com (Queries or Comments Welcomed)
// February 1999 | Interlopers | http://www.geocities.com/researchtriangle/6701/
// This script may be used on personal pages as long as the above credit is unaltered.

var x = 0;
var msg = new Array();

// This script is set up to display 6 pictures and captions.
// You can add as many as you want, the drawback is longer page load times.
// Type the picture captions below. The message number corresponds to the same view number further below.
// Do not use quotes in the captions. Do not use apostrophes (use ` instead).

msg[0] = ' Thank You For Trying FotoFlip.'
msg[1] = ' You can put a caption for each picture (Idaho Mountains).'
msg[2] = ' To customize this to your page, read the fotoflip.txt'
msg[3] = ' Scripted @ http://www.geocities.com/researchtriangle/6701/'
msg[4] = ' You can also display animated GIFs.(A Gene Pool?)'
msg[5] = ' I hope you find this useful. Give a copy to your friends.'
 
// Add Your Images Below. Place the location of your pictures in the .src line in quotes.

view0 = new Image();
view0.src  = "thankyou.jpg"; // Change the name in the table below to match the first picture name.
view1 = new Image();
view1.src  = "mountain.jpg";
view2 = new Image();
view2.src = "sunflowr.jpg";
view3 = new Image();
view3.src = "clouds1.jpg";
view4 = new Image();
view4.src = "genepool.gif";
view5 = new Image();
view5.src = "city2.gif";

// Do not edit anything below here!

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

function picup() {
	x = x + 1;
	if (x>5) {x = 0;} // If you add pictures, increase the test for x to match the same number.
	change('viewA','view',x);
	msgit();
 }

function picdn() {
	x = x - 1;
	if (x<0) { x = 5;} // If you add pictures, increase the new value for x to match the same number.
	change('viewA','view',x);
	msgit();
 }

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

//-->
</SCRIPT>

------ End head routines cut & paste ------


Cut & Paste everything below anywhere between <body> and </body> of your page.


------ Start body cut & paste ------

<!-- The main table size for the viewer is set at 600 pixels. -->
<!-- You can adjust the width to fit your page space, but larger pictures will automatically expand it. -->
<!-- The cellpadding keeps the buttons away from the border(which you also can change). -->
<!-- The border and colors are optional also. -->

<table border="4" bordercolor="silver" height="50" width="600" cellspacing="1" cellpadding="0">

<!-- This is the top line. It has the 'Prev' button, the caption, and the 'Next' button. -->

<tr>
<td bgcolor="gray" align="center">
<br>
<FORM NAME="picdn1">
<INPUT TYPE="BUTTON" VALUE="Prev" onClick="picdn()">
</FORM>
</td>
<td bgcolor="gray" align="center">
<br>
<FORM NAME="msg1" onSubmit="0">
<INPUT TYPE="text" NAME="dmsg" SIZE=55 VALUE ="" ALIGN="center">
</FORM>
</td>
<td bgcolor="gray" align="center">
<br>
<FORM NAME="picup1">
<INPUT TYPE="BUTTON" VALUE="Next" onClick="picup()">
</FORM>
</td>
</tr>

</table>

<!-- This is the display area. If you do not set the height or width, your picture set it automatically. -->

<table border="0" bordercolor="brown" height="300" width="600" cellspacing="0" cellpadding="0">

<tr>
<td border="1" width="100%" colspan="3" align="center">
<IMG NAME="viewA" BORDER="0" alt="View" SRC="thankyou.jpg" align="center">
<!-- Remember to change the IMG SRC name above to the name of the first picture -->
</td>
</tr>

</table>

------ End body cut & paste ------

That's it... If you like this script, put a link to my pages, and pass it on to your friends.

Read the customz.txt file for more information on modifying this script. 

Send any questions or comments to E-mail Address: Inn-Cite@GeoCities.com

Website: "http://www.geocities.com/researchtriangle/6701/"

Thanks,

   John Moran
