function hideAllBoxes(e)
{
	var targ;
	
    if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	
	var showBox = targ.parentNode.parentNode.parentNode;
	
	if (showBox.className != "colourBoxSmall")
		showBox = showBox.parentNode;
		
	showBox = showBox.previousSibling;
	
    if (showBox.nodeType == 3)
        showBox = showBox.previousSibling;
	
	var elems = getElementsByClass("colourBoxSmall", null, "DIV");

	for (var i=0; i < elems.length; i++) 	
	{ 		
		elems[i].style.display = 'none'; 	
	}
	
	showBox.style.display = 'block';
	
	//document.getElementById('colourContainer').style.background = '';
	
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
	if (e.preventDefault) e.preventDefault();
	return false;
}

function showAllBoxes(e)
{
	//document.getElementById('colourContainer').style.background = 'none';
	document.getElementById('research').style.display = 'none';
	document.getElementById('wireframes').style.display = 'none';
	document.getElementById('design').style.display = 'none';
	document.getElementById('testing').style.display = 'none';
	document.getElementById('build').style.display = 'none';
	document.getElementById('support').style.display = 'none';
	
	var elems = getElementsByClass("colourBoxSmall", null, "DIV");

	for (var i=0; i < elems.length; i++) 	
	{ 		
		elems[i].style.display = 'block'; 	
	}
	
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
	if (e.preventDefault) e.preventDefault();
	return false;
}

function loaded()
{	
	
	// add the onclick to the graph button 	
	var helpButtons = getElementsByClass("boxLink", null, "A"); 	 	
	
	for (var i=0; i<helpButtons.length; i++) 	
	{ 	   
		addListener(helpButtons[i], hideAllBoxes, "click");
	} 
	
	var closeButtons = getElementsByClass("closeButton", null, "A"); 	 	
	
	for (var i=0; i<closeButtons.length; i++) 	
	{ 	   
		addListener(closeButtons[i], showAllBoxes, "click");
	} 
	
};  

function addLoadListener(fn)
 { 	
	if (typeof window.addEventListener != 'undefined') 	{ 		
		window.addEventListener('load', fn, false); 	
	} 	
	else if (typeof document.addEventListener != 'undefined') 	
	{ 		
		document.addEventListener('load', fn, false); 	
	} 	
	else if (typeof window.attachEvent != 'undefined') 	
	{ 		
		window.attachEvent('onload', fn); 	
	} 	
	else 
	{ 		
		return false; 
	} 	 	
	return true; 
};  

function addListener(obj, fn, evt) 
{ 	
	if (typeof obj.addEventListener != 'undefined') 	
	{ 		
		obj.addEventListener(evt, fn, false); 	
	} 	
	else if (typeof obj.attachEvent != 'undefined') 	
	{ 		
		obj.attachEvent('on' + evt, fn); 	
	} 	
	else 	
	{ 		
		return false; 	
	} 	 	
	return true; 
};  

function getElementsByClass(searchClass,node,tag) 
{   	 
	var classElements = new Array(); 	  	 
	if ( node == null ) 		
	node = document; 	  	 
	if ( tag == null ) 		
	tag = '*'; 	  	 
	var els = node.getElementsByTagName(tag); 	
	var elsLen = els.length; 	 
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); 	  	 
	for (i = 0, j = 0; i < elsLen; i++)
	 {
		if ( pattern.test(els[i].className) )
		{
			classElements[j] = els[i];
			j++;
		}
	 }

	 return classElements;
}  

function linkBlock()
{
	return false;
}

addLoadListener(loaded);