var ToolBar_Supported = true;
var PageResized = false;

if (ToolBar_Supported)
{
	var DivCreateStr;
	var PageHeadMinWidth	= 605;
	
	var ixLangTitleSel	= 1;
	var ixContTitleSel	= 1;
	var contTitle		= new Array(6);
	var contTitleWid	= new Array(6);
	var contTitleLink	= new Array(6);

	var tmpStr = "";
	var ixNaviSel		= 0;
	var RootNaviPath	= "../";
	var NaviList		= new Array(17);
	var NaviListLink	= new Array(17);
	
	var subTitle		= "";
	// Define event handlers
	window.onresize  = ResizePageHead;
	window.onscroll = ScrollPage;
}

function CreatePageHead()
{
	tmpStr = "";

	if (ixNaviSel == 0)
	{
		DivCreateStr = "<table id='idPageHead' height='59' cellSpacing='0' cellPadding='0' width='100%' border='0' style='border-collapse: collapse' bordercolor='#111111'>";
	  	DivCreateStr += "<tr>";
	    	DivCreateStr += "<td vAlign='top' noWrap align='left' width='154' height='59' background='../images/headback.gif'>";
	    	DivCreateStr += "<p style='text-indent: 0px; margin: 0px'><a href='http://www.abrosoft.com'>";
		DivCreateStr += "<img alt='Abrosoft首頁' src='../images/absicon.jpg' border='0' width='154' height='59'></a></td>";
	}
	else
	{
		DivCreateStr = "<table id='idPageHead' height='59' cellSpacing='0' cellPadding='0' width='100%' border='0' style='border-collapse: collapse' bordercolor='#111111'>";
		DivCreateStr += "<tr>";
	    	DivCreateStr += "<td vAlign='top' noWrap align='left' width='59' height='59'>";
	    	DivCreateStr += "<p style='text-indent: 0px; margin: 0px'>";
	    	DivCreateStr += "<a href='http://www.fantamorph.com'>";
	    	DivCreateStr += "<img alt='Abrosoft FantaMorph首頁' src='" + tmpStr + "../images/headicon.jpg' border='0' width='59' height='59'></a></td>";
	    	DivCreateStr += "<td vAlign='top' align='left' background='" + tmpStr + "../images/headback.gif' height='59'>";
	    	DivCreateStr += "<p style='text-indent: 0px; margin: 0px' align='left'>";
	    	DivCreateStr += "<a href='http://www.fantamorph.com'>";
	    	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/headfanta.jpg' alt='Abrosoft FantaMorph首頁' width='215' height='59'></a></td>";
	    	DivCreateStr += "<td vAlign='top' align='left' width='119' height='59'>";
	    	DivCreateStr += "<a href='http://www.abrosoft.com'>";
	    	DivCreateStr += "<img alt='Abrosoft首頁' src='" + tmpStr + "../images/headcorp.gif' border='0' width='119' height='59'></a></td>";
	}
  	DivCreateStr += "</tr>";
	DivCreateStr += "</table>";
	document.write(DivCreateStr);

	contTitle[0] = "home";
	contTitle[1] = "prod";
	contTitle[2] = "down";
	contTitle[3] = "buy";
	contTitle[4] = "supp";
	contTitle[5] = "forum";

	contTitleWid[0] = "51";
	contTitleWid[1] = "50";
	contTitleWid[2] = "50";
	contTitleWid[3] = "50";
	contTitleWid[4] = "50";
	contTitleWid[5] = "50";

	contTitleLink[0] = "../tc";
	contTitleLink[1] = "overview.htm";
	contTitleLink[2] = "download.htm";
	contTitleLink[3] = "purchase.htm";
	contTitleLink[4] = "contact.htm";
	contTitleLink[5] = "http://fantamorph.com/forum";


	DivCreateStr = "<TABLE id='idPageTitle' cellSpacing=0 cellPadding=0 width='100%' border=0><TR>";

 	DivCreateStr += "<td class='ToolLink' noWrap background='" + tmpStr + "../images/toolback.gif' width='403' height='21'>";
	DivCreateStr += "<a href='http://www.abrosoft.com'>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-en.gif' width='48' height='21'></a>";
	DivCreateStr += "<a href='http://www.abrosoft.com/german'>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-de.gif' width='53' height='21'></a>";
	DivCreateStr += "<a href='http://www.abrosoft.com/spanish'>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-es.gif' width='52' height='21'></a>";
	DivCreateStr += "<a href='http://www.abrosoft.com/italian'>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-it.gif' width='51' height='21'></a>";
	DivCreateStr += "<a href='http://www.abrosoft.com/portuguese'>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-pt.gif' width='64' height='21'></a>";
	DivCreateStr += "<a href='http://www.abrosoft.com/sc'>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-sc.gif' width='47' height='21'></a>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-tc1.gif' width='47' height='21'>";
	DivCreateStr += "<a href='http://www.3658shop.com/shopping/shopping-detail.php?pi=267'>";
	DivCreateStr += "<img border='0' src='" + tmpStr + "../images/lang-kr.gif' width='40' height='21'></a></td>";

	DivCreateStr += "<TD noWrap background='" + tmpStr + "../images/toolback.gif' width='100%' height='21'>";
	for (i = 1; i < 7; i++) 
	{
		DivCreateStr += "<a href='" + contTitleLink[i-1] + "'>";
		DivCreateStr += "<img border='0' src='" + tmpStr + "images/tb" + contTitle[i-1];
		if (ixContTitleSel == i)
		{
			DivCreateStr += "1.gif'";
		}
		else
		{
			DivCreateStr += ".gif'";
		}
		DivCreateStr += " width='" + contTitleWid[i-1] + "' height='21'></a>";
	}

	DivCreateStr += "</td></TR></TABLE>";

	document.write(DivCreateStr);
	DrawDecorateBorder();
	CreateNavibar();
}

