var a_pages = new Array('index', 'testlab');
var a_pageNames = new Array('Home', 'Test Lab');
var l_pageCnt = a_pages.length;

function f_writeNav(m_navID) {
	l_output = '<tr>'
			 + '<td height="25" class="navContainer">'
			 + '<table border="0" cellspacing="0" cellpadding="0">'
			 + '<tr>';
	for(i = 0; i < l_pageCnt; i++) {
		if(i == m_navID) {
			l_output += '<td id="nav' + i + '" class="navTextSelected">' + a_pageNames[i] + '</td>';
		} else {
			l_output += '<td id="nav' + i + '" class="navText"><a href="' + a_pages[i] + '.php" onMouseOver="f_alterNav(' + i + ', true, false);" onMouseOut="f_alterNav(' + i + ', false, false);" onMouseDown="f_alterNav(' + i + ', true, true);" class="navText">' + a_pageNames[i] + '</a></td>';
		}
		l_output += '<td id="navDivider" class="navDivider" width="1"><img src="images/no.gif" width="1" height="25" border="0" alt=""></td>';
	}
	l_output += '</tr>'
			  + '</table>'
			  + '</td>'
			  + '</tr>';
	document.write(l_output);
}

function f_alterNav(m_navID, m_mouseOver, m_onMouseDown) {
	l_divID = "nav" + m_navID;
	o_div = document.getElementById(l_divID);
	if(m_mouseOver && !m_onMouseDown) {
		o_div.className = "navTextHover";
	} else if(m_mouseOver && m_onMouseDown) {
		o_div.className = "navTextSelected";
	} else {
		o_div.className = "navText";
	}
}

function f_writeHeader() {
	l_output = '<tr>'
			 + '<td height="50" valign="bottom"><img src="images/logo.gif" width="103" height="25" border="0" alt="S-MACHINA"></td>'
			 + '</tr>';
	document.write(l_output);
}

function f_writeDividerHoriz(m_height) {
	l_output = '<tr>'
			 + '<td height="' + m_height + '"><img src="images/no.gif" width="1" height="' + m_height + '" border="0" alt=""></td>'
			 + '</tr>';
	document.write(l_output);
}

function f_writeFooter() {
	l_output = '<tr>'
			 + '<td height="25" align="center" valign="middle" class="navContainer">&copy;2005</td>'
			 + '</tr>';
	document.write(l_output);
}