strNavBegin = "<div class=\"cdLNavCornerLeft cdLeftNavBgColor\">&nbsp;</div>" + 
              "<div class=\"cdlnav\">" +
                "<div class=\"cdLeftNavSec cdLeftNavBgColor\">";
strNavEnd   =   "</div>" +
              "</div>";
strNavSectionHeaderBegin = "<div class=\"cdnavpad cdnavbold\">";
strNavSectionHeaderEnd   = "</div>";
strNavSectionItemBegin = "<div class=\"cdnavpad\">" +
                           "<ul class=\"cdleftnavlist\">" +
                             "<li>»&nbsp;";
strNavSectionItemEnd   =     "</li>" +
                           "</ul>" +
                         "</div>";
strAnchorBegin1 = "<a href=\"";
strAnchorBegin2 = "\">";
strAnchorEnd   = "</a>";

function DrawNavigator(content)
{
	var l = content.length;
	if(l <= 0)
		return;

	var strHtml = "";
	strHtml += strNavBegin;

	var i = 0;
	while(i < l)
	{
		// section header
		strHtml += strNavSectionHeaderBegin;
		strHtml += content[i++];
		strHtml += strNavSectionHeaderEnd;

		// section items
		var j = content[i++];
		while(j > 0 && i < l)
		{
			var text, anchor;
			if(i < l)
				text = content[i++];
			if(i < l)
				anchor = content[i++];

			strHtml += strNavSectionItemBegin;
			if(anchor != "")
			{
				strHtml += strAnchorBegin1;
				strHtml += anchor;
				strHtml += strAnchorBegin2;
			}
			strHtml += text;
			if(anchor != "")
			{
				strHtml += strAnchorEnd;
			}
			strHtml += strNavSectionItemEnd;

			j--;
		}
	}

	strHtml += strNavEnd;

	document.write(strHtml);
}