// OnMouseOver Event
function submenu_Over(){

	if(this.className == "subnavi_item_active"){
		return;
	}

	if(this.className == "subnavi_item_bottom"){
		this.className = "subnavi_item_hover_bottom";
	} else {
		this.className = "subnavi_item_hover";
	}
}

// OnMouseOut Event
function submenu_Out(){
	
	if(this.className == "subnavi_item_active"){
		return;
	}

	if(this.className == "subnavi_item_bottom_hover"){
		this.className = "subnavi_item_bottom";
	} else {
		this.className = "subnavi_item";
	}
}

// Subnavi initialisieren
function submenu_Init(){
	
	// Event-Handler setzen
	var items = document.getElementsByName('subnavi_item');
	for(var i = 0; i < items.length; i++){
		items[i].onmouseover = submenu_Over;
		items[i].onmouseout = submenu_Out;
	}
}

function submenu_fixSubMenu(){

	var items = document.getElementsByName('subnavi_item');
	if(!items){
		alert("Submenu broken?");
	}

	var maxWidth = document.getElementById('subnavi').offsetWidth;
	
	var width = 0;
	var lines = 1;
	var topItems = 0;
	var lineItems = 0;
	
	for(var i = 0; i < items.length; i++, lineItems++){
		
		width += items[i].offsetWidth;
		
		if(width > maxWidth){
			lines++;
			width = items[i].offsetWidth;
			topItems += lineItems;
			lineItems = 1;
		}
	}

	for(var i = items.length-1; i > topItems; --i){
		items[i].className = "subnavi_item_bottom";
	}
	
}