// onMouseOver (nav)
	function lfOver( id, color ) {
		var e = document.getElementById( "nav" + id );
		if ( !e ) { alert("lfOver> Error, no such nav element of id " + id ); return; }
		e.style.backgroundColor = color;
		return;
	}
	
	// onMouseOut (nav)
	function lfOut( id, color ) {
		var e = document.getElementById( "nav" + id );
		if ( !e ) { alert("lfOut> Error, no such nav element of id " + id ); return; }
		e.style.backgroundColor = color;
		return;
	}
	
	// onClick (nav)
	function lfClick( id, nav ) {
		var e = document.getElementById( "nav" + id );
		if ( !e ) { alert("lfClick> Error, no such nav element of id " + id ); return; }
		document.location = nav;	
		return;
	}

	// Toggle CSS hints on/off	
	var bToggle = false;

	function toggleHints() {
        
		if ( false == bToggle ) {
			document.getElementById( "wrapper" ).style.border = "1px #000 solid";
			document.getElementById( "graphic" ).style.border = "1px #3f3 solid";
			document.getElementById( "quote" ).style.border   = "1px #f33 solid";
			document.getElementById( "nav" ).style.border     = "1px #33f solid";
			document.getElementById( "main" ).style.border    = "1px #ff3 solid";
			document.getElementById( "copy" ).style.border    = "1px #3ff solid";
			bToggle = true;
		}
		else {
			var border="0px";
			document.getElementById( "wrapper" ).style.border = border;
			document.getElementById( "graphic" ).style.border = border;
			document.getElementById( "quote" ).style.border   = border;
			document.getElementById( "nav" ).style.border     = border;
			document.getElementById( "main" ).style.border    = border;
			document.getElementById( "copy" ).style.border    = border;
			bToggle = false;
		}       
	}