Ysf.Dom.quiet = true;

/*
   offsetX: {'vertical': -80,  'horizontal': -153},
   offsetY: {'vertical': 19, 'horizontal': 1},
*/

var browser = navigator.appName;

if( browser == "Microsoft Internet Explorer" )
{
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent))
	{  
		var ieversion=new Number(RegExp.$1)
	}

 	if (ieversion>=8)
	{
		var bottom_value = -355;
		var menu_top_extra_spacer = 0;
		var default_value = -1;
	}
  	
	else
	{
		var bottom_value = -355;
		var menu_top_extra_spacer = 50;
		var default_value = -1;
	}
}
else
{
	var bottom_value = 0;
	var menu_top_extra_spacer = 0;
	var default_value = -1;
}


PanelMenu = {
   timers: new Array (),
   elements: new Array (),
   
   offsetX: {'vertical': 0,  	'horizontal': -153, 'default': 230, 			'inverse': 0,		'bottom': bottom_value},
   offsetY: {'vertical': 131, 	'horizontal': 0,  	'default': default_value, 	'inverse': 38,		'bottom': -102},
   
   
   enter: function (el) {
      var c = $child(el, 'ul');
      
      if (el.parentNode.parentNode.tagName.toLowerCase () == 'li') {
         this.hold(el.parentNode.parentNode);
      }
      if (c) {
         var r = el.parentNode.parentNode.parentNode;
         var orientation = 'default';
         if (r.tagName.toLowerCase () == 'map' && r.id == 'root-nav') {
         	orientation = 'vertical';
         } else if ($ancestor (el, 'map').id == 'root-nav') {
            orientation = 'inverse';
         } else if (r.tagName.toLowerCase () == 'map' && r.id == 'main-nav') {
            orientation = 'horizontal';
         } else if ($ancestor (el, 'map').id == 'bottom-nav') {
         	orientation = 'bottom';
         }
         c.style.zIndex = 100;         
	     c.style.top = px(el.offsetTop + this.offsetY[orientation]);
	     if (r.tagName.toLowerCase () == 'map' && r.id == 'root-nav')
	     {
			parentNodeClassName = c.parentNode.className;
			
			if( parentNodeClassName == 'menu_top_home_over' || parentNodeClassName == 'menu_top_informatie_over' || parentNodeClassName == 'menu_top_ietswijzigen_over' || parentNodeClassName == 'menu_top_formulieren_over' || parentNodeClassName == 'menu_top_contact_over' || parentNodeClassName == 'menu_top_overons_over' || parentNodeClassName == 'menu_top_sitemap_over' )
			{
				var original_spacer = 0;

				if( parentNodeClassName == 'menu_top_home_over' )
					original_spacer = 0 - 230 - menu_top_extra_spacer;

				if( parentNodeClassName == 'menu_top_informatie_over' )
					original_spacer = 0 - 330 - menu_top_extra_spacer;

				if( parentNodeClassName == 'menu_top_ietswijzigen_over' || parentNodeClassName == 'menu_top_overons_over' )
					original_spacer = 0 - 430 - menu_top_extra_spacer;

				if( parentNodeClassName == 'menu_top_formulieren_over' || parentNodeClassName == 'menu_top_sitemap_over' )
					original_spacer = 0 - 530 - menu_top_extra_spacer;

				if( parentNodeClassName == 'menu_top_contact_over' )
					original_spacer = 0 - 630 - menu_top_extra_spacer;

				if( c.className == 'menu_item_centered' )
				{
					if( c.childNodes && c.childNodes.length && c.childNodes.length > 0 )
					{
						var total_children = (c.childNodes.length - 1);
						var extra_extra_left = (960 - (total_children * 135)) / 2;

						c.style.marginLeft = px ( original_spacer );

						// c.firstChild.style.marginLeft = px ( extra_extra_left ); 
						c.style.paddingLeft = px ( extra_extra_left );
						
						c.style.width = (960 - extra_extra_left) + 'px';
					}
				}
			}
			else
			{
				c.style.left = px(el.offsetLeft + this.offsetX[orientation]);
			}
	     }
	     else
	     {
			c.style.left = px(el.offsetLeft + this.offsetX[orientation]);
		 }

	     if( c.className == 'menu_item_extra_spacer_left' )
	     {
	     	c.style.top = px(el.offsetTop + this.offsetY[orientation] - 39);
	     	c.style.left = px(el.offsetLeft + this.offsetX[orientation] + 169);
	     }

		if( c.className == 'menu_left_extra_spacer' )
		{
	     	c.style.left = px(el.offsetLeft + this.offsetX[orientation] - 61);
		}

		if( c.className == 'menu_bottom_extra_spacer' )
		{
			c.style.top = px(el.offsetTop - 1);
			c.style.left = px(el.offsetLeft + this.offsetX[orientation] + 169);
		}

	     c.style.display = 'block';
	  }
   },
   
   hold: function (el) {
      if (this.timers[el.id]) {
         clearTimeout(this.timers[el.id]);
      }
      if (el.parentNode.parentNode.tagName.toLowerCase () == 'li') {
         this.hold(el.parentNode.parentNode);
      }
   },
   
   exit: function (el) {
      this.elements[el.id] = el;
      this.timers[el.id] = setTimeout('PanelMenu.close(\'' + el.id + '\')', 200);
   },
   
   close: function (id) {
      el = this.elements[id];
      var c = $child(el, 'ul');
      if (c) {
         c.style.display = 'none';
      }
   }
};

var showhidetimer = "undefined";
 
function showsubhilite(divId){
	var i;
	var divElement = document.getElementById(divId);
	divElement.style.display = "block";
}

function hidesubhilite(divId){
   var i;
   var divElement = document.getElementById(divId); 
   divElement.style.display = "none";
}

function hidesubhilitewithdelay(divId){
	showhidetimer = setTimeout('hidesubhilite(\'' + divId + '\')', 200)
}

function clearhide(){
	clearTimeout(showhidetimer);
}