var ToolBar_Supported = true;
var PageResized = false;

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

	var subTitle		= "";
	var bolExplorer		= true;
	if(navigator.appName!="Microsoft Internet Explorer"){
		bolExplorer		= false;
		// Define event handlers
		window.onresize  = ResizePageHead;
		window.onscroll = ScrollPage;
	}	
}

function CreatePageHead()
{
	if(bolExplorer)
		DivCreateStr = "<table id='idPage' border='0' width='100%' cellspacing='0' cellpadding='0' height='100%'><tr><td vAlign='top'>";
	else
		DivCreateStr = "";
		
	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' height='59' background='../images/headback.gif'>";
	DivCreateStr += "<p style='text-indent: 0px; margin: 0px'><a href='http://www.abrosoft.com'>";
	DivCreateStr += "<img alt='Abrosoft Home' src='../images/absicon.jpg' border='0' width='154' height='59'></a></td>";
  	DivCreateStr += "</tr>";
	DivCreateStr += "</table>";
	
	document.write(DivCreateStr);

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

	contTitleWid[0] = "52";
	contTitleWid[1] = "66";
	contTitleWid[2] = "78";
	contTitleWid[3] = "65";
	contTitleWid[4] = "58";
	contTitleWid[5] = "53";

	contTitleLink[0] = "/";
	contTitleLink[1] = "product.htm";
	contTitleLink[2] = "download.htm";
	contTitleLink[3] = "purchase.htm";
	contTitleLink[4] = "support.htm";
	contTitleLink[5] = "http://www.fantamorph.com/forum";

	DivCreateStr = "<table id='idPageTitle' border='0' width='100%' cellspacing='0' cellpadding='0' height='21'><tr><td background='images/toolback.gif' height='21'>";
	for (i = 1; i < 7; i++) 
	{
		DivCreateStr += "<a href='" + contTitleLink[i-1] + "'><img border='0' src='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:8;background-image: url(images/left-navi.gif);' nowrap>";
	DivCreateStr += "<IMG SRC='images/left-top.gif' BORDER=0>";
	DivCreateStr += "<IMG SRC='images/navi-shadow.gif' BORDER=0>";
	DivCreateStr += "</DIV>";

	document.write(DivCreateStr);
}

function CreateNavibar()
{
	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='150' background='images/left-back.gif' height='100%' rowSpan='2' nowrap>";
	DivCreateStr += "<img height='6' src='images/blank-trans.gif' width='5' border='0'> </td>";
	DivCreateStr += "<td width='5' height='100%' background='images/left-shadow.gif' bgColor='#ffffff' rowSpan='2'>";
	DivCreateStr += "<img height='6' src='images/blank-trans.gif' width='5' border='0'></td>";
	DivCreateStr += "<td valign='top'>";
	if(subTitle!= "")
	{
    	DivCreateStr += "<br><br>";
    	DivCreateStr += "<hr color='#cccccc' noShade SIZE='1'>";
	}
	DivCreateStr += "<DIV ID='idNavibar' STYLE='position:absolute;left:0;top:95;width:150;' nowrap>";

	DivCreateStr += "<DIV class='NaviItem' nowrap>";
	DivCreateStr += "<img height='10' src='images/blank-trans.gif' width='15' align='middle'><A class='leftLink' href='/'>Home</a></DIV>";
	DivCreateStr += "<DIV class='NaviTitle'><img src='images/left-products.gif' border='0' width='125' height='18'></DIV>";
	DivCreateStr += "<DIV class='NaviItem' nowrap>";
	DivCreateStr += "<img height='10' src='images/blank-trans.gif' width='15' align='middle'><A class='leftLink' href='fantamorph'>FantaMorph</a></DIV>";
	DivCreateStr += "<DIV class='NaviItem' nowrap>";
	DivCreateStr += "<img height='10' src='images/blank-trans.gif' width='15' align='middle'><A class='leftLink' href='facemixer'>FaceMixer</a></DIV>";



	if (subTitle != "")
	{
		Divs =  "<DIV class='Title' STYLE='position:absolute;left:160;top:90;' nowrap>" + subTitle  + "</DIV>";
		document.write(Divs);
	}

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

function CreatePageEnd()
{
	if(bolExplorer)
	{
		DivCreateStr = "</td>";
	  	DivCreateStr += "</tr>";
		DivCreateStr += "</table>";
	}

	DivCreateStr = "</td>";
  	DivCreateStr += "</tr>";
	DivCreateStr += "</table>";
	document.write(DivCreateStr);
}

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

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