// functie getelemtnysbyclassname maken
document.getElementsByClassName = function(cl) 
{
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) 
	{
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
};


function init(id) 
{
	// breedte van alle topmenu li's ophalen
	var getTotalLiWidth = new Array();
	getTotalLiWidth = document.getElementsByClassName("top");
	var totalLiWidth = 0;
	//alert(getTotalLiWidth.length);
	for (var x = 0; x < getTotalLiWidth.length; x++)
	{
			var xobj = document.getElementsByClassName("top");
			totalLiWidth += document.getElementById(xobj[x].id).offsetWidth;
	}
	// breedte totale menu ophalen
	var totalUlWidth = document.getElementById("menu").offsetWidth;
	var totalOffsetWidth = (totalUlWidth - totalLiWidth) - 39;
	document.getElementById("filler").style.width = totalOffsetWidth+"px";
	
	// activate current topmenu
	if (id) { over(id) }
}


function over(id)
{
	// hide all submenus
	var submenus = new Array();
	submenus = document.getElementsByClassName("sub");
	for (var i = 0; i < submenus.length; i++)
	{
			var obj = document.getElementsByClassName("sub");
			document.getElementById(obj[i].id).style.display = "none";
	}
	
	// reset topmenus
	var topmenus = new Array();
	topmenus = document.getElementsByClassName("top");
	for (var k = 0; k < topmenus.length; k++)
	{
		var obj = document.getElementsByClassName("top");
		var t = document.getElementById(obj[k].id).style;
		t.backgroundColor = "";
		t.borderLeft = "0px";
		t.borderRight = "0px";
		t.borderBottom = "1px solid #FFFFFF";
		t.paddingLeft = "18px";
		t.paddingRight = "18px";
	}
	
	// activate current topmenu
	var t = document.getElementById("top"+id).style;
	var s = document.getElementById("sub"+id).style;
	t.backgroundColor = "#8C1511";
	if (id != 1) t.borderLeft = "1px solid #FFFFFF";
	t.borderRight = "1px solid #FFFFFF";
	t.borderBottom = "1px solid #8C1511";
	if (id != 1) t.paddingLeft = "17px";
	t.paddingRight = "17px";
	
	// activate current submenu
	s.display = "block";
}