pDomApi.addEvent(window, 'domload', init);

function showHideMenu(menuName, show)
{
	menu = document.getElementById(menuName);

	if (menu==null) return ;

	if (show==true) {
		menu.style.height = menu.defaultHeight;
		menu.style.overflow = 'visible';
	}
	else {
		menu.defaultHeight = menu.style.height;
		menu.style.height = '28px';
		menu.style.overflow = 'hidden';
	}
}

function showHideShader(shaderName,show)
{
	shaderElement = document.getElementById(shaderName);

	if (shaderElement==null) return ;

	if (show==true) {
		shaderElement.style.display = 'block';
	}
	else {
		shaderElement.style.display = 'none';
	}
}

function init()
{
	showHideMenu('vloerenMenu',false);
	showHideShader('vloerenMenuShadeBottom',false);
	showHideMenu('dakenMenu',false);
	showHideShader('dakenMenuShadeBottom',false);
	showHideMenu('offerteMenu',false);
	showHideShader('offerteMenuShadeBottom',false);

	pDomApi.addEvent('vloerenMenu', 'mouseover', function () {showHideMenu('vloerenMenu',true); showHideShader('vloerenMenuShadeBottom',true);});
	pDomApi.addEvent('vloerenMenu', 'mouseout', function () {showHideMenu('vloerenMenu',false); showHideShader('vloerenMenuShadeBottom',false);});
	pDomApi.addEvent('dakenMenu', 'mouseover', function () {showHideMenu('dakenMenu',true); showHideShader('dakenMenuShadeBottom',true);});
	pDomApi.addEvent('dakenMenu', 'mouseout', function () {showHideMenu('dakenMenu',false); showHideShader('dakenMenuShadeBottom',false);});
	pDomApi.addEvent('offerteMenu', 'mouseover', function () {showHideMenu('offerteMenu',true); showHideShader('offerteMenuShadeBottom',true);});
	pDomApi.addEvent('offerteMenu', 'mouseout', function () {showHideMenu('offerteMenu',false); showHideShader('offerteMenuShadeBottom',false);});
}