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'>";
	DivCreateStr += "<tr><td vAlign='top' noWrap align='left' width='59' height='59'><a href='http://www.fantaface.com'><img alt='Abrosoft FantaFace Home - Face Composite Software Free Trial' src='images/headicon.gif' border='0' width='59' height='59'></a></td>";
	DivCreateStr += "<td vAlign='top' align='left' background='images/headback.gif' height='59'><a href='http://www.fantaface.com'><img border='0' src='images/headfanta.gif' alt='Abrosoft FantaFace Home - Fantastic Face Mixing Software' width='167' height='59'></a></td>";
	DivCreateStr += "<td vAlign='top' align='left' width='119' height='59'><a href='http://www.abrosoft.com'><img alt='Abrosoft home' src='images/headcorp.gif' border='0' width='119' height='59'></a></td></tr></table>";
	
	document.write(DivCreateStr);

	contTitle[0] = "home";
	contTitle[1] = "prod";
	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] = "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='mixer'>FaceMixer</a></DIV>";
	DivCreateStr += "<DIV class='NaviItem' nowrap>";
	DivCreateStr += "<img height='10' src='images/blank-trans.gif' width='15' align='middle'><A class='leftLink' href='morpher'>FaceMorpher</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();
}