//<!--
/* FadingImage Javascript */
var ImagePauseLength = 4000;
var FadeSpeed = 70;
var OpacityIncrement = 0.05;
var Staggered = 0;

function init_fade(strElementID)
{
    //show all images
 	var arrContainers = getElementsByClassName('FadingContent', '', document.getElementById(strElementID));
	for(var i=0; i<arrContainers.length; i++) {arrContainers[i].style.visibility = 'visible';}
    
    //set image opacity to zero so they're all hidden
 	var arrImages = get_images(strElementID);
	for(i=1;i<arrImages.length;i++)
	{
 		arrImages[i].xOpacity = 0.01;
 		arrImages[i].style.display = 'none';
 		setOpacity(arrImages[i]);
	}

    //show first image
    arrImages[0].style.display = 'block';
    arrImages[0].xOpacity = 0.99;
	setOpacity(arrImages[0]);
	
	var StartDelay = ImagePauseLength + Staggered;
	setTimeout("loop_fade('" + strElementID + "', 0)", StartDelay);
	Staggered = Staggered + 2000;
}

function get_images(strElementID)
{
    var elFadeHolder = document.getElementById(strElementID);
    var arrImages = elFadeHolder.getElementsByTagName('img');
    return arrImages;
}

function loop_fade(strElementID, iThisIndexToFade)
{
    var arrImagesThisInstance = get_images(strElementID);
    var iThisIndexToShow = ((iThisIndexToFade + 1) >= arrImagesThisInstance.length ? 0 : iThisIndexToFade + 1);
    
    arrImagesThisInstance[iThisIndexToShow].style.display = 'block';
    var CurrentImageOpacity = arrImagesThisInstance[iThisIndexToFade].xOpacity;
    var NextImageOpacity = arrImagesThisInstance[iThisIndexToShow].xOpacity;
    
    CurrentImageOpacity -= OpacityIncrement;
    NextImageOpacity += OpacityIncrement;
    
    setOpacity(arrImagesThisInstance[iThisIndexToFade], CurrentImageOpacity);
    setOpacity(arrImagesThisInstance[iThisIndexToShow], NextImageOpacity);
    
    if (CurrentImageOpacity <= 0.01)
    {
        arrImagesThisInstance[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;
}

function getElementsByClassName(strClass, strTag, objContElm)
{
	strTag = strTag || "*";
	objContElm = objContElm || document;
	var objColl = (strTag == '*' && document.all) ? document.all : objContElm.getElementsByTagName(strTag);
	var arr = new Array();
	var delim = strClass.indexOf('|') != -1? '|' : ' ';
	var arrClass = strClass.split(delim);
	for (i = 0, j = objColl.length; i < j; i++)
	{
		var arrObjClass = objColl[i].className.split(' ');

		if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
		var c = 0;
		comparisonLoop:
		for (k = 0, l = arrObjClass.length; k < l; k++)
		{
			for (m = 0, n = arrClass.length; m < n; m++)
			{
				if (arrClass[m] == arrObjClass[k]) c++;

				if (( delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length))
				{
					arr.push(objColl[i]);
					break comparisonLoop;
				}
			}
		}
	}
	return arr;
}
//-->