// Fade image in and out
fadeStep = 5;
fadeDir = 1;
function fader() {
	if (fadeStep <= 0) { 
		document.getElementById("cooksmessage").innerHTML = images[index];
		fadeStep = 5;
		fadeDir = 1;
	}
	if (fadeDir == 1 && fadeStep<=100) {
		imageObject = document.getElementById("cooksImage");		
		opacValue = fadeStep;
		imageObject.style.opacity = opacValue/100;
		imageObject.style.filter = 'alpha(opacity=' + opacValue + ')';
		fadeStep+=5;
	}
	if (fadeDir == -1 && fadeStep>0) {
		imageObject = document.getElementById("cooksImage");		
		opacValue = fadeStep;
		imageObject.style.opacity = opacValue/100;
		imageObject.style.filter = 'alpha(opacity=' + opacValue + ')';
		fadeStep-=5;
	}
}



// define the 'getElementById' method for use in older browsers
if (!document.getElementById) {
	if (document.all) {
		document.getElementById = function() {
			if (typeof document.all[arguments[0]]!="undefined") {
				return document.all[arguments[0]];
			} else {
				return null;
			}
		}
	} else if (document.layers) {
		document.getElementById = function() {
			if (typeof document[arguments[0]]!="undefined") {
				return document[arguments[0]];
			} else {
				return null;
			}
		}
	}
}

// rotate message every 10 seconds
function nextMessage() {
	index ++;
	if (index>=images.length) {
		index = 0;
	}
	fadeDir = -1;	
}
setInterval ("nextMessage()", 6000);
setInterval("fader()", 50);