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

function init_fade(strElementID)
{
    //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) + ')';
	}
}

function MakeDiv(divId, imageHtml)
{
    var div = document.createElement('div');
    div.id = "Fading" + divId;
    div.className = 'fadingContent';
    div.innerHTML = imageHtml;
    
    return div;
}

window.onload = function()
{
	if (window.AddContainers) 
	{
	    AddContainers();
	}
}
//-->