//Image Fading by Ryan Schouten, based on a script obtained from http://www.dynamicdrive.com


var fadeImageWidth = 450;
var fadeImageHeight = 150;
var waitTime = 5000;

var IE = document.all&&navigator.userAgent.indexOf("Opera")==-1;
var NS = document.getElementById&&navigator.userAgent.indexOf("Opera")==-1;

var curOpacity = 10;
var currentFrame = "first";
var current = 0;
var next = 1;
var Images = new Array();

Images[0] = "/web-design-images/lg_banner1.jpg";
Images[1] = "/web-design-images/lg_banner2.jpg";
Images[2] = "/web-design-images/lg_banner3.jpg";
Images[3] = "/web-design-images/lg_banner4.jpg";

var preloadImages = new Image();
for(i=0;i<Images.length;i++)
{
	preloadImages.src = Images[i];
}

function fader()
{
	if (curOpacity<100)
	{
		curOpacity+=10;
		if (frameObj.filters)
		{
			frameObj.filters.alpha.opacity=curOpacity;
		}
		else if (frameObj.style.MozOpacity)
		{
			frameObj.style.MozOpacity=curOpacity/100;
		}
	}
	else
	{
		clearInterval(fadeout);
		nextFrame=(currentFrame=="first")? "first" : "second";
		frameObj=IE? eval("document.all."+nextFrame) : document.getElementById(nextFrame);
		frameObj.innerHTML='<img src="'+Images[next]+'">';
		next=(next<Images.length-1)? next+1 : 0;
		setTimeout("swapImages()",waitTime);
	}
}

function swapImages()
{
	if (IE || NS)
	{
		reset(currentFrame);
		var crossoverFrame = frameObj = IE? eval("document.all."+currentFrame) : document.getElementById(currentFrame);
		crossoverFrame.style.zIndex++;
		var temp='setInterval("fader()",50)';
		fadeout=eval(temp);
		currentFrame=(currentFrame=="first")? "second" : "first";
	}
	else
	{
		document.images.defaultImage.src=Images[current];
	}
	current=(current<Images.length-1)? current+1 : 0;
}

function reset(whichFrame)
{
	curOpacity=10;
	var crossoverFrame=IE? eval("document.all."+whichFrame) : document.getElementById(whichFrame);
	if (crossoverFrame.filters)
	{
		crossoverFrame.filters.alpha.opacity=curOpacity;
	}
	else if (crossoverFrame.style.MozOpacity)
	{
		crossoverFrame.style.MozOpacity=curOpacity/100;
	}
}

function starter()
{
	var crossoverFrame=IE? eval("document.all."+currentFrame) : document.getElementById(currentFrame);
	crossoverFrame.innerHTML='<img src="'+Images[current]+'">';
	swapImages();
}

if (IE || NS)
{
	window.onload=starter;
}
else
{
	setInterval("swapImages()",waitTime);
}