function DrawDecorateBorder()
{
	DivCreateStr = "<DIV ID='idDecorateBorder' class='DecorateBorder' STYLE='position:relative;width:100%;height:8px;background-image: url(" + tmpStr + "../images/left-navi.gif);' nowrap>";
		DivCreateStr += "<IMG SRC='" + tmpStr + "../images/left-top.gif' BORDER=0>";
		DivCreateStr += "<IMG SRC='" + tmpStr + "../images/navi-shadow.gif' BORDER=0>";
	DivCreateStr += "</DIV>";

	document.write(DivCreateStr);
}

function CreateNavibar()
{
	NaviList[0]		= "產品簡介";
	NaviListLink[0]	= "overview.htm";

	NaviList[1] = "新增功能";
	NaviListLink[1]	= "whatsnew.htm";

	NaviList[2] = "主要功能";
	NaviListLink[2]	= "features.htm";

	NaviList[3] = "介面圖片";
	NaviListLink[3]	= "screenshots.htm";

	NaviList[4] = "產品範例";
	NaviListLink[4]	= "samples.htm";

	NaviList[5] = "配備需求";
	NaviListLink[5]	= "systemreq.htm";

	NaviList[6] = "試用下載";
	NaviListLink[6]	= "download.htm";

	NaviList[7] = "介面皮膚";
	NaviListLink[7]	= "skin.htm";

	NaviList[8] = "免費資源";
	NaviListLink[8]	= "goodies.htm";

	NaviList[9] = "常見問題";
	NaviListLink[9]	= "faq.htm";

	NaviList[10] = "線上教學";
	NaviListLink[10]= "tutorial.htm";

	NaviList[11] = "如何...";
	NaviListLink[11]= "howto.htm";

	NaviList[12] = "其它問題";
	NaviListLink[12]= "submit.htm";

	NaviList[13] = "聯絡我們";
	NaviListLink[13]= "contact.htm";

	NaviList[14] = "價格表";
	NaviListLink[14]= "price.htm";

	NaviList[15] = "現在購買";
	NaviListLink[15]= "purchase.htm";

	NaviList[16] = "免費獲得!";
	NaviListLink[16]= "free.htm";

	DivCreateStr = "<table id='idNavi' border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' bordercolor='#111111' width='100%' height='100%' id='AutoNumber1'>";
  	DivCreateStr += "<tr>";
    	DivCreateStr += "<td vAlign='top' width='150px' background='" + tmpStr + "../images/left-back.gif' rowSpan='2' nowrap>";
    	DivCreateStr += "<img height='6' src='" + tmpStr + "../images/blank-trans.gif' width='5' border='0'> </td>";
    	DivCreateStr += "<td width='5px' background='" + tmpStr + "../images/left-shadow.gif' bgColor='#ffffff' rowSpan='2'>";
    	DivCreateStr += "<img height='6' src='" + tmpStr + "../images/blank-trans.gif' width='5' border='0'></td>";
    	DivCreateStr += "<td valign='top'>";
    	if (ixNaviSel != 0) //ixNaviSel != 16 && 
    	{
	    	DivCreateStr += "<br><br>";
	    	DivCreateStr += "<hr color='#cccccc' noShade SIZE='1'>";
	}
	DivCreateStr += "<DIV ID='idNavibar' STYLE='position:absolute;left:5px;top:92px;width:140px;' nowrap>";

	DivCreateStr += "<DIV class='NaviTitle'><img src='" + tmpStr + "images/left-product.gif' border='0' width='141px' height='18px' style='margin-top: 5pt; margin-bottom: 3pt'></DIV>";
	for (i = 1; i < 18; i++)
	{
		if (i == 7) DivCreateStr += "<DIV class='NaviTitle'><img src='" + tmpStr + "images/left-download.gif' border='0' width='141px' height='18px' style='margin-top: 5pt; margin-bottom: 3pt'></DIV>";
		if (i == 10) DivCreateStr += "<DIV class='NaviTitle'><img src='" + tmpStr + "images/left-support.gif' border='0' width='141px' height='18px' style='margin-top: 5pt; margin-bottom: 3pt'></DIV>";
		if (i == 15) DivCreateStr += "<DIV class='NaviTitle'><img src='" + tmpStr + "images/left-purchase.gif' border='0' width='141px' height='18px' style='margin-top: 5pt; margin-bottom: 3pt'></DIV>";


		if (ixNaviSel != i)
		{
			DivCreateStr += "<DIV class='NaviItem' nowrap>";
			DivCreateStr += "<img height='5' src='" + tmpStr + "../images/sbb.gif' width='7' align='middle'><img height='6' src='" + tmpStr + "../images/blank-trans.gif' width='5' border='0'>";
		}
		else if (ixNaviSel == i)
		{
			DivCreateStr += "<DIV class='NaviItemSel' nowrap>";
			DivCreateStr += "<img height='10' src='" + tmpStr + "../images/arrow-red.gif' width='14' align='middle'><img height='6' src='" + tmpStr + "../images/blank-trans.gif' width='5' border='0'>";

			//if (ixNaviSel != 16)
			//{
				Divs =  "<DIV class='Title'  STYLE='position:absolute;left:160px;top:90px;' nowrap>" + subTitle;
				if (subTitle =="") Divs += NaviList[i-1];
				Divs += "</DIV>";
				document.write(Divs);
			//}
		}

		if (ixNaviSel != i)
		{
			DivCreateStr += "<A class='leftLink' href='";
			DivCreateStr += tmpStr + NaviListLink[i-1] + "'>";
		}

		DivCreateStr += NaviList[i-1];
		if (ixNaviSel != i) DivCreateStr += "</A>";
		DivCreateStr += "</DIV>";
	}

	DivCreateStr += "</DIV>";
	document.write(DivCreateStr);
}

