ns4=(document.layers)?true:false;
ie=(document.all)?true:false;
ns6=(navigator.userAgent.indexOf("Gecko")> 0)?true:false;

menu_names=new Array("box","box2","box3","box4")   

menu_posi=new Array(12,196,368,483);

sub_menu_names=new Array("box11","box12","box13","box14","box15","box16")   



function openIt(x) {

     var items = 3  
     var posi=0;
     var menu="Menu";
if(ns4) {
		
		for (i=0; i<=items; i++) {
	Name=menu_names[i];
      document.layers[ Name ].visibility = "hidden" 
	if(Name==x) posi=i;
}
//	var coor_x=document.layers['menu'].left;
      document.layers[x].visibility = "show"
      document.layers[x].top= 104
      document.layers[x].left=182+menu_posi[posi]

       }    

if(ie) {
		
	   for (i=0; i<=items; i++) {
      document.all[menu_names[i]].style.visibility = "hidden" 
	if(menu_names[i]==x) posi=i; 
	}
	var coor_x=194
// document.all[menu].style.left;
      document.all[x].style.visibility = "visible" 
      document.all[x].style.top = 110
      document.all[x].style.left=coor_x+menu_posi[posi]+2
       }   
if (ns6) {
	for (i=0; i<=items; i++) {
      document.getElementById(menu_names[i]).style.visibility = "hidden" 
	if(menu_names[i]==x) posi=i; 
      }
	var coor_x=document.getElementById(menu).style.left;
      document.getElementById(x).style.visibility = "visible"
      document.getElementById(x).style.top= 104
      document.getElementById(x).style.left=parseInt(coor_x)+parseInt(menu_posi[posi])
	}
}

function closeIt() {

    var items =4
 
  if(ie){
		for (i=0; i<items; i++) 
    		{
			document.all[menu_names[i]].style.visibility = "hidden"
		}
	  }
  if(ns4){ 
		for (i=0; i<items; i++) 
    		{
	Name=menu_names[i];
			document.layers[Name].visibility = "hidden"
		}
	  }
if (ns6) {
		for (i=0; i<=items; i++) {
      document.getElementById(menu_names[i]).style.visibility = "hidden" }
	   }

	return true;
}

function openSubitem(y) {

     var subitems =6

if(ns4) {
		
		for (i=0; i<subitems; i++) {
Name=sub_menu_names[i];
		      document.layers[Name].visibility = "hidden" }

      document.layers[y].visibility = "show"

      document.layers[y].left= 365

       }    

if(ie) {
		
	   for (i=0; i<subitems; i++) {
      document.all[sub_menu_names[i]].style.visibility = "hidden" }
     document.all[y].style.visibility = "visible" 
      document.all[y].style.left = 365

       }   
if (ns6) {
	for (i=0; i<subitems; i++) {
      document.getElementById(sub_menu_names[i]).style.visibility = "hidden" }
      document.getElementById(y).style.visibility = "visible"
      document.getElementById(y).style.left = 365
	}

    }


 function closeSub() {

    var subitems =6

    for (i=0; i<subitems; i++) 
    {

       if(ie){document.all[sub_menu_names[i]].style.visibility = "hidden"}

       if(ns4){
			Name=sub_menu_names[i];
 			document.layers[Name].visibility = "hidden"
		  }      
	 
       if(ns6){document.getElementById(sub_menu_names[i]).style.visibility = "hidden" }
   
	}
	return true;
}

if (document.ns4)
  {
   origWidth = innerWidth;
   origHeight = innerHeight;
  }
  function reDo()
  {
   if (innerWidth != origWidth || innerHeight != origHeight)  location.reload();
  }
  if (document.ns4) onresize = reDo;