var fc="color:#ffffff;"
var pl="padding-left:4;"
var pr="padding-right:4;"
var fs="font-size:12px;"
var fw="font-weight:bold;"
var bgc="background-color:#770000;"
var ta="text-align:left;"
var pos="position:absolute;"
var ff="font-family:arial;"
var itemheight=20;
var standard=fc+pl+pr+fs+fw+bgc+ta+pos+ff

var toplinestyle=standard + "border-color:#C8ACAC;border-width:1px;border-style:solid;border-top-color:#770000;border-bottom-color:#770000;top:0;height:" + itemheight + ";left:"
var tablestyle=standard + "visibility:hidden;"
var mouseoverstyle="this.style.color='#770000';this.style.backgroundColor='#F0F0F8';this.style.cursor='hand';"
var mouseoutstyle="this.style.color='#ffffff';this.style.backgroundColor='#770000';"

//****functions for screen width***

function getwidth() //this is the width of the internal screen
{
thiswidth=document.body.clientWidth;
return thiswidth;
}


var screenwidth=getwidth();
var changewidth=getwidth();


function sizeCheck(oldwidth)  //this checks if the screen size changed - reloads if did
{
var newwidth=document.body.clientWidth;
//alert(oldwidth + " " + newwidth)
if (Math.abs(oldwidth-newwidth)>25) window.location.reload();
return
}

window.setInterval("sizeCheck(changewidth)", 1000);  //checks every second

var extraspaces="";
if (screenwidth > 900)
{extraspaces=" &nbsp; ";}

//****functions to make tables****

function makevisible(ttable)
{eval(ttable).style.visibility='visible'}

function makehidden(ttable)
{eval(ttable).style.visibility='hidden'}



function hidelowertables()
{
var coll = document.getElementsByTagName("table");
for (i=0; i<coll.length; i++) {
var nameoftable=coll[i].id
if (nameoftable.indexOf("TopMenuTable") > -1 )
{eval(nameoftable).style.visibility='hidden'}
}
return
}


function makethirdtable(arrayofinfo)
{
var thirdmenus=eval(arrayofinfo)

for (var m=1; m <= thirdmenus.length-1; m++)
{
var tcontent=eval(thirdmenus[m][0])
var thistablename=thirdmenus[m][1]
var tdthatsent=thirdmenus[m][2]
var leftoftable=thirdmenus[m][3]
var topoftable=thirdmenus[m][4]
var firsttable=thirdmenus[m][5]
var tleft=leftoftable+eval(tdthatsent).clientWidth
tdindex=tdthatsent.indexOf("td")
tdlevel=tdthatsent.slice(tdindex+2)
var ttop=(itemheight*(tdlevel-1)) + topoftable
var tablethatsent=tdthatsent.slice(0,tdindex)

thistable=  "<table id=" + thistablename + " border=0 style=" + tablestyle + "top:"+ ttop + ";left:" + tleft 
thistable+= " onmouseover=\"this.style.visibility='visible';" + tablethatsent +".style.visibility='visible';" + firsttable + ".style.visibility='visible';\">" 
//thistable+= " onmouseout=\"this.style.visibility='visible';" + tablethatsent +".style.visibility='visible';" + firsttable + ".style.visibility='visible';\">"

for (var t=1; t <= tcontent.length-1; t++)
{
var tlink=" onclick=\"window.location.href='" + tcontent[t][1] + "'\""

	thistable+="<tr><td onmouseover=\"" + mouseoverstyle + "window.status='" + tcontent[t][1] + "'" + "\""
	thistable+=" onmouseout=\"" + mouseoutstyle + "window.status=''" + "\"" + tlink + ">"
	thistable+= tcontent[t][0] + "</td></tr>"
}//end tcontent loop

thistable+="</table>"

document.write(thistable)

if (tleft + eval(thistablename).clientWidth > screenwidth)  //put menu on right side
{
pxindex=eval(tablethatsent).style.left.indexOf("px")
newleft=eval(tablethatsent).style.left.slice(0,pxindex).valueOf()-eval(thistablename).clientWidth + 4
newleft=newleft.toString() + "px"
eval(thistablename).style.left=newleft
}

}//end thirdmenus loop
}//end function


