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; }*/
				drop1 = document.getElementById('nav').style;
				
				/*if (n)  	{drop2 = document.nav2; }
				if (ie) 	{drop2 = nav2.style; }
				if (ns6)  	{drop2 = document.getElementById('nav2').style; }*/
				drop2 = document.getElementById('nav2').style;
				
				/*if (n)  	{drop3 = document.nav3; }
				if (ie) 	{drop3 = nav3.style; }
				if (ns6)  	{drop3 = document.getElementById('nav3').style; }*/
				drop3 = document.getElementById('nav3').style;
				
				/*if (n)  	{drop4 = document.nav4; }
				if (ie) 	{drop4 = nav4.style; }
				if (ns6)  	{drop4 = document.getElementById('nav4').style; }*/
				drop4 = document.getElementById('nav4').style;
		}

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

		function shownav2() {
			/*if (n)  	{drop2.visibility = "show";}
			if (ie) 	{drop2.visibility = "visible";}
			if (ns6) 	{drop2.visibility = "visible";}*/
			drop2.visibility = "visible";
		}

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

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

		}

		function hidenav2() {
			/*if (n)  	{drop2.visibility = "hide";}
			if (ie) 	{drop2.visibility = "hidden";}
			if (ns6) 	{drop2.visibility = "hidden";}*/
			drop2.visibility = "hidden";
		}

		function hidenav3() {
			/*if (n)  	{drop3.visibility = "hide";}
			if (ie) 	{drop3.visibility = "hidden";}
			if (ns6) 	{drop3.visibility = "hidden";}*/
			drop3.visibility = "hidden";
		}
		
		function hidenav4() {
			/*if (n)  	{drop4.visibility = "hide";}
			if (ie) 	{drop4.visibility = "hidden";}
			if (ns6) 	{drop4.visibility = "hidden";}*/
			drop4.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 + 178; 		//nav : name of the layer you want to position
				document.layers['nav2'].left = x + 178;
				document.layers['nav3'].left = x + 178;
				document.layers['nav4'].left = x + 178;
				
			}
			else if(client_width < static_table){
				document.layers['nav'].left =  178;
				document.layers['nav2'].left =  178;
				document.layers['nav3'].left =  178;
				document.layers['nav4'].left =  178;
				
			}


	}
	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 + 188;
				document.all['nav2'].style.left = x + 188;
				document.all['nav3'].style.left = x + 188;
				document.all['nav4'].style.left = x + 188;
				//plus 10
				
				}
				else if(width < static_table)
				{
				document.all['nav'].style.left = 188;
				document.all['nav2'].style.left = 188;
				document.all['nav3'].style.left = 188;
				document.all['nav4'].style.left = 188;
				//plus 10
				
			}
			} else {
			if(width >= static_table){
				document.all['nav'].style.left = x + 178;
				document.all['nav2'].style.left = x + 178;
				document.all['nav3'].style.left = x + 178;
				document.all['nav4'].style.left = x + 178;
				
				
				}
				else if(width < static_table)
				{
				document.all['nav'].style.left = 178;
				document.all['nav2'].style.left = 178;
				document.all['nav3'].style.left = 178;
				document.all['nav4'].style.left = 178;
				
			}
		}
				
					
	
			
	}
	else if (ns6)
	{
	width = document.body.offsetWidth;
	x = (width - static_table)/2;
			if(width >= static_table)
				{
				document.getElementById('nav').style.left = x + 178;
				document.getElementById('nav2').style.left = x + 178;
				document.getElementById('nav3').style.left = x + 178;
				document.getElementById('nav4').style.left = x + 178;
				
				}
				else if(width < static_table)
				{
				document.getElementById('nav').style.left =  178;
				document.getElementById('nav2').style.left =  178;
				document.getElementById('nav3').style.left =  178;
				document.getElementById('nav4').style.left =  178;
				
				}
	}
}


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