function CreatePageEnd()
{
	DivCreateStr = "</td>";
  	DivCreateStr += "</tr>";
  	DivCreateStr += "<tr>";
    	DivCreateStr += "<td vAlign='bottom' nowrap><font face='Verdana, Arial, Helvetica' size='1'>";
    	DivCreateStr += "<hr id='idHr' color='#cccccc' noShade SIZE='1'>";
    	DivCreateStr += "<p style='margin-top: 0pt; margin-bottom: 0pt'><font color='#808080'>";
    	DivCreateStr += "&copy; 2002-2006 <b>Abrosoft</b> 版權所有. 保留一切權利. </font>";
    	DivCreateStr += "<a href='" + tmpStr + "support/contact.html'><font color='#3366cc'>";
    	DivCreateStr += "聯絡我們</font></a><br>";
	DivCreateStr += "&nbsp;</font></td>";
  	DivCreateStr += "</tr>";
	DivCreateStr += "</table>";
	document.write(DivCreateStr);
}

function ResizePageHead()
{
	w = Math.max(PageHeadMinWidth, idNavi.offsetWidth);
	idPageHead.style.width = w + "px";
	idDecorateBorder.style.width = w + "px";
	idPageTitle.style.width = w + "px";
	PageResized = true;
}

function ScrollPage()
{
	if (!PageResized) ResizePageHead();
}