function highlightNavButton(pID)
{
	var oLeftTD = document.getElementById("navTDleft" + pID);
	var oMiddleTD = document.getElementById("navTDmiddle" + pID);
	var oRightTD = document.getElementById("navTDright" + pID);

	if (pID > 1)
	{
		var oLeftSep = document.getElementById("navTDsep" + (pID - 1));
		if ( oLeftSep.className != 'navTDsep_active' )
    		oLeftSep.className = "navTDsep_active";
	}
	if (pID < 8)
	{
		var oRightSep = document.getElementById("navTDsep" + pID);
		if ( oRightSep.className != 'navTDsep_active' )
    		oRightSep.className = "navTDsep_active";
	}

    if ( oLeftTD.className != "navTDleft_active" ) {
    	oLeftTD.className = "navTDleft_active";
    }
    if ( oMiddleTD.className != "navTDmiddle_active" ) {
    	oMiddleTD.className = "navTDmiddle_active";
    }
    if ( oRightTD.className != "navTDright_active" ) {
    	oRightTD.className = "navTDright_active";
    }
}

function restoreNavButton(pID)
{
	var oLeftTD = document.getElementById("navTDleft" + pID);
	var oMiddleTD = document.getElementById("navTDmiddle" + pID);
	var oRightTD = document.getElementById("navTDright" + pID);

	if (pID > 1)
	{
		var oLeftSep = document.getElementById("navTDsep" + (pID - 1));
		if ( oLeftSep.className != "navTDsep" ) {
    		oLeftSep.className = "navTDsep";
        }
	}
	if (pID < 8)
	{
		var oRightSep = document.getElementById("navTDsep" + pID);
		if ( oRightSep.className != "navTDsep" ) {
    		oRightSep.className = "navTDsep";
        }
	}

    if ( oLeftTD.className != "navTDleft" ) {
    	oLeftTD.className = "navTDleft";
    }
    if ( oMiddleTD.className != "navTDmiddle" ) {
    	oMiddleTD.className = "navTDmiddle";
    }
    if ( oRightTD.className != "navTDright" ) {
    	oRightTD.className = "navTDright";
    }
}