function initMenu(divId, lvl, parentDivId)
{
   lvl++;
	
	if(parentDivId == null)
	{
	   parentDivId = divId;
	}
	
	var menu = $(divId);
	child = menu.getChildren();
	
	
	//masih bener
	
	child.each(function(el,index){
		index=index+1;
	   if($(el).match('ul'))
	   {
	      var newId = 'level'+lvl+'_'+index;
		  // set id for UL
	   	  $(el).set('id', newId);
		
		  $(newId).getElements('a').each(function(ael) {
		     ael.addEvent('mouseover',function(e) {
			   var ev = new Event(e).stop();							   
		 	   clickedId = ael.get('rel');
			   if($(clickedId)){
			      var nextLevel = 'level'+(lvl+1);
			      show_menu(clickedId,parentDivId,nextLevel);
			   } else {
			   	  hide_menu(newId,parentDivId);
			   }
			 });
		  });
		  
	   } else if($(el).match('div')) {
	      id = $(el).getProperty('id');
		  $(el).addClass('hide_menu');
	   	  initMenu_level2(id,lvl,divId,index);
	   }
	});

}

function initMenu_level2(divId, lvl_awal, parentDivId,index_awal)
{
    lvl=lvl_awal+1;
//	alert(lvl_awal+'_'+index_awal);
	if(parentDivId == null)
	{
	   parentDivId = divId;
	}
	
	var menu = $(divId);
	
	child = menu.getChildren();
	
	//masih bener
	
	child.each(function(el,index){
		index++;
		
	   if($(el).match('ul'))
	   {
	      var newId = 'level'+lvl_awal+'_'+index_awal+'_'+lvl+'_'+index;
			  // set id for UL
	   	  $(el).set('id', newId);
	   	 
			
		  $(newId).getElements('a').each(function(ael) {
		     ael.addEvent('mouseover',function(e) {
			   var ev = new Event(e).stop();							   
		 	   clickedId = ael.get('rel');
			   if($(clickedId)){
			      var nextLevel = 'level'+(lvl+1);
			      show_menu(clickedId,parentDivId,nextLevel);
			   } else {
			   	  hide_menu(newId,parentDivId);
			   }
			 });
		  });
	   } else if($(el).match('div')) {
//		alert(lvl_awal+'_'+index_awal+'_'+lvl+'_'+index);
	      id = $(el).getProperty('id');
		  $(el).addClass('hide_menu');
	   	  initMenu_level3(id,lvl_awal,index_awal,divId,lvl,index);
	   }	
	});
}

function initMenu_level3(divId, lvl_awal, index_awal, parentDivId, lvl_awal2, index_awal2)
{
    lvl=lvl_awal2+1;
    
	if(parentDivId == null)
	{
	   parentDivId = divId;
	}
	
	var menu = $(divId);
	
	child = menu.getChildren();
	
	//masih bener
	
	child.each(function(el,index){
		index++;
		
	   if($(el).match('ul'))
	   {
	      var newId = 'level'+lvl_awal+'_'+index_awal+'_'+lvl_awal2+'_'+index_awal2+'_'+lvl+'_'+index;
			  // set id for UL
	   	  $(el).set('id', newId);
	   	 
			
		  $(newId).getElements('a').each(function(ael) {
		     ael.addEvent('mouseover',function(e) {
			   var ev = new Event(e).stop();							   
		 	   clickedId = ael.get('rel');
			   if($(clickedId)){
			      var nextLevel = 'level'+(lvl+1);
			      show_menu(clickedId,parentDivId,nextLevel);
			   } else {
			   	  hide_menu(newId,parentDivId);
			   }
			 });
		  });
	   } else {
	   	alert('Your root is more than three roots');
	   }	
	});
}

function show_menu(divId,parentDivId,level)
{
	// hide all submenu
	var parentId = $(parentDivId).getProperty('id');
	$(parentId).getElements('div').each(function(el) {
	
		 id = $(el).getProperty('id');
		 var parent = $(divId).getParent('div');
		 var parentId = parent.getProperty('id');
	
		 if(id != divId && id != parentId)
		 {
		 	$(id).addClass('hide_menu');
		 }
	     		  
	});
	$(divId).removeClass('hide_menu');
	$(divId).addClass(level);


}

function hide_menu(currentId,parentDivId)
{
	var parentId = $(parentDivId).getProperty('id');
	$(parentId).getElements('div').each(function(el) {
	     
		 id = $(el).getProperty('id');
		 
		 var parent = $(currentId).getParent('div');
		 var parentId = parent.getProperty('id');
	
		 if(id != parentId)
		 {
		 	$(id).addClass('hide_menu');
		 }
	     		  
	});
}