function d_et_menu( sActiveItem )
{
	this.sActiveItem		=	typeof(sActiveItem) == 'undefined' ? 'home' : sActiveItem;
	
	this.aItems				=	new Array();
	this.aItems[this.aItems.length] = 'home';
	this.aItems[this.aItems.length] = 'hypotheken';
	this.aItems[this.aItems.length] = 'lenen';
	this.aItems[this.aItems.length] = 'sparenenbetalen';
	this.aItems[this.aItems.length] = 'verzekerenverkeer';
	this.aItems[this.aItems.length] = 'verzekerenreizen';
	this.aItems[this.aItems.length] = 'verzekerenoverige';
	this.aItems[this.aItems.length] = 'nieuwsbrief';
	
	this.sShownItem			=	null;
	
	this.sTimeout			=	3000; //ms
	this.sLastTimoutId		=	null;
	
	
	this.MouseOver			=	function( sItem )
								{
									this.StopTimer();
									
									if( this.sShownItem === sItem )
									{
										return;
									}
									else
									{
										this.sShownItem = sItem;
										this.Toggle();
									}
								}
								
	this.MouseOut			=	function( sItem )
								{
									this.StartTimer();
								}
								
	this.MouseOverSub		=	function()
								{
									this.StopTimer();
								}
								
	this.MouseOutSub		=	function()
								{
									this.StartTimer();
								}
								
	this.ActualMouseOut		=	function ()
								{
									oMenu.sShownItem = oMenu.sActiveItem;
									oMenu.Toggle();
								}
								
	this.StartTimer			=	function()
								{
									this.sLastTimeoutId = setTimeout(this.ActualMouseOut, this.sTimeout);
								}
								
	this.StopTimer			=	function()
								{
									clearTimeout( this.sLastTimeoutId );
								}
								
	this.Toggle				=	function()
								{
									var oContainer = document.getElementById('sub-menu');
									
									for(var i = 0; i < this.aItems.length; i++)
									{
										var oMenuObject = document.getElementById('id-'+this.aItems[i]);
										
										if( null === oMenuObject)
										{
											continue;
										}
										
										var oSubmenuObject = document.getElementById('sub-'+this.aItems[i]);
										
										
										if(this.sShownItem === this.aItems[i])
										{
											if(oMenuObject.className.indexOf(' item-selected') === -1)
											{
												oMenuObject.className =  oMenuObject.className + ' item-selected';
											}
											if(oSubmenuObject.className.indexOf(' item-selected') === -1)
											{
												oSubmenuObject.className =  oSubmenuObject.className + ' item-selected';
											}
										}
										else
										{
											oMenuObject.className = oMenuObject.className.replace(' item-selected', '');
											oSubmenuObject.className = oSubmenuObject.className.replace(' item-selected', '');
										}
									}
								}
}