var topmenuArray = new Array(4);
var submenuArray = new Array(17);
var submenuContent = new Array(17);
var clickedIndex = 0;

function onTopMenuClick(obj){
	var temp = obj.id.split("_");
	clickedIndex = temp[1];
  
	var contentHolder = document.getElementById("kurscontent");
	var subMenuHolder = document.getElementById("submenu_holder");
	
	for(var i=0;i<5;i++){
		var divContent = document.getElementById("kurscontent_" + i);
		var divSubmenu = document.getElementById("kurssubmenu_" + i);
		
		if(divContent != null){
			contentHolder.removeChild(divContent);
			subMenuHolder.removeChild(divSubmenu);
		}
	}

	var top = topmenuArray[clickedIndex];
	var sub = submenuArray[clickedIndex];
	contentHolder.appendChild(top);
	subMenuHolder.appendChild(sub);
	/*Select the first content div for each top menu click*/
	if(clickedIndex == 0){
	onSubMenuClick(null);
	}
	if(clickedIndex == 1){
	onSubMenuClick(submenuContent[0]);
	}
	if(clickedIndex == 2){
	onSubMenuClick(submenuContent[10]);
	}
	if(clickedIndex == 3){
	onSubMenuClick(submenuContent[13]);
	}
	if(clickedIndex == 4){
	onSubMenuClick(submenuContent[16]);
	}
}

function onSubMenuClick(obj){
if(obj != null){
/*find out which menuitem theuser clicked*/
var temp = obj.id.split("_");
var clickedIndex = temp[1];
}

var holder = document.getElementById("delmomentcontent");

	for(var j=0;j<17;j++){
			var divContent = document.getElementById("submenucontent_" + j);
			if(divContent != null){
				holder.removeChild(submenuContent[j]);
			}
		}
	if(obj != null){
		holder.appendChild(submenuContent[clickedIndex]);
	}
}

function init(){
	for(var i=0;i<5;i++){
	    var temp = document.getElementById("kurscontent_" + i);
		topmenuArray[i] = temp; 
		submenuArray[i] = document.getElementById("kurssubmenu_" + i);
	}
	
	for(var j=0;j<17;j++){
	  submenuContent[j] = document.getElementById("submenucontent_" + j);
	}
	
	/*init click state on the first menu item*/
	onTopMenuClick(topmenuArray[0]);
	

	
	
}




window.onload=init;