//
// Picture Fader Javascript
// written by Paul Balyoz
// Copyright (c) 2007 Fastech Learning LLC, all rights reserved.
//
function picturefader() {
	window.ctr = 0;
	window.pics = Array(); window.picstext = Array();
	var i = 0;
	window.pics[i] = "/pics/medwheelpics/PF888-ceremony-130.jpg"; window.picstext[i++] = "";
	window.pics[i] = "/pics/medwheelpics/PF888.jpg"; window.picstext[i++] = "";
	window.pics[i] = "/pics/medwheelpics/PFCIMG1651.jpg"; window.picstext[i++] = "";
	window.pics[i] = "/pics/medwheelpics/PFCIMG1653.jpg"; window.picstext[i++] = "";
	window.pics[i] = "/pics/medwheelpics/PFCIMG8395_1_0332_050.jpg"; window.picstext[i++] = "";
	window.pics[i] = "/pics/medwheelpics/PFCIMG8417.jpg"; window.picstext[i++] = "";
	window.pics[i] = "/pics/medwheelpics/PFCIMG8419.jpg"; window.picstext[i++] = "";
	window.pics[i] = "/pics/medwheelpics/PFCIMG8483.jpg"; window.picstext[i++] = "";

	window.fademillisec = 1200;	// how long to do the fade, in 1000ths of a second
	window.fadesteps = 100;		// number of fade-transitions to do within that time
	window.fadedelay = 4000;	// how long between fades, in 1000ths of a second

	preload_image_object = new Image();
	for(i=0; i<=window.pics.length; i++) 
		preload_image_object.src = window.pics[i];
	setTimeout("blendimage()", window.fadedelay);
}

//change the opacity for different browsers
function changeOpac(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 + ")";
}

// fade from one image to another
function blendimage() {
    var millisec = window.fademillisec;
    var imageid = "blendimg";
    var steps = window.fadesteps;
    var speed = Math.round(millisec / steps);
    var timer = 0;

    //set old image as background
    document.getElementById("blenddiv").style.backgroundImage = "url(" + window.pics[window.ctr] + ")";
    // rotate picture index counter
    window.ctr++;
    if (window.ctr >= window.pics.length) {
	window.ctr = 0;
    }
/*
    // set caption text
    if(typeof document.getElementById("picturetitle").innerText != "undefined")
	    document.getElementById("picturetitle").innerText = window.picstext[window.ctr]; // MSIE way
    else
	    document.getElementById("picturetitle").firstChild.data = window.picstext[window.ctr]; // Firefox way
*/

    //make image transparent
    changeOpac(0, imageid);

    //make new image
    document.getElementById(imageid).src = window.pics[window.ctr];

    //fade in image
    for(i = 0; i <= steps; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')", (timer * speed));
        timer++;
    }
    setTimeout("blendimage()", window.fadedelay + millisec);
}