function menuInitialize()
{
	var _menus = new Array(
		new Menu	('home', 
			new Array	(
				new MenuItem('home', 'index.php'), 
				new MenuItem('nieuws', 'nieuws')
								)
							),
		new Menu	('profielen', 
			new Array	(
				new MenuItem('registreren', 'index.php'), 
				new MenuItem('inloggen', 'index.php'),
				new MenuItem('wijzig profiel', 'index.php'), 
				new MenuItem('wachtwoord vergeten', 'index.php'),
				new MenuItem('bevestiging ontvangen', 'index.php'), 
				new MenuItem('buddies wijzigen', 'index.php')
								)
							)
	);
}

function menuFindPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function menuFindPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function MenuItem(itemName, itemUrl)
{
	this.itemName = itemName;
	this.itemUrl = itemUrl;
}
		

function Menu(menuName, menuItems)
{
	this.menuName = menuName;
	this.menuItems = menuItems;
	
	div  = '<div class="divMenu" id="'+menuName+'">';
	div += '<table cellspacing="0" class="tblMenu">';
	
	for (i=0; i<menuItems.length; i++)
	{
		menuItem = this.menuItems[i];
		
		div += '<tr>';
		div += '<td ';
		div += 'onMouseOver="this.origbgcolor = this.style.backgroundColor; this.style.backgroundColor = \'#000000\'" ';
		div += 'onMouseOut="this.style.backgroundColor = this.origbgcolor" ';
		div += 'onClick="goToMainUri(\''+menuItem.itemUrl+'\')" ';
		div += 'class="rowMenuItem" ';
		div += '>';
		div += menuItem.itemName;
		div += '</td>';
		div += '</tr>';
	}
	
	
	div += '</table>';
	div += '</div>';
	document.write(div);
  
} 
var __menu_open = '';
var __menubtn_hovered = '';
var __menubuttons = new Array();

function objSetContent(obj,content)
{
	if (document.layers)
	{
		var lyr = obj.document; //document.layers[objectId].document;
		lyr.open();
		lyr.write(content);
		lyr.close();
	}
	else
	{
		obj.innerHTML = content;
  }
} // objSetContent

function preloadMenuButtons(menubuttons)
{
	preload_image = new Image();
	for(i=0; i<menubuttons.length; i++)
	{
		
		if (__menubuttons[menubuttons[i]] == null)
		{
			__menubuttons[menubuttons[i]] = new Image();
			__menubuttons[menubuttons[i]].src = baseurl+'/graphics/menu/menubtn_'+menubuttons[i]+'.gif';
			__menubuttons[menubuttons[i]+'_hover'] = new Image();
			__menubuttons[menubuttons[i]+'_hover'].src = baseurl+'/graphics/menu/menubtn_'+menubuttons[i]+'_'+domainname+'.gif';
		}
		
	}
} 

function swapMenuButton(btn, name, hover)
{
	
	if (!hover)
		btn.src = __menubuttons[name].src;
	else
		btn.src = __menubuttons[name+'_hover'].src;	


} 

function menuHide()
{
	if (__menu_open != '')
	{
		divHide(__menu_open);
		__menu_open = '';
	}
	
	if (__menubtn_hovered != '')
	{
		menuBtn = document.getElementById('menubtn_'+__menubtn_hovered);
		swapMenuButton(menuBtn, __menubtn_hovered, false);
		__menubtn_hovered = '';
	}
	
} 

function menuShow(header, menuId, deltaX, menuWidth, menuBtnName)
{

	deltaH = header.style.height;
	if (deltaH.indexOf('px') >= 0)
		deltaH = parseInt(deltaH.substr(0, deltaH.indexOf('px')));
	
	x = menuFindPosX(header)+deltaX;
	y = menuFindPosY(header)+deltaH;
	divSetWidth(menuId, menuWidth);
	divSetPos(menuId, x, y);
	
	menuHide();
		
	divShow(menuId);
	menuBtn = document.getElementById('menubtn_'+menuBtnName);
	swapMenuButton(menuBtn, menuBtnName, true);
	__menu_open = menuId;
	__menubtn_hovered = menuBtnName;
} 
