

function requestObject(){
	if(window.XMLHttpRequest){ return new XMLHttpRequest(); } 
	else if(window.ActiveXObject){ return new ActiveXObject("Microsoft.XMLHTTP"); } 
	else{}
}

function sendRequest( category ){
	
	if (request.readyState == 4 || request.readyState == 0){
		request.open("GET", category+'.xml', true);
		//request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		request.setRequestHeader('Content-Type','text/plain;charset=UTF-8');
		request.onreadystatechange = fetchRequest; 
		request.send(null);
	}
}
function fetchRequest(){
	
	if (request.readyState == 4){
		
		//get div to print to
		var div = document.getElementById( 'menuContent' );	
		var content = '';
		
		//get xml response
		var xml = request.responseXML;
		var categories = xml.getElementsByTagName("items");

		
		//index through categories
		for ( c=0; c<categories.length; c++ ){
		
			categoryPic = categories[c].attributes[0].nodeValue;
			//alert( categoryName );
			content += '<img class="menuCategoryHeader" src="'+categoryPic+'" alt="" />'

			
			//categoryName = categories[c].attributes[`].nodeValue;
			//alert( categoryName );
			//content += '<h1>'+categoryName+'</h1>'

			blocks = categories[c].getElementsByTagName("menuBlock");
			//alert( blocks )
			
			//index through category blocks
			for ( b=0; b<blocks.length; b++ ){
			
				//alert( b%2 )
				position = blocks[b].attributes[0].nodeValue;
				//alert( position );
				content += '<div class="menuBlock">';
			
				menuItems = blocks[b].getElementsByTagName("item");
				//alert( menuItems.length )
				
				menuColorCounter = c%2;
				
				//index through menu items
				for ( m=0; m<menuItems.length; m++ ){
					
					var nameNode = menuItems[m].getElementsByTagName("name");
					var	name = nameNode[0].firstChild.nodeValue;
					var descNode = menuItems[m].getElementsByTagName("desc");
					var desc = descNode[0].firstChild.nodeValue; 
					//var costNode = menuItems[m].getElementsByTagName("cost");
					//var cost = costNode[0].firstChild.nodeValue;
					
					//alert( '<h2>'+name+'</h2><p>'+desc+' '+cost+'</p>' )
					
					content += '<div class="menuItem';
					
					if( b%2 ){
						
						if( menuColorCounter%2 ) content += ' menuItemBG';
					}
					else{
						
						if( (menuColorCounter-1)%2 ) content += ' menuItemBG';
					}
					
					if( menuItems[m].attributes[0] ) content += ' menuItemPic';
					
					content += '">'
					
					if( menuItems[m].attributes[0] ){
	
						var image = menuItems[m].attributes[0].nodeValue;
						content += '<img src="'+image+'" alt="'+name+'" />'
					}
					
					content += '<h3>'+name+'</h3><p>'+desc+'</p>';
					content += '</div>';
					
					menuColorCounter++;
				}
				
				content += '</div>';
			}
			
			content += '<div class="dummyDiv"><!-- --></div>';
		}
		
		
		div.innerHTML = content;
	}
		
		
}
