//
// 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] = "/img/pics/blank.gif"; window.picstext[i++] = "";
	window.pics[i] = "/img/pics/A0081.jpg"; window.picstext[i++] = "Riley";
	window.pics[i] = "/img/pics/A0149.jpg"; window.picstext[i++] = "Corey";
	window.pics[i] = "/img/pics/A0151crop.jpg"; window.picstext[i++] = "Corey";
	window.pics[i] = "/img/pics/A0173.jpg"; window.picstext[i++] = "Tyson";
	window.pics[i] = "/img/pics/A0174.jpg"; window.picstext[i++] = "Tyson";
	window.pics[i] = "/img/pics/A0187.jpg"; window.picstext[i++] = "Django";
	window.pics[i] = "/img/pics/A0214.jpg"; window.picstext[i++] = "Maggie";
	window.pics[i] = "/img/pics/A0226.jpg"; window.picstext[i++] = "Tasha";
	window.pics[i] = "/img/pics/A0242.jpg"; window.picstext[i++] = "Maggie and Tasha";
	window.pics[i] = "/img/pics/A0259.jpg"; window.picstext[i++] = "Phantom";
	window.pics[i] = "/img/pics/A0266.jpg"; window.picstext[i++] = "Phantom and Gracie";
	window.pics[i] = "/img/pics/A0276.jpg"; window.picstext[i++] = "Gracie";
	window.pics[i] = "/img/pics/A0284.jpg"; window.picstext[i++] = "Brie";
	window.pics[i] = "/img/pics/A0295.jpg"; window.picstext[i++] = "Chetter and Brie";
	window.pics[i] = "/img/pics/A0302.jpg"; window.picstext[i++] = "Brie and Chetter";
	window.pics[i] = "/img/pics/B0001.jpg"; window.picstext[i++] = "Hailey";
	window.pics[i] = "/img/pics/B0022.jpg"; window.picstext[i++] = "Hailey";
	window.pics[i] = "/img/pics/B0036.jpg"; window.picstext[i++] = "Alice";
	window.pics[i] = "/img/pics/B0047.jpg"; window.picstext[i++] = "Alice";
	window.pics[i] = "/img/pics/C0002.jpg"; window.picstext[i++] = "Chetter";
	window.pics[i] = "/img/pics/C0005.jpg"; window.picstext[i++] = "Chetter";
	window.pics[i] = "/img/pics/C0022.jpg"; window.picstext[i++] = "JJ";
	window.pics[i] = "/img/pics/C0026.jpg"; window.picstext[i++] = "JJ";
	window.pics[i] = "/img/pics/C0039.jpg"; window.picstext[i++] = "Bentley";
	window.pics[i] = "/img/pics/C0043.jpg"; window.picstext[i++] = "Bentley";
	window.pics[i] = "/img/pics/C0050.jpg"; window.picstext[i++] = "Callie";
	window.pics[i] = "/img/pics/C0061.jpg"; window.picstext[i++] = "Bo and Cooper";
	window.pics[i] = "/img/pics/C0070.jpg"; window.picstext[i++] = "Bo, Cooper and Belle";
	window.pics[i] = "/img/pics/C0083.jpg"; window.picstext[i++] = "Bo, Cooper and Belle";
	window.pics[i] = "/img/pics/C0088.jpg"; window.picstext[i++] = "Bo, Cooper and Belle";
	window.pics[i] = "/img/pics/C0093.jpg"; window.picstext[i++] = "Belle";
	window.pics[i] = "/img/pics/C0105.jpg"; window.picstext[i++] = "Belle";
	window.pics[i] = "/img/pics/C0108.jpg"; window.picstext[i++] = "Archie";
	window.pics[i] = "/img/pics/C0116.jpg"; window.picstext[i++] = "Mick";
	window.pics[i] = "/img/pics/C0124.jpg"; window.picstext[i++] = "Mick";
	window.pics[i] = "/img/pics/C0127.jpg"; window.picstext[i++] = "Mick";
	window.pics[i] = "/img/pics/C0145.jpg"; window.picstext[i++] = "Cody";
	window.pics[i] = "/img/pics/C0152.jpg"; window.picstext[i++] = "Roxie";
	window.pics[i] = "/img/pics/C0160.jpg"; window.picstext[i++] = "Nellie";
	window.pics[i] = "/img/pics/Shugar-310.jpg"; window.picstext[i++] = "Shugar";

	window.fademillisec = 3000;	// 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 = 6000;	// 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];
	// initial fade from blank is very quick
	setTimeout("blendimage()", 250);
}

//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 = (Math.round((Math.random()*(window.pics.length-2))+1));
    // 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);
}