//===========================================================
//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:

//<script>
// (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 = 3000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = '/JobSearch/images/homepage/HomeImage1.jpg'
Pic[1] = '/JobSearch/images/homepage/HomeImage2.jpg'
Pic[2] = '/JobSearch/images/homepage/HomeImage3.jpg'
Pic[3] = '/JobSearch/images/homepage/HomeImage4.jpg'
Pic[4] = '/JobSearch/images/homepage/HomeImage5.jpg'
Pic[5] = '/JobSearch/images/homepage/HomeImage6.jpg'
Pic[6] = '/JobSearch/images/homepage/HomeImage7.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

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=2)"
      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)
}
//</script>

//===========================================================

//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>

//===========================================================

