strTabsBegin = "<div id=\"cdnavcont\">" +
                  "<div id=\"cdnavheader\">" +
                    "<ul>";
strTabsItemBegin = "<li>";
strTabsCurrentItemBegin = "<li id=\"current\">";
strTabsItemMiddle = "<span>";
strTabsItemEnd1 = "</span>"
strTabsItemEnd2 = "</li>";
strTabsEnd =        "</ul>" +
                  "</div>" +
                  "<br style=\"clear:both;\"/>" +
                "</div>";
strAnchorBegin1 = "<a href=\"";
strAnchorBegin2 = "\">";
strAnchorEnd   = "</a>";

function DrawTabs(content, current)
{
	var l = content.length;
	if(l <= 0)
		return;

	// adjust current
	current = (current + 1) * 2;

	var strHtml = "";
	strHtml += strTabsBegin;

	var i = 0;
	while(i < l)
	{
		var text, anchor;
		if(i < l)
			text = content[i++];
		if(i < l)
			anchor = content[i++];

		strHtml += (i == current) ? strTabsCurrentItemBegin : strTabsItemBegin;

		if(anchor != "")
		{
			strHtml += strAnchorBegin1;
			strHtml += anchor;
			strHtml += strAnchorBegin2;
		}
		strHtml += strTabsItemMiddle;
		strHtml += text;
		strHtml += strTabsItemEnd1;
		if(anchor != "")
		{
			strHtml += strAnchorEnd;
		}
		strHtml += strTabsItemEnd2;
	}

	strHtml += strTabsEnd;

	document.write(strHtml);
}

function dcDrawTabs(current)
{
	// <li id="current"><a href=""><span></span></a></li>
	var tabs = [
	"首页", "index.htm",
	"文章", "articles.htm",
	"工具", "tools.htm",
	"代码", "code.htm",
	"关于", "about.htm"
	];

	DrawTabs(tabs, current);
}