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; }
				
				
		}

		
			
		
		//Show functions
		function shownav() {
		        if (n)  	{drop1.visibility = "show";}
			if (ie) 	{drop1.visibility = "visible";}
			if (ns6) 	{drop1.visibility = "visible";}
		}

		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";}

		}
		
		

		// Hide finctions 
		function hidenav() {
			if (n)  	{drop1.visibility = "hide";}
			if (ie) 	{drop1.visibility = "hidden";}
			if (ns6) 	{drop1.visibility = "hidden";}

		}

		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 + 312; 		//nav : name of the layer you want to position
				document.layers['nav2'].left = x + 346;
				document.layers['nav3'].left = x + 378;
				
			}
			else if(client_width < static_table){
				document.layers['nav'].left =  312;
				document.layers['nav2'].left =  346;
				document.layers['nav3'].left =  378;
				
			}


	}
	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 + 322;
				document.all['nav2'].style.left = x + 356;
				document.all['nav3'].style.left = x + 388;
				
				
				}
				else if(width < static_table)
				{
				document.all['nav'].style.left = 322;
				document.all['nav2'].style.left = 356;
				document.all['nav3'].style.left = 388;
				
			}
			} else {
			if(width >= static_table){
				document.all['nav'].style.left = x + 312;
				document.all['nav2'].style.left = x + 346;
				document.all['nav3'].style.left = x + 378;
				
				
				}
				else if(width < static_table)
				{
				document.all['nav'].style.left = 312;
				document.all['nav2'].style.left = 346;
				document.all['nav3'].style.left = 378;
				
			}
		}
				
					
	
			
	}
	else if (ns6)
	{
	width = document.body.offsetWidth;
	x = (width - static_table)/2;
			if(width >= static_table)
				{
				document.getElementById('nav').style.left = x + 312;
				document.getElementById('nav2').style.left = x + 346;
				document.getElementById('nav3').style.left = x + 378;
				
				}
				else if(width < static_table)
				{
				document.getElementById('nav').style.left =  312;
				document.getElementById('nav2').style.left =  346;
				document.getElementById('nav3').style.left =  378;
				
				}
	}
}


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