//<!--
/* FadingImage Javascript */
var ImagePauseLength = 4000;
var FadeSpeed = 20;
var OpacityIncrement = 0.01;
var Staggered = 0;
var ImageCount = 0;

function init_fader(strElementID)
{
    //show all images
 	var arrContainers = document.getElementById(strElementID).getElementsByTagName('div');
 	ImageCount = arrContainers.length;
	for(var i=0; i<arrContainers.length; i++)
	{
	    arrContainers[i].style.display = 'block';
	    
	    //get image and set opacity to zero so they're all hidden
 	    var arrImages = arrContainers[i].getElementsByTagName('img');
 	    if (arrImages.length > 0)
 	    {
 	        var OpacityValue = (i == 0 ? 0.99 : 0.01);
 	        arrImages[0].xOpacity = OpacityValue;
 		    arrImages[0].style.display = (i == 0 ? 'block' : 'none');
 		    setOpacity(arrImages[0], OpacityValue);
	    }
	}

	var StartDelay = ImagePauseLength + Staggered;
	setTimeout("loop_fade('" + strElementID + "', 0)", StartDelay);
	Staggered = Staggered + 2000;
}

function loop_fade(strElementID, iThisIndexToFade)
{
    var iThisIndexToShow = ((iThisIndexToFade + 1) >= ImageCount ? 0 : iThisIndexToFade + 1);

    var arrImages = document.getElementById(strElementID).getElementsByTagName('img'); 
    arrImages[iThisIndexToShow].style.display = 'block';
    var CurrentImageOpacity = arrImages[iThisIndexToFade].xOpacity;
    var NextImageOpacity = arrImages[iThisIndexToShow].xOpacity;
    
    CurrentImageOpacity -= OpacityIncrement;
    NextImageOpacity += OpacityIncrement;
    
    setOpacity(arrImages[iThisIndexToFade], CurrentImageOpacity);
    setOpacity(arrImages[iThisIndexToShow], NextImageOpacity);
    
    if (CurrentImageOpacity <= 0.01)
    {
        arrImages[iThisIndexToFade].style.display = 'none';
        setTimeout("loop_fade('" + strElementID + "', " + iThisIndexToShow + ")", ImagePauseLength);
    }
    else setTimeout("loop_fade('" + strElementID + "', " + iThisIndexToFade + ")", FadeSpeed);
}

function setOpacity(objImage, xOpacity)
{
    if (xOpacity > 0 && xOpacity < 1)
    {
        objImage.xOpacity = xOpacity;
	    objImage.style.opacity = xOpacity;
	    objImage.style.MozOpacity = xOpacity;
	    objImage.style.filter = 'alpha(opacity=' + (xOpacity*100) + ')';
	}
}

Array.prototype.push = function(value)
{
	this[this.length] = value;
}

//-->