function fadeImage(speed) {
	setTimeout(fadeOut, speed);
}


// This function creates the replacing A and IMG tags and populates it with next image from array.
function fadeOut() {

	var opacityValue = opacity / 100;

	eImg = document.createElement('IMG');
	eImg.setAttribute('src',fadeImageArray[position].name);
	eImg.setAttribute('id','frontAnchor');
	eImg.setAttribute('width','550');
	eImg.setAttribute('height','317');
	eImg.setAttribute('border','0');
	eImg.setAttribute('alt',fadeImageArray[position].alt);
	eImg.style.cssText = 'filter: alpha(opacity=' + opacity + ');';
	eImg.style.KHTMLOpacity = opacityValue;
	eImg.style.MozOpacity = opacityValue;
	eImg.style.opacity = opacityValue;
	targetDiv = document.getElementById('fadeArea');
	targetDiv.insertBefore(eImg, targetDiv.firstChild);
	//return false;
	//alert('wes');
	fadeIn();
}



// This function changes the opacity until image is fully visible, then removes previous image.
function fadeIn() {

	if (opacity < 100) {

		opacity += 10;
		var opacityValue = opacity / 100;
		targetImg = document.getElementById('frontAnchor');	
		targetImg.style.cssText = 'filter: alpha(opacity=' + opacity + ');';
		targetImg.style.KTHMLOpacity = opacityValue;
		targetImg.style.MozOpacity = opacityValue;
		targetImg.style.opacity = opacityValue;
		setTimeout(fadeOut, 60);
		
	} else {
	
		targetDiv = document.getElementById('fadeArea');
		targetImg = document.getElementById('backAnchor');
		targetDiv.removeChild(targetImg);
		
		targetImg = document.getElementById('frontAnchor');
		targetImg.setAttribute('id','backAnchor');
		opacity = 0;
		position < (fadeImageArray.length - 1) ? position++ : position = 0;
		setTimeout(fadeOut, 7500);
	}
}