function makesecondtable(arrayofinfo)
{
var secondmenus=eval(arrayofinfo)

for (var m=1; m <= secondmenus.length-1; m++)
{
var arrayfornewtable=new Array()
var lowertablearray=new Array()
var counter=1
var tcontent=eval(secondmenus[m][0])
var thistablename=secondmenus[m][1]
var tdthatsent=secondmenus[m][2]
var leftoftable=secondmenus[m][3]
var tleft=leftoftable+eval(tdthatsent).clientWidth
tdindex=tdthatsent.indexOf("td")
tdlevel=tdthatsent.slice(tdindex+2)
var ttop=(itemheight*tdlevel) 
var tablethatsent=tdthatsent.slice(0,tdindex)

thistable=  "<table id=" + thistablename + " border=0 style=" + tablestyle + "top:"+ ttop + ";left:" + tleft 
thistable+= " onmouseover=\"this.style.visibility='visible';" + tablethatsent +".style.visibility='visible'\" onmouseout=\"this.style.visibility='visible';" + tablethatsent +".style.visibility='visible'\">"

for (var t=1; t <= tcontent.length-1; t++)
{
var tdname=thistablename + "td" + t;

if(tcontent[t][1].slice(0,9)=="show-menu")
{
var newtablename="TopMenuTable" + tcontent[t][1].slice(9);
var tmenuname="menu" + tcontent[t][1].slice(9);
var temparray=[tmenuname,newtablename,tdname,tleft,ttop,tablethatsent];
arrayfornewtable[counter]=temparray;
var tlink="";
lowertablearray[counter]=newtablename;
counter++;
tcvisible="hidelowertables();makevisible('" + newtablename + "')";
tchidden="makehidden('" + newtablename + "')";
}
else
{
var tlink=" onclick=\"window.location.href='" + tcontent[t][1] + "'\""
tcvisible="hidelowertables();window.status='" + tcontent[t][1] + "'"
tchidden="window.status=''"
}
	thistable+="<tr><td nowrap id=" + tdname + " onmouseover=\"" + mouseoverstyle + tcvisible +   "\""
	thistable+=" onmouseout=\"" + mouseoutstyle + tchidden +  "\"" + tlink + ">"
	thistable+= tcontent[t][0] + "</td></tr>"
}//end tcontent loop

thistable+="</table>"

document.write(thistable)


if (tleft + eval(thistablename).clientWidth > screenwidth)  //put menu on left side
{
pxindex=eval(tablethatsent).style.left.indexOf("px")
newleft=eval(tablethatsent).style.left.slice(0,pxindex).valueOf()-eval(thistablename).clientWidth + 4
newleft=newleft.toString() + "px"
eval(thistablename).style.left=newleft
}

if (counter>1)
{makethirdtable(arrayfornewtable);
}

}//end secondmenus loop
}//end function


function makefirsttable(ttop,tleft,thismenu,thistablename,widthoftopbox)
{
var tcontent=eval(thismenu);
var arrayfornewtable=new Array()
var counter=1

thistable="<table z-index id=" + thistablename + " border=0 style=" + tablestyle + "top:"+ ttop + ";left:" + tleft + " onmouseover=\"this.style.visibility='visible'\" onmouseout=\"this.style.visibility='hidden'\">"

for (var t=1; t <= tcontent.length-1; t++)
{

var tdname=thistablename + "td" + t;

if(tcontent[t][1].slice(0,9)=="show-menu")
{
var newtablename="TopMenuTable" + tcontent[t][1].slice(9);
var tlink="";
var tmenuname="menu" + tcontent[t][1].slice(9);
var temparray=[tmenuname,newtablename,tdname,tleft];
arrayfornewtable[counter]=temparray;
counter++

tcvisible="hidelowertables();makevisible('" + newtablename + "')" 
tchidden="makehidden('" + newtablename + "')"

}
else
{
tcvisible="hidelowertables();window.status='" + tcontent[t][1] + "'"
tchidden="window.status=''"
var tlink=" onclick=\"window.location.href='" + tcontent[t][1] + "'\""
}
	thistable+="<tr><td nowrap id=" + tdname + " onmouseover=\"" + mouseoverstyle + tcvisible +  "\""
	thistable+=" onmouseout=\"" + mouseoutstyle + tchidden + "\"" + tlink + ">"
	thistable+= tcontent[t][0] + "</td></tr>"
}
thistable+="</table>"
document.write(thistable)


if (tleft + eval(thistablename).clientWidth > screenwidth)
{
var newleft=tleft-eval(thistablename).clientWidth + widthoftopbox
newleft=newleft.toString() + "px"
eval(thistablename).style.left=newleft
}

if (counter>1)
{makesecondtable(arrayfornewtable)}
}


//CREATES THE TOP LINE AND ALL INVISIBLE TABLES

for (var i=1; i <= topline.length-1; i++)
{
var boxnum="box"+i;
var lastbox="box"+(i-1);
var boxheight=itemheight
var tvisible=""
var thidden=""
var thislink=""

if (i==1) {leftcoordinate=0}
else
{widthofthisbox=eval(lastbox).clientWidth;
leftcoordinate=widthofthisbox+leftcoordinate}

if(topline[i][1].slice(0,9)=="show-menu")
{
var tablename="TopMenuTable" + topline[i][1].slice(9);
tvisible="hidelowertables();makevisible('" + tablename + "')";
thidden="makehidden('" + tablename + "')"
var menuname="menu" + topline[i][1].slice(9);
var makeatable=true
}
else
{
var thislink=" onclick=\"window.location.href='" + topline[i][1] + "'\""
var makeatable=false
}
var thisbox="<div nowrap id=" + boxnum + " style=" + toplinestyle + leftcoordinate 
thisbox += " onmouseover=\"" + mouseoverstyle + tvisible + "\""
thisbox += " onmouseout=\"" + mouseoutstyle + thidden + "\""
thisbox += thislink + ">" + extraspaces + topline[i][0] + extraspaces ;
thisbox += "</div>";
document.write(thisbox)

if (makeatable)
{makefirsttable(itemheight,leftcoordinate,menuname,tablename,eval(boxnum).clientWidth);}

} //end topline loop





