function getElementsByClassName(oElm, strTagName, strClassName){
 var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
 var arrReturnElements = new Array();
 strClassName = strClassName.replace(/\-/g, "\\-");
 var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
 var oElement;
 for(var i=0; i<arrElements.length; i++){
  oElement = arrElements[i];
  if(oRegExp.test(oElement.className)){
   arrReturnElements.push(oElement);
  }
 }
 return (arrReturnElements)
}

function initNavigation()
{
	var m = document.getElementById("menu");
		
	if ( !m ) return;
	
	var items = getElementsByClassName( m, "li", "main");
	var l = items.length;
		
	for( var i = 0; i < l; i++)
	{
		var btn = items[i];
		
		btn.klasse = btn.className || "";
	
		btn.onmouseover = function()
		{
		
			this.className = this.klasse + " active";
		}
		
		btn.onmouseout = function()
		{
			this.className = this.klasse;
		}
		
		btn.onclick = function()
		{
		}
	}
}

function init()
{
	//alert('onload');
	initNavigation();
}

window.onload = init;