var root_menu_data=new Array();
	root_menu_data[0] = {id: 11000, name: 'TRANG CHỦ', link: '/vn/', image: '', actionid: 0, parentid: 0, level: 2, order: 0};
	root_menu_data[1] = {id: 89, name: 'CÁ NHÂN', link: '/vn/khach-hang-ca-nhan/', image: '', actionid: 0, parentid: 0, level: 2, order: 1};
	root_menu_data[2] = {id: 97, name: 'DOANH NGHIỆP', link: '/vn/khach-hang-doanh-nghiep/', image: '', actionid: 0, parentid: 0, level: 2, order: 2};
	
function onLoadDataMenu()
{	
	//Nối mảng 2 mảng doanh nghiệp & cá nhân vào mảng lớn. Sau đó vẽ cây bắt đầu từ nút gốc
	var index = root_menu_data.length;
	for(var i = 0; i < normal_personal_menu.length; i++)
	{
		root_menu_data[index+i] = normal_personal_menu[i];
	}
	index = root_menu_data.length;
	for(var i = 0; i < normal_business_menu.length; i++)
	{
		root_menu_data[index+i] = normal_business_menu[i];
	}
}
onLoadDataMenu();


function countChild(v_menu_data,id)
{
	var count=0;
	for(var i=0;i<v_menu_data.length;i++)
	{
		var item=v_menu_data[i];
		if(item.parentid==id)
		{
			count++;
		}
	}
	return count;
}

function loadCssStatic(url)
{
	var sHref=new String(window.location.href);
	var result ="";
	
	if (sHref.indexOf("khach-hang-ca-nhan")>=0&&url=="/vn/khach-hang-ca-nhan/"){
		result ="node_static_selected";
	}else if (sHref.indexOf("khach-hang-doanh-nghiep")>=0&&url=="/vn/khach-hang-doanh-nghiep/"){
		result ="node_static_selected";
	}else if(url=="/vn/khach-hang-doanh-nghiep/"){
		result ="node_static_none";
	}else{
		result ="node_static";
	}
	
	var rex = /(\/vn\/)$/;		//Tests for a match in a string. Returns true or false
	if(rex.test(sHref)&&url=="/vn/")
	{
		result ="node_static_selected";	//Trang chu		
	}
	return result;
}

function drawMenu(v_menu_data,v_parentid,level)
{
	var zIndexItem=20+level;
	var zIndexBlock=20+level+10;
	var s="";
	for(var i=0;i<v_menu_data.length;i++)
	{
		zIndexItem-=i;
		var item=v_menu_data[i];
		if(item.parentid==v_parentid)
		{
			var count=countChild(v_menu_data,item.id);
			var cssNode;
			
			//Load Backgroup cho node_static trong trường hợp selected
			if(level == 0)
			{				
				cssNode = loadCssStatic(item.link);
			}else if(level == 1)
			{
				cssNode = "node_bold";
			}else{
				cssNode = "node";				
			}
			
			if(count>0)				
				document.write('<div class="'+cssNode+'" onmouseover="mouseOverNode(this,'+item.id+','+level+')" onmouseout="mouseOutNode(this,'+item.id+','+level+')" style="position:relative;z-index:'+zIndexItem+'">');
			else
				document.write('<div class="'+cssNode+'" style="position:relative;z-index:'+zIndexItem+'">');
			document.write('<a href="'+item.link+'">'+item.name+'</a>');
			if(count>0)
			{
				document.write('<div id="child'+item.id+'" class="block" style="display:none;position:absolute;z-index:'+zIndexBlock+';">');
				document.write('<div id="div_header"></div>');
				drawMenu(v_menu_data,item.id,level+1);
				document.write("</div>");
			}
			
			document.write("</div>");
		}
	}
}


function mouseOverNode(obj,id,level)
{	
	var oBlockChild=document.getElementById("child"+id);
	oBlockChild.style.display='block';
		
	var left=level==0?0:180;
	var top=obj.offsetHeight;

	left--;
	top--;
	
	var p_left=left+'px';
	var p_top=top+'px';
	
	oBlockChild.style.left=p_left;
	oBlockChild.style.top=p_top;
}

function mouseOutNode(obj,id,level)
{
	var oBlockChild=document.getElementById("child"+id);
	oBlockChild.style.display='none';
}