url = 'http://www.dixonandco.com/';

if (window.addEventListener) 
{
	window.addEventListener("load",xfadetest_init,false)
} 
else 
{
	window.attachEvent("onload",xfadetest_init);
}

var images = new Array();

function xfadetest_init() 
{
	
	if(!document.getElementById || !document.createElement)return;		// There is a javscript error

	// Create a new css tag
	css_tag = document.createElement("link"); 
	css_tag.setAttribute("href",url + "js.css"); 
	css_tag.setAttribute("rel","stylesheet"); 
	css_tag.setAttribute("type","text/css");
	
	// Add it to the header
	document.getElementsByTagName("head")[0].appendChild(css_tag);

	// get all the images to fade
	images = document.getElementById("FaderContainer").getElementsByTagName("img");	
	/*images = Array();
	
	for (i=0;i<imgs.length;i++)
	{
		images[i] = imgs[i];
	}*/
	
	for(i=1;i<images.length;i++) 
	{
		images[i].xOpacity = 0;
	}
	images[0].style.display = "block";
	images[0].xOpacity = .99;
	
	// Wait 1 second before scrolling
	setTimeout(xfadetest_fader,3000);
}

var cIndex=0;

function xfadetest_fader() 
{
	
	currentOpacity = images[cIndex].xOpacity;
	
	if (cIndex + 1 >= (images.length))
	{
		nIndex = 0;
	}
	else 
	{ 
		nIndex = cIndex + 1;
	}

	nextOpacity = images[nIndex].xOpacity;
	
	currentOpacity-=.05; 
	nextOpacity+=.05;
	
	images[nIndex].style.display = "block";
	images[cIndex].xOpacity = currentOpacity;
	images[nIndex].xOpacity = nextOpacity;
	
	setOpacity(images[cIndex]); 
	setOpacity(images[nIndex]);
	
	if(currentOpacity<=0) {
		images[cIndex].style.display = "none";
		cIndex = nIndex;
		setTimeout(xfadetest_fader,3000);
	} else {
		setTimeout(xfadetest_fader,50);
	}
	
	/* Generic opacity function */
	function setOpacity(obj) 
	{
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
	
}