var fadeDelay = 3200;
var fadeSpeed = 70;
var opacity = 0;
var fadePosition = 22;
var imageObj = new Image();

function imageData(name, alt) {
	this.length = 3;
	this.name = name;
	this.alt = alt;
	
};

var fadeImageArray = new Array;
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_1.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_2.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_3.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_4.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_5.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_6.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_7.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_8.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_9.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_10.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_11.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_12.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_13.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_14.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_15.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_16.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_17.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_18.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_19.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_20.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_21.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_22.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_23.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_24.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_25.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_26.jpg','');
fadeImageArray[fadeImageArray.length] = new imageData('images/home_rotate_27.jpg','');

imageObj.src = fadeImageArray[5].name;
imageObj.src = "images/grant-recipients-image_hover.jpg";
imageObj.src = "images/our-partners-image_hover.jpg";
imageObj.src = "images/how-we-give-image_hover.jpg";
imageObj.src = "images/our-history-image_hover.jpg";

function fadeImage() {
	setTimeout(addFadeImage, fadeDelay);
};


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

	var opacityValue = opacity / 100;

	eImg = document.createElement('IMG');
	eImg.setAttribute('src',fadeImageArray[fadePosition].name);
	eImg.setAttribute('id','ad_frontAnchor');
/*
	eImg.setAttribute('width','250');
	eImg.setAttribute('height','210');
	eImg.setAttribute('border','0');
*/
	eImg.setAttribute('alt',fadeImageArray[fadePosition].alt);
	eImg.style.cssText = 'filter: alpha(opacity=' + opacity + ');';
	eImg.style.KHTMLOpacity = opacityValue;
	eImg.style.MozOpacity = opacityValue;
	eImg.style.opacity = opacityValue;
	targetDiv = document.getElementById('ad_fadeArea');
	targetDiv.insertBefore(eImg, targetDiv.firstChild);
	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('ad_frontAnchor');	
		targetImg.style.cssText = 'filter: alpha(opacity=' + opacity + ');';
		targetImg.style.KTHMLOpacity = opacityValue;
		targetImg.style.MozOpacity = opacityValue;
		targetImg.style.opacity = opacityValue;
		setTimeout(fadeIn, fadeSpeed);
		
	} else {
	
		targetDiv = document.getElementById('ad_fadeArea');
		targetImg = document.getElementById('ad_backAnchor');
		targetDiv.removeChild(targetImg);
		
		targetImg = document.getElementById('ad_frontAnchor');
		targetImg.setAttribute('id','ad_backAnchor');
		opacity = 0;
		fadePosition < (fadeImageArray.length - 1) ? fadePosition++ : fadePosition = 0;
		
		//preload next image
		imageObj.src = fadeImageArray[fadePosition].name;
		
		setTimeout(addFadeImage, fadeDelay);
	};
};