//----------------------slide show------------------------------


//===========================================================
//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
//===========================================================

// (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
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below


Pic[0] = '/images/hm_slide_1.gif';
Pic[1] = '/images/hm_slide_2.gif';
Pic[2] = '/images/hm_slide_3.gif';
Pic[3] = '/images/hm_slide_4.gif';

// =======================================
// 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.getElementById("hm_img").style.filter="blendTrans(duration=2)"  
      document.getElementById("hm_img").style.filter="blendTrans(duration=crossFadeDuration)"
      document.getElementById("hm_img").filters.blendTrans.Apply()
   
   }
  
   document.getElementById("hm_img").style.width="300px";    
   document.getElementById("hm_img").style.height="250px";
   document.getElementById("hm_img").style.backgroundRepeat='repeat-x';
   document.getElementById("hm_img").style.backgroundImage="url(" + preLoad[j].src + ")";
  
  if (document.all)
   {
     
       document.getElementById("hm_img").filters.blendTrans.Play()

   }
   
   j = j + 1
   
   if (j > (p-1)) j=0
   
   t = setTimeout('runSlideShow()', slideShowSpeed)
   
}