// All "css" through js
/*
function addShowSubMenu(elm)
{
	Element.extend(elm);
	Event.observe(elm, 'mouseover', showSubMenu);
	Event.observe(elm, 'mouseout', hideSubMenu);
}

function showSubMenu(elm)
{
	var submenu = 'submenu_' + this.readAttribute('title');
	$(submenu).show();
}

function hideSubMenu(elm)
{
	var submenu = 'submenu_' + this.readAttribute('title');
	$(submenu).hide();
}

function addSpan(elm)
{
	elm.innerHTML = '<span>' + elm.innerHTML + '</span>' + elm.innerHTML;
	elm.style.color = 'white';
}

function initCss()
{
//	var elements = $$('ul.menu li').each(addShowSubMenu);
	$$('h1').each(addSpan);
	addPageOverview();
	addMenuHovers();
}


function expandLi(elm)
{
	return;
	Event.observe(elm,'mouseover',function (s1){	
//		gl = s1;
		var elm = this.getElementsBySelector('ul').first();
		if (elm)
		{
			elm.className = 'submenushow';
		}
		s1.className = 'submenuhide';
	});
	Event.observe(elm,'mouseout',function (s1){	
//		gl = s1;
		var elm = this.getElementsBySelector('ul').first();
		if (elm)
		{
			elm.className = 'submenuhide';
		}
		s1.className = 'submenuhide';
	});
}

function debug(msg)
{
	if (!document.getElementById('debug'))
	{
		document.getElementById('mainpage').innerHTML += '<div id="debug" style="position: fixed; height: 200px; overflow: scroll; width: 100%;left: 0px; top: 0px; background-color: red;" onclick="$(this).hide();">Debug</div>';	
	}
	document.getElementById('debug').innerHTML += '<br />'+msg;
}

function addMenuHovers()
{
		return;
/*	var menu = $('mainmenu');
	
	menu.descendants().each( function (s1) {
		Event.observe(s1,'mouseover',function () {
											   
		});
	}); * /
	
	expandLi($('mainmenu').down());
	$('mainmenu').down().siblings().each(function(s1) {
		expandLi(s1);
		Event.observe(s1,'mouseover',alert('hello'));
	});	

	
	
}

// Add page overview
function addPageOverview()
{
	var firstH3 = true;
	var ul = '';		
	var extra = '';
	var prevTag = '';
	var theH1 = $$('h1').min();
	
	theH1.siblings().each(function(s1) {
		
		if (!s1.id)
			return;
		
		if (s1.tagName != 'H2' && s1.tagName != 'H3')
			return;
		
		extra = '';
		
		if (prevTag == 'H2' && s1.tagName == 'H3')
			ul += '<ul>';
		else if (prevTag == 'H3' && s1.tagName == 'H2')
			ul += '</li></ul>';
		else if (prevTag == s1.tagName)
			ul += '</li>\n';
		ul += '\n<li><a href="#' + s1.id + '">' + s1.innerHTML + '</a>';
		
		prevTag = s1.tagName;
	});
	
	if (ul != '')
	{
		ul = '<div class="overviewbox"><span>Pagina overzicht</span><ul class="overviewlist">'+ul+'</ul></div>';
		new Insertion.After(theH1,ul);
	}
} 
*/

function hideAllSubmenus()
{
	$$('ul.menu li').each(function (e){
//		if (e.down('ul'))
//			e.down('ul').hide();
		e.className = 'menitem';
	});
}

function initCss()
{
	$$('ul.menu li.menitem').each(function (e){
		if (!e.down('a').hasClassName('noreplace'))
		e.down('a').href = 'javascript:void(0);';
		e.observe('click', function (ev) {
			hideAllSubmenus();
			$(Event.element(ev)).up('li').className = 'menitem active';
		});
	});
}

Event.observe(window, 'load', initCss);