function createNavItem(baseDir,className,attributes)
{
db('base dir: ' + baseDir);
	if (attributes == undefined)
	{
		attributes = '';
	}

	document.write("<table class=\"" + className + "\"; style=\"background-color: " + itemColor + ";\" vbrl-float=" + quoted("left") + " " + attributes + " >");
	document.write("	<tr>");

	createRoundedTop();

	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td></td>");

	// Content
	document.write("		<td>");

	document.write("<table height=\"120px\" width=\"0px\"><tr><td>");
	document.write("<div class=" + quoted("vertical-nav-bar") + ">")
	document.write("<ul>");

	document.write("<li><a href=" + quoted(baseDir + "about/") + ">About</a></li>");
	document.write("<li><a href=" + quoted(baseDir + "works/") + ">Works</a></li>");
	document.write("<li><a href=" + quoted(baseDir + "contact/") + ">Contact</a></li>");
	document.write("<li><a href=" + quoted(baseDir + "links/") + ">Links</a></li>");

	document.write("</ul>");
	document.write("</div>");
	document.write("</td></tr></table>");

	document.write("		</td>");

	document.write("		<td></td>");
	document.write("	</tr>");
	document.write("	<tr>");

	createRoundedBottom();

	document.write("	</tr>");
	document.write("</table>");
}

// -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

function createWorksNavItem(baseDir,className)
{
	createNavItem(baseDir,className);
}