CrossFadingOptions = {
	
	outputElementId: '',
	currentIndex: 0,
	transitionTime: 5000,
	animationSpeed: 40,
	crossPercentage: 70,
	listImages: [],
	minOpacity: 0,
	maxOpacity: 100
	
}

CrossFading = {
	
	setOpacity: function(sElementId, iValue)
	{
		var oElement = document.getElementById(sElementId);
		
		if(this.isBrowserIE())
		{
			oElement.style.filter  = 'alpha(opacity='+iValue+')';
		}
		else
		{
			oElement.style.opacity = iValue / 100;
		}
	},

	setDisplay: function(sElementId, iStatus)
	{
		var oElement = document.getElementById(sElementId);
		
		oElement.style.display = (iStatus == 1) ? 'inline' : 'none';
	},

	isBrowserIE: function()
	{
		var sBrowserName = navigator.appName;
		
		if(sBrowserName == 'Microsoft Internet Explorer')
		{
			 return true;
		}
		else
		{
			 return false;
		}
	},

	fadeIn: function(sElementId)
	{
		var obj = this;
		CrossFadingOptions.maxOpacity = 100;
		
		this.setOpacity(sElementId, CrossFadingOptions.maxOpacity);
		this.bTimerIn = setInterval(function() { obj.animateFadeIn(sElementId); }, CrossFadingOptions.animationSpeed);
	},

	fadeOut: function fadeOut(sElementId)
	{				
	 var obj = this;
	 CrossFadingOptions.minOpacity = 0;

	 this.setDisplay(sElementId, 1);
	 this.setOpacity(sElementId, CrossFadingOptions.minOpacity);
	 this.bTimerOut = setInterval(function() { obj.animateFadeOut(sElementId); }, CrossFadingOptions.animationSpeed);
	},

	animateFadeIn: function(sElementId)
    {
	   if(CrossFadingOptions.maxOpacity > 0)
	    {
		   CrossFadingOptions.maxOpacity = CrossFadingOptions.maxOpacity - 5;
		   this.setOpacity(sElementId, CrossFadingOptions.maxOpacity);
		   
		   if(CrossFadingOptions.maxOpacity == CrossFadingOptions.crossPercentage)
		    {
			   if(CrossFadingOptions.currentIndex + 1 != CrossFadingOptions.listImages.length)
			    {
				   CrossFadingOptions.currentIndex++;
			    }
			   else
			    {
				   CrossFadingOptions.currentIndex = 0;
			    }
			   this.fadeOut('crossfading_image'+CrossFadingOptions.currentIndex, CrossFadingOptions.animationSpeed);
		    }
	    }
	   else
	    {
		   clearInterval(this.bTimerIn);
		   this.setDisplay(sElementId, 0);
	    }
    },

	animateFadeOut: function(sElementId)
	{
		if(CrossFadingOptions.minOpacity < 100)
		{
			CrossFadingOptions.minOpacity = CrossFadingOptions.minOpacity + 5;
			this.setOpacity(sElementId, CrossFadingOptions.minOpacity);
		}
		else
		{
			var obj = this;

			clearInterval(this.bTimerOut);
			setTimeout(function() { obj.fadeIn('crossfading_image'+CrossFadingOptions.currentIndex); }, CrossFadingOptions.transitionTime);
		}
	},
					
	init: function()
	{
		var obj 			= this;
		var numImages 	= CrossFadingOptions.listImages.length;
		var outputElement = document.getElementById(CrossFadingOptions.outputElementId);

		for(var i = 0; i < numImages; i++)
		{
			var createImage = document.createElement('img');
			createImage.setAttribute('src', CrossFadingOptions.listImages[i]);
			createImage.setAttribute('id', 'crossfading_image'+i);
			outputElement.appendChild(createImage);
		}

		this.setDisplay('crossfading_image0', 1);
		setTimeout(function() { obj.fadeIn('crossfading_image0'); }, CrossFadingOptions.transitionTime);
	}
}