var subButtons=new Array(), animFrame=new Array();

var color1dark='#091C5A', color2dark='#ED7433';
var color1light='#C1C6D5', color2light='#fadccc';

var numFrames=10;
var midFrame=3;

var mainButtons=new Array('','ENTER SITE');
var buttonCount=mainButtons.length-1;

for (i=1;i<=buttonCount;i++){
	animFrame[i]=midFrame; //'off' position of button animation
	createSubButtonArray(i);//creates subButtons even if no content
} 

 
function createSubButtonArray(num){
	subButtons[num]=new Array();
}

function calcX(buttonNum){
   if(document.all){
      availW = document.body.clientWidth;
   }else{
      availW = innerWidth;
   }
   return Math.max((availW)/2+101-(Math.min(buttonCount-4*(buttonNum>3),4)*110)/2 + (buttonNum-4*(buttonNum>3))*110, 1);
 }

function calcY(buttonNum){
   if(document.all){
	  availH = document.body.clientHeight;
   }else{
	  availH = innerHeight;
   }
   return Math.max(availH/2+28, 1)+Math.floor(buttonNum/4)*30;
 }
 
function drawMainNav(){
	var html='',htmlHeader='', htmlFooter='';
		html='<table border="0" cellspacing="0" cellpadding="0" align="center">'
+'		  <tr> '
	for (v=1;v<=Math.min(buttonCount,4);v++){		
		htmlHeader+='<td id="butCell'+ v +'" class="color2dark" height="20" width="100" align="center" background="images/button_f0'+midFrame+'.gif" onMouseOver="overAction('+ v +')" onMouseOut="outAction('+ v +')" onClick="clickAction('+ v +')"'
		if (!document.layers) htmlHeader+=' style="background-color: ' + color2dark + '; cursor:pointer'
		htmlHeader+='">';
		if (document.layers) htmlHeader+='<a href="#" onClick="clickButton('+ v +')"><font color="#FFFFFF"> '
		htmlHeader+='	<font class="buttonText">'+mainButtons[v]+'</font>'
		if (document.layers) htmlHeader+='</font></a>'
		htmlHeader+='</td>'
	+'          <td width="10">&nbsp;</td>';
	}			
	html+=htmlHeader+'</tr><tr>';
	
	for (v=1;v<=Math.min(buttonCount,4);v++){		
		htmlFooter='<td height="10" colspan="2" align="center" onMouseOver="overAction('+ v +')" onMouseOut="outAction('+ v +')" onClick="clickAction('+ v +')"></td>';
		html+=htmlFooter;
	}
	html+='</tr></table>';
	
	if (buttonCount>4){
			htmlHeader='';htmlFooter='';
			html+='<table border="0" cellspacing="0" cellpadding="0" align="center">'
	+'		  <tr> '
		for (v=5;v<=Math.min(buttonCount,8);v++){		
			htmlHeader+='<td id="butCell'+ v +'" class="color2dark"  height="20" width="100" align="center" background="images/button_f0'+midFrame+'.gif" onMouseOver="overAction('+ v +')" onMouseOut="outAction('+ v +')" onClick="clickAction('+ v +')"'
			if (!document.layers) htmlHeader+=' style="background-color: ' + color2dark + '; cursor:pointer'
			htmlHeader+='">';
			if (document.layers) htmlHeader+='<a href="#" onClick="clickButton('+ v +')"><font color="#FFFFFF"> '
			htmlHeader+='	<font class="buttonText">'+mainButtons[v]+'</font>'
			if (document.layers) htmlHeader+='</font></a>'
			htmlHeader+='</td>'
		+'          <td width="10">&nbsp;</td>';
		}			
		html+=htmlHeader+'</tr><tr>';
		
		for (v=5;v<=Math.min(buttonCount,8);v++){		
			htmlFooter='<td height="10" colspan="2" align="center" onMouseOver="overAction('+ v +')" onMouseOut="outAction('+ v +')" onClick="clickAction('+ v +')">&nbsp;</td>';
			html+=htmlFooter;
		}
		html+='</tr></table>';
	}
	
	return html;

}

function drawSubNav(){
	var html='',htmlHeader='', htmlFooter='';
	for (y=1;y<=buttonCount;y++) {
	htmlHeader='<div id="sub'+y+'" width="100" height="150" class="flyoutBox">'
	+'  <table border="0" cellspacing="1" cellpadding="5" class="color1light" align="left" onMouseOver="overAction('+y+')" onMouseOut="outAction('+y+')" style="background-color: ' + calcColor(color1dark,0.75) +'">'
	+'    <tr>' 
	+'      <td class="color2dark" style="background-color: ' + color2dark + '">' 
	+'        <table border="0" cellspacing="0" cellpadding="0" align="left" class="color1dark" width="125" style="background-color: ' + color1dark + '">'
	+'          <tr> '
	+'            <td height="1" bgcolor="#000000"><img src="images/1x1.gif"></td>'
	+'          </tr>';
	html+=htmlHeader;	
		var limit=(subButtons[y].length-1)
		for (z=1;z<=limit;z++){
			htmlContent='<tr> '
			+'    <td onMouseOver="this.style.backgroundColor=color1dark; this.style.color=color1light" onMouseOut="this.style.backgroundColor=color1light; this.style.color=color1dark" onClick="document.cookie=\'activeButton='+y+'\';  document.location.href=\'page'+y+z+'.htm\'" class="color1light" height="19" align="center" style="background-color: ' + calcColor(color1dark,0.75);
			if(!document.layers) htmlContent+='; cursor: pointer"'
			htmlContent+='"> '
	+'              <font class="buttonText">';
			if (document.layers) htmlContent+='<a href="page'+y+z+'.htm">';
			htmlContent+=subButtons[y][z];
			if (document.layers) htmlContent+='</a>';
			htmlContent+='</font>'
	+'			</td>'
	+'          </tr>'
	+'         <tr>' 
	+'            <td height="1" bgcolor="#000000" class="buttonText" align="center"><img src="images/1x1.gif"></td>'
	+'          </tr>';
			html+=htmlContent;
		}
	htmlFooter='</table>'
	+'     </td>'
	+'    </tr>'
	+'  </table>'
	+'</div>';
	html+=htmlFooter;
	}
	return html;
}

function drawCP(){
	if (!document.layers){
		var html='<div style="position:absolute; left: 24px; top: 30px" onClick="openControl()"><font color="#FFFFFF" class="buttonText" style="cursor: pointer">Control Panel</font></div>';
		document.write(html);
	}

}