var timeout         = 200;
var closetimer		= 0;
var menuitem      = 0;

// open hidden layer
function menu_show(id)
{	
	// cancel close timer
	cancelclosetime();

	// close old layer
	if(menuitem) menuitem.style.visibility = 'hidden';

	// get new layer and show it
	menuitem = document.getElementById(id);
	menuitem.style.visibility = 'visible';

}
// close showed layer
function menu_hide()
{
	if(menuitem) menuitem.style.visibility = 'hidden';
}

// go close timer
function closetime()
{
	closetimer = window.setTimeout(menu_hide, timeout);
}

// cancel close timer
function cancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = menu_hide;


//////////////////////////////////////////////////
//////////////////////////////////////////////////
// XML STUFF //
//////////////////////////////////////////////////
//////////////////////////////////////////////////
var xmlhttp;

function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for IE7, Firefox, Mozilla, etc.
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE5, IE6
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=onResponse;
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
  }
else
  {
  alert("Your browser does not support XMLHTTP.");
  }
}

function onResponse()
{
if(xmlhttp.readyState!=4) return;
if(xmlhttp.status!=200)
{
  alert("Problem retrieving XML data");
  return;
}

txt='<ul id="nav">';
x=xmlhttp.responseXML.documentElement.getElementsByTagName("menu");


for (i=0;i<x.length;i++)
{
  
  var name = x[i].getAttribute("name");
  var href = x[i].getAttribute("href");
  var target = x[i].getAttribute("target");
  var nodropdown = x[i].getAttribute("nodropdown");
  var menu_name = 'nav_' + name;


  
  target_string = '';
  if (target!=null) {
	target_string = 'target="' + target + '" ';  
  }
  
   class_string='class = "no_link" ';
   
   href_string = 'href = "" ';
  if (href!=null) {
	href_string = 'href="' + href + '" ';  
	class_string='class = "yes_link" ';
  }
  
  
  txt=txt + "<li>";
  
  if (nodropdown==null) {
	  txt=txt + '<a ' + class_string + target_string + href_string + '" onmouseover="menu_show(\'' + menu_name + '\');" onmouseout="closetime();" >' + name + '</a>';
  }
  else {  
  	txt=txt + '<a ' + class_string + target_string + href_string + '>' + name + '</a>';
  }
  
  
//  if (href == null) {
	//txt=txt + '<a href="" onmouseover="menu_show(\'' + menu_name + '\');" onmouseout="closetime();" >' + name + '</a>';
  //}
  //else {
		
	//	txt=txt + '<a href="' + href + '" onmouseover="menu_show(\'' + menu_name + '\');" onmouseout="closetime();" >' + name + '</a>';
  //}
  
  
  
  //for each item in that section		
	y=x[i].getElementsByTagName("item");
	for (var j=0;j<y.length;j++)
	{ 
	
		if (j==0) {
				txt=txt + '<div id="' + menu_name + '" onmouseover="cancelclosetime();" onmouseout="closetime();"><a class="buffer"></a>';
		}
			
		var name2 = y[j].getAttribute("name");
		var href2 = y[j].getAttribute("href");
		var target2 = y[j].getAttribute("target");
			
		 target_string2 = '';
		  if (target2!=null) {
			target_string2 = 'target="' + target2 + '" ';  
	  }	
			
		txt=txt + '<a  ' + target_string2 + ' href="' + href2 + '" >' + name2 + '</a>';
		
		if (j==y.length-1) {
			txt=txt + '</div>';
		}
	}
  
  
  
  
  
  	txt=txt + "</li>";
  }



txt=txt + "</ul>";
document.getElementById('navigation').innerHTML=txt;
}