// Nonna's JavaScript Document

image1 = new Image();
image1.src = "../images/m1-on.jpg";

image2 = new Image();
image2.src = "../images/m2-on.jpg";

image3 = new Image();
image3.src = "../images/m3-on.jpg";

image4 = new Image();
image4.src = "../images/m4-on.jpg";

image5 = new Image();
image5.src = "../images/m5-on.jpg";

/* 
<!-- ===========================================================
Script:   JavaScript Cross-Browser SlideShow Script
          With Cross-Fade Effect between Images
          Adjustable Timing and Unlimited Images
Function: Displays images continuously in a slideshow
          presentation format, with a fade effect on
          image transitions.
Browsers: All common browsers: NS3-6, IE 4-6
          Fade effect only in IE; others degrade gracefully
Author:   etLux
===========================================================

Step 1.
Put the following script in the head of your page:
*/
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000;

// Duration of crossfade (seconds)
var crossFadeDuration = 3;

// Specify the image files in actual file
//var Pic = new Array(); // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

//This is the generic slideshow...override in file for something different

//Pic[0] = '../gfx/pic1.jpg';
//Pic[1] = '../gfx/pic2.jpg';

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length
var duration = 2

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow()
{
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}

function openWindow(url){
  eval("newWindow = window.open(url,'newwin', 'toolbar=no,menubar=yes,location=no,directories=no,status=no,scrollbars=yes,resizable=yes,width=625,height=480')")
}


/*
<!-- 
===========================================================

Step 2.
Put this onload event call in your body tag:
  
<body onload="runSlideShow()">  

===========================================================

Step 3.
Put this in the body of your page where you want the 
slide show to appear.  

Set widths and heights same as images
Set image file same as first image in array Pic[] (above)

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=150 width=150>
<img src="1.jpg" name='SlideShow' width=150 height=150></td>
</tr>
</table>

===========================================================
-->
*/
