if(window.addEventListener){
		window.addEventListener('load', outline, false); 
	}else{
		window.attachEvent('onload', function(){
			outline();
			})
	}

function outline(){
	// Find all h3 elements
	var h = document.getElementById('outlineLayer').getElementsByTagName('h4');
	// Find all div's
	var div = document.getElementById('outlineLayer').getElementsByTagName('div');
	// Find all images
	var img = document.getElementById('outlineLayer').getElementsByTagName('img');
	
	for(i=0;i<div.length;i++){
		// hide all div's with 'outline' class
		if(div[i].className == 'outline'){
			div[i].style.display = 'none';
		}
	}

	for(x=0;x<h.length;x++){
		// assign unique ID to each h element from var h
		h[x].id = 'h' + x;
		h[x].className = 'maximise';
		img[x].id = "img" + x;
		
		// make h3 element show/hide sibling element when clicked
		h[x].onclick = function(){
			var sibling = this.nextSibling;
			
			while (sibling.nodeType != 1){
				sibling = sibling.nextSibling;
			}
			
			var siblingStatus = (sibling.style.display == 'none') ? 'block' : 'none';
			
			sibling.style.display = siblingStatus;
			var hStatus = (siblingStatus == 'block') ? 'minimise' : 'maximise';
			this.className = hStatus;
			// Swap img for maximise and minimise
			this.firstChild.src =  '/images/' + hStatus + '.gif';;
		}
	}
}