var mstr_XmlUrl = "/en/xml/menu.xml";
var mstr_ElementIdContainer = "id-alx-menu";



//-------------------------------------------------------------
var mobj_XmlDoc;


function ajax_handler(vstr_XmlUrl, vstr_FunctionName){
	if (document.implementation && document.implementation.createDocument)
	{
		mobj_XmlDoc = document.implementation.createDocument("", "", null);
		mobj_XmlDoc.onload = eval(vstr_FunctionName);
	}
	else if (window.ActiveXObject)
	{
		mobj_XmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		mobj_XmlDoc.onreadystatechange = function () {

			if (mobj_XmlDoc.readyState == 4) eval(vstr_FunctionName + "()")
		}
 	}

	mobj_XmlDoc.load(vstr_XmlUrl);

}





function fill_menu(){
	var elItems;
	
	var lstr_Name = "";
	var lstr_Pronounce = "";
	var lstr_Description = "";
	var lstr_Price = "";
	var lstr_Buffer = "";
	var lstr_GroupName = "";
	var lstrClassName = "";
	var lstr_Image = "";
	var el_Img;
	
	//Get the parent attributes.
	var PageCount = 0;
	var ItemCount = 0;


	var el_Groups = mobj_XmlDoc.getElementsByTagName("group");
	for(lint_GroupCount=0; lint_GroupCount < el_Groups.length; lint_GroupCount++){

		elItems = el_Groups[lint_GroupCount].getElementsByTagName("item");
		lstr_GroupName = el_Groups[lint_GroupCount].getAttribute("name");
		lstr_Buffer += "<div class=\"menu-group\"><div class=\"group-name\">" + lstr_GroupName + "</div>\r\n";

		for(lintCount=0; lintCount < elItems.length; lintCount++){
			lstr_Name = elItems[lintCount].getElementsByTagName("name")[0].childNodes[0].nodeValue;
			//lstr_Pronounce = elItems[lintCount].getElementsByTagName("pronounce")[0].childNodes[0].nodeValue;
			lstr_Description = elItems[lintCount].getElementsByTagName("description")[0].childNodes[0].nodeValue;
			//lstr_Price = elItems[lintCount].getElementsByTagName("price")[0].childNodes[0].nodeValue;
			//lstr_Image = elItems[lintCount].getElementsByTagName("img")[0].getAttribute("src");
			
			
			if(lstr_Image.length > 0){
				lstr_Image = "<div class='img'><img src=\"" + lstr_Image + "\" alt=\"\" /></div>\r\n";
			}else{
				lstr_Image = "";
			}

			lstr_Buffer+= "		<!-- Begin Menu Item //-->\r\n";
			lstr_Buffer+= "				<div class=\"menu-item\">\r\n";
			lstr_Buffer+= lstr_Image;
			lstr_Buffer+= "					<div class=\"name\"><span class=\"bold \">" + lstr_Name + "</span></div>\r\n";
			lstr_Buffer+= "					<div class=\"description\"><span class=\"normal\">" + lstr_Description + "</span></div>\r\n";

			lstr_Buffer+= "					</span></div>\r\n";
			lstr_Buffer+= "				</div>\r\n";
			lstr_Buffer+= "		<!-- End Menu Item //-->\r\n";

		}
		
		lstr_Buffer+= "</div>\r\n";

	}

	set_innerhtml_by_id(mstr_ElementIdContainer, lstr_Buffer)
}

add_onload_event("ajax_handler('/en/xml/menu.xml','fill_menu')");