// Menu hide/show
//

// First - browser detection - the hide/show will not work in IE with more than two divs... no idea why though


function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}

function show(id) {
	var x = new getObj(id);
	x.style.display = 'block';
}

function hide(id) {
	var x = new getObj(id);
	x.style.display = 'none';
}


function show2(id) {
	var agt = navigator.userAgent.toLowerCase();
	var is_ie = (agt.indexOf("msie") != -1);
	if (!is_ie) {
		var x = new getObj(id);
		x.style.display = 'block';
	};
}


function hide2(id) {
	var agt = navigator.userAgent.toLowerCase();
	var is_ie = (agt.indexOf("msie") != -1);
	if (!is_ie) {
		var x = new getObj(id);
		x.style.display = 'none';
	};
}



/* function show(id) {
	if (document.getElementById) {
		document.getElementById(id).style.display="block";
	} else if (document.all) {
		document.all[id].style.display="block";
	} else if (document.layers) {
		document.layers[id].display="block";
	} } 

function hide(id) {
	if (document.getElementById) {
		document.getElementById(id).style.display="none";
	} else if (document.all) {
		document.all[id].style.display="none";
	} else if (document.layers) {
		document.layers[id].display="none";
	} } 
*/