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

//			:::		START MAKE SITEMAP INTERACTIVE	:::

function sitemap(){
	// grab all h3 elements
	var h = document.getElementById('sitewide').getElementsByTagName('h3');
	// grab all unordered lists
	var u = document.getElementById('sitewide').getElementsByTagName('ul');
	
	for(i=0;i<u.length;i++){
		// hide all unordered lists with 'sitemap' class
		if(u[i].className == 'sitemap'){
			u[i].style.display = 'none';
		}
		
		// get all links
		var a = u[i].getElementsByTagName('a');
		for(z=0;z<a.length;z++){
			// checks if link has a class of 'parent'
			if(a[z].className == 'parent'){
				var li = a[z].parentNode;
				
				// creates maximise.gif element if it doesn't already exist
				var imgChk = li.getElementsByTagName('img');
				if(imgChk.length == 0){
					var img = document.createElement('img');
						img.className = 'icon';				
						img.src = 'http://www.powertools2u.co.uk/images/maximise.gif';
						img.style.verticalAlign = 'middle';					
					li.insertBefore(img, a[z]);
				}

				// set style
				li.className = 'parent';
				
				//hide child unordered list
				ul = a[z].nextSibling;
				while (ul.nodeType != 1){
					ul = ul.nextSibling;
				}
				
				ul.style.display = 'none';
				
				// make clicking new image hide/show child unordered list
				img.onclick = function(){
					li = this.parentNode;					
					ul = li.getElementsByTagName('ul')[0];
					var ulStatus = (ul.style.display == 'none') ? 'block' : 'none';
					ul.style.display = ulStatus;
					
					// toggle between maximise.gif and minimise.gif					
					imgStatus = (ulStatus == 'block') ? 'minimise' : 'maximise';
					this.src = 'http://www.powertools2u.co.uk/images/' + imgStatus + '.gif';
				}
			}
		}
		
	}
	
	for(x=0;x<h.length;x++){
		// assign unique IDs to each h3 element
		h[x].id = 'h3' + x;
		h[x].className = 'maximise';
		
		// make h3 element show/hide unordered list when clicked
		h[x].onclick = function(){
			var ul = this.nextSibling;
			
			while (ul.nodeType != 1){
				ul = ul.nextSibling;
			}
			
			var ulStatus = (ul.style.display == 'none') ? 'block' : 'none';
			
			ul.style.display = ulStatus;
			var hStatus = (ulStatus == 'block') ? 'minimise' : 'maximise';
			this.className = hStatus;
		}
	}
}

//			:::		END MAKE SITEMAP INTERACTIVE	:::