n = (document.layers)? true:false
		ie = (document.all)? true:false
		ns6 = (navigator.vendor)? true:false


		function init() {
		        	if (n)  	{drop1 = document.nav; }
				if (ie) 	{drop1 = nav.style; }
				if (ns6)  	{drop1 = document.getElementById('nav').style; }
				
				if (n)  	{drop2 = document.nav2; }
				if (ie) 	{drop2 = nav2.style; }
				if (ns6)  	{drop2 = document.getElementById('nav2').style; }
				
				if (n)  	{drop3 = document.nav3; }
				if (ie) 	{drop3 = nav3.style; }
				if (ns6)  	{drop3 = document.getElementById('nav3').style; }
		}

		
		
				
		
		//the showpull1 function makes visible the pull down menu #1 when you mouseover
		function shownav() {
		        if (n)  	{drop1.visibility = "show";}
			if (ie) 	{drop1.visibility = "visible";}
			if (ns6) 	{drop1.visibility = "visible";}
		}

		//Same as Menu 1 except this is Menu 2
		function shownav2() {
			if (n) 		{drop2.visibility = "show";}
			if (ie) 	{drop2.visibility = "visible";}
			if (ns6) 	{drop2.visibility = "visible";}

		}

		function shownav3() {
			if (n) 		{drop3.visibility = "show";}
			if (ie) 	{drop3.visibility = "visible";}
			if (ns6) 	{drop3.visibility = "visible";}

		}

		//Same as Menu 1 except this is Menu 2
		function hidenav() {
			if (n) 		{drop1.visibility = "hide";}
			if (ie) 	{drop1.visibility = "hidden";}
			if (ns6) 	{drop1.visibility = "hidden";}

		}

		//hideothers hides ALL the OTHER menus EXCEPT pull down menu #1; this is the hardest part
		//Important: This function will eventually need to hide menus 2,3,4,5
		function hidenav2() {
				if (n) 		{drop2.visibility = "hide";}
				if (ie) 	{drop2.visibility = "hidden";}
				if (ns6) 	{drop2.visibility = "hidden";}

		}

		function hidenav3() {
				if (n) 		{drop3.visibility = "hide";}
				if (ie) 	{drop3.visibility = "hidden";}
				if (ns6) 	{drop3.visibility = "hidden";}
		}



function posDyn(){
  static_table = 750; // width of your 800 x 600 page/table
  	
  ns4 = (document.layers)? true:false
  ie4 = (document.all)? true:false
  ns6 = (document.getElementById)? true:false
  
	if(ns4){
	client_width = window.innerWidth;
	x = (client_width - static_table)/2; 			// x = left space when your resolution width is above "static_table" width

		       if(client_width >= static_table){
				document.layers['nav'].left = x + 436; 		//nav : name of the layer you want to position
				document.layers['nav2'].left = x + 424;
				document.layers['nav3'].left = x + 410;
			}
			else if(client_width < static_table){
				document.layers['nav'].left =  436;
				document.layers['nav2'].left =  424;
				document.layers['nav3'].left =  410;
			}


	}
	else if (ie4)
	{
		
	OS = navigator.platform;
	width = document.body.offsetWidth;
	x = (width - static_table)/2;
	
		if( OS == "MacPPC" ) {
			if(width >= static_table){
				document.all['nav'].style.left = x + 446;
				document.all['nav2'].style.left = x + 434;
				document.all['nav3'].style.left = x + 420;
				
				}
				else if(width < static_table)
				{
				document.all['nav'].style.left = 446;
				document.all['nav2'].style.left = 434;
				document.all['nav3'].style.left = 420;
			}
			} else {
			if(width >= static_table){
				document.all['nav'].style.left = x + 436;
				document.all['nav2'].style.left = x + 424;
				document.all['nav3'].style.left = x + 410;
				
				}
				else if(width < static_table)
				{
				document.all['nav'].style.left = 436;
				document.all['nav2'].style.left = 424;
				document.all['nav3'].style.left = 410;
			}
		}
				
					
	
			
	}
	else if (ns6)
	{
	width = document.body.offsetWidth;
	x = (width - static_table)/2;
			if(width >= static_table)
				{
				document.getElementById('nav').style.left = x + 436;
				document.getElementById('nav2').style.left = x + 424;
				document.getElementById('nav3').style.left = x + 410;
				}
				else if(width < static_table)
				{
				document.getElementById('nav').style.left =  436;
				document.getElementById('nav2').style.left =  424;
				document.getElementById('nav3').style.left =  410;
				}
	}
}


		if(ie) { window.onresize = posDyn };