productRangeMenu()

function productRangeMenu()	{
	
	/* check the browser is capable of recognising the DOM objects
	   we need to implement the script - otherwise return false and allow the normal link to be executed */
	   
	if(!document.getElementsByTagName) return false;
	if(!document.getElementById) return false;
	if(!document.getElementById("productRange")) return false;
	
	
	/* get the reference to the productRange object and then create an array 
	   of all the <a> tags found in the array. To each tag assign a function to
	   the onmouseover and onmouseout events - which calls the changeColour and changeColour functions. */	
	
	var menu = document.getElementById("productRange");
	var menulinks = menu.getElementsByTagName("a");
	
		for(i = 0; i < menulinks.length; i++) {
		
			
			menulinks[i].onmouseover = function() {
			
					   fadeImage(this);		
				return changeColour(this, "#FF9900");	
			}
			
			
			menulinks[i].onmouseout = function() {
			
					   restoreImage(this)		
				return changeColour(this, "#FFFFFF");	
				
			}
			
			
			
		}
}


function changeColour(linkNode, colour)	{
	
	
linkNode.style.color = colour;
	
	
}