var t


function quickProductMenu()	{

	/* 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("quickSelect")) return false;
	if(!document.getElementById("quickProductMenu")) return false;
	
	
	
	/* get the reference to the quickSelect object and then assign a function to the 
	   mouse events to show or hide the product menu. The hide function uses a timer
	   to delay the hide by a set timeout .... we need to clear this timeout on every
	   mouseover event */
	
	
	var locator = document.getElementById("quickSelect");
	var quickProductMenu = document.getElementById("quickProductMenu");
			
	
		
			locator.onmouseover = function() {
					
						
					showMenu(this)
											
			}
			
			
			locator.onmouseout = function() {
					
						
					hideMenu(this)
											
			}
													
			
			quickProductMenu.onmouseover = function() {
								
					showMenu(this)
											
			}
			
			
			quickProductMenu.onmouseout = function() {
								
					hideMenu(this)
											
			}													
													
												
																	   
	
}


function showMenu(subMenu)	{
	
	//var secondaryColour = document.getElementById("quickProductMenu").style.
	
	
	
	clearTimeout(t) 
	document.getElementById("quickProductMenu").style.display = "block"
	//document.getElementById("quickProductMenu").style.backgroundColor = secondaryColour	

	return true
}




function hideMenu(subMenu)	{
	
	
	t = setTimeout('document.getElementById("quickProductMenu").style.display = "none"', 200)	
	
	return true
}