// JavaScript Document

// (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 = 1;

var t;
var j = 0;
var k = 0;	// Ensures that no image changes on the first call of runSlideShow
var p = Pic.length;
var z = 0;

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
   
}

function runSlideShow() {
   if (j > (p-1)) j=0;
   if (k == 1) {
	   if (document.all){
		  document.images.SlideShow1.style.filter="blendTrans(duration=2)"
		  document.images.SlideShow1.style.filter="blendTrans(duration=crossFadeDuration)"
		  document.images.SlideShow1.filters.blendTrans.Apply()      
	   }
	   else
	   {
	   	SetOpacity(20, "SlideShow1")
		FadeOpacity("SlideShow1", 20, 100, 1000);   
	   }
	   set_image(j);
	   if (document.all){
		  document.images.SlideShow1.filters.blendTrans.Play()
	   }
   } else k++;

   j ++;
   t = setTimeout('runSlideShow()', slideShowSpeed);
}

function over_button(iImg) {
	if (document.images) {
		set_image(iImg);
		t = clearTimeout(t);
		t = setTimeout('runSlideShow()', slideShowSpeed * 2.5);	// Delay slideshow update
	}
}
function set_image(iImg) {
	if (document.images) {
		document.getElementById("thumb" + z).className = 'iBorder';
		document.getElementById("thumb" + iImg).className = 'iBorder3';
		document.images.SlideShow1.src = preLoad[iImg].src;
		z = iImg;
	}
}

function FadeOpacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i = i - 1) {
            setTimeout("SetOpacity(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i = i + 1)
            {
            setTimeout("SetOpacity(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function SetOpacity(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

runSlideShow();