window.onload = init;

// Initialise the page
function init() {
    imageReplacement();
}

function imageReplacement() {
	var W3CDOM = (document.createElement && document.getElementsByTagName);
	if (!W3CDOM) return;
	var test = new Image();
	var dt = new Date();
	var suffix = dt.getTime();
	test.onload = doImageReplacement;
	test.src = 'img/testimages.jpg?'+suffix;
}
function doImageReplacement() {
	replaceTextWithImages(document.getElementsByTagName('h1'));
}
function replaceTextWithImages(nodeList) {
	var replace = document.createElement('img');
	for (var i=0;i<nodeList.length;i++) {
		if (nodeList[i].id) {
			var imageNode = replace.cloneNode(true);
			imageNode.src = 'img/' + nodeList[i].id + '.gif';
			imageNode.alt = nodeList[i].firstChild.nodeValue;
			nodeList[i].innerHTML = "";
			nodeList[i].appendChild(imageNode);
		}
	}
}