function LoadHTMLSite() {

	var gContentURL = "giano.xml";


	$.ajax({url:gContentURL,
			method:"get",
			dataType:"xml",
			complete: function(data) { BuildPage(data.responseXML); }
		});
							
}

function BuildPage(responseXML) {

	var jsonStr = xml2json(responseXML)
	jsonStr = "{"+jsonStr.substr(11);
	var xmlObj = jQuery.parseJSON(jsonStr);	
	
	BuildSplash("minisplash.jpg");
	
	BuildNews(xmlObj.giano.features.headline);
	BuildEvents(xmlObj.giano.events.event);
	
	BuildBrunch(xmlObj.giano.brunch);
	BuildMenu(xmlObj.giano.food);
	BuildDessert(xmlObj.giano.dessert);
//	BuildWine(xmlObj.giano.wine);
	
//	BuildPress(xmlObj.giano.press.article);
	
	$('.block').append($("<div/>",{className:"clear"}));
}



function BuildSplash(imgSrc) {

	var blockDiv = $("<div/>",{id:"splash",className:"block"});
	var img = $("<img/>",{src:imgSrc,alt:"Giano",className:"block splash"});
	
	$('#content').append(img);	
}


function BuildNews(headlines) {
	
	if($.isArray(headlines) == false) headlines = [headlines];
	
	var blockDiv = $("<div/>",{id:"news",className:"block"});
	
	var blockH2 = $("<h2/>",{innerHTML:"News"});
	blockDiv.append(blockH2);
	
	var newsUl = $("<ul/>",{className:"body"});
	blockDiv.append(newsUl);
	
	var headlineLi;
	
	for(var i=0;i<headlines.length;i++) {	
		if(headlines[i] == null) continue;
		if(headlines[i]["#cdata"] == undefined || headlines[i]["#cdata"] == "") continue;
		newsUl.append($("<li/>",{innerHTML:headlines[i]["#cdata"]}));
	}
	$('#content').append(blockDiv);	
}

function BuildEvents(events) {
	
	if($.isArray(events) == false) events = [events];
	var blockDiv = $("<div/>",{id:"events",className:"block"});
	
	var blockH2 = $("<h2/>",{innerHTML:"Events"});
	blockDiv.append(blockH2);
	
	var eventsContainer = $("<div/>",{className:"body"});
	blockDiv.append(eventsContainer);
	
	var eventDiv;
	
	for(var i=0;i<events.length;i++) {	
		if(events[i] == null) continue;
		if(events[i].date["#cdata"] == undefined || events[i].date["#cdata"] == "") continue;
		
		eventDiv = $("<div/>",{className:"eventBlock"});
		
		eventDiv.append($("<h3/>",{innerHTML:events[i].date["#cdata"]}));
		eventDiv.append($("<h4/>",{innerHTML:events[i].name["#cdata"]}));
		eventDiv.append($("<p/>",{innerHTML:events[i].description["#cdata"]}));
		
		
		eventsContainer.append(eventDiv);
	}
	
	
	
	$('#content').append(blockDiv);
}

function BuildPress(articles) {

	if($.isArray(articles) == false) articles = [articles];

	var blockDiv = $("<div/>",{id:"press",className:"block"});
	
	var blockH2 = $("<h2/>",{innerHTML:"Press"});
	blockDiv.append(blockH2);
	
	$('#content').append(blockDiv);

}

function BuildMenu(dinner) {
	var blockDiv = $("<div/>",{id:"menu",className:"block"});
	
	var blockH2 = $("<h2/>",{innerHTML:"Menu"});
	blockDiv.append(blockH2);
	
	
	var menuContainer = $("<div/>",{className:"body"});
	blockDiv.append(menuContainer);
	
	
	var traditionalTable = $("<table/>",{className:"leftcol"});
	menuContainer.append(traditionalTable);
	var modernTable = $("<table/>",{className:"rightcol"});
	menuContainer.append(modernTable);
	
	
	traditionalTable.append($("<thead/>").append($("<tr/>").append($("<th/>",{innerHTML:"Facing the Past",colspan:"2"}))));
	modernTable.append($("<thead/>").append($("<tr/>").append($("<th/>",{innerHTML:"Facing the Future",colspan:"2"}))));
	
	
	var menuKeys = ["antipasta","primi","secondi"];

	var dishes;
	var i;
	var td;
	var tr;
	for(var k=0;k<menuKeys.length;k++) {
		
		dishes = dinner.traditional[menuKeys[k]].dish;
		traditionalTable.append($("<tr/>").append($("<th/>",{innerHTML:menuKeys[k],colspan:"2"})));
		
		for(i=0;i<dishes.length;i++) {
			if(dishes[i] == null) continue;
			if(dishes[i].name == null || dishes[i].description == null || dishes[i].price == null) continue;
		
			tr = $("<tr/>");
			td = $("<td/>",{className:"dishName"});
				td.append($("<strong/>",{innerHTML:dishes[i].name["#cdata"]}));
				td.append($("<em/>",{innerHTML:dishes[i].description["#cdata"]}));
			tr.append(td);
			tr.append($("<td/>",{innerHTML:dishes[i].price["#cdata"],className:"price"}));
			
			traditionalTable.append(tr);
		}
		
		
		dishes = dinner.modern[menuKeys[k]].dish;
		modernTable.append($("<tr/>").append($("<th/>",{innerHTML:menuKeys[k],colspan:"2"})));
		
		for(i=0;i<dishes.length;i++) {
			if(dishes[i] == null) continue;
			if(dishes[i].name == null || dishes[i].description == null || dishes[i].price == null) continue;
		
			tr = $("<tr/>");
			td = $("<td/>",{className:"dishName"});
				td.append($("<strong/>",{innerHTML:dishes[i].name["#cdata"]}));
				td.append($("<em/>",{innerHTML:dishes[i].description["#cdata"]}));
			tr.append(td);
			tr.append($("<td/>",{innerHTML:dishes[i].price["#cdata"],className:"price"}));
			
			modernTable.append(tr);
		}
	
	
	}
	
	
	$('#content').append(blockDiv);
}




function BuildWine(wine) {
	var blockDiv = $("<div/>",{id:"wine",className:"block"});
	
	var blockH2 = $("<h2/>",{innerHTML:"Wine"});
	blockDiv.append(blockH2);
	
	
	var menuContainer = $("<div/>",{className:"body"});
	blockDiv.append(menuContainer);
	
	
	var leftTable = $("<table/>",{className:"leftcol"});
	menuContainer.append(leftTable);
	var rightTable = $("<table/>",{className:"rightcol"});
	menuContainer.append(rightTable);
	
	
	
	var red = wine.red.wine;
	var white = wine.white.wine;
	var sparkling = wine.sparkling.wine;
	var beer = wine.beer.wine;

	var i;
	var td;
	var tr;
	var price;


	leftTable.append($("<tr/>").append($("<th/>",{innerHTML:"Red",colspan:"2"})));
	
	for(i=0;i<red.length;i++) {
		if(red[i] == null) continue;
		if(red[i].name == null || red[i].origin == null) continue;
	
		tr = $("<tr/>");
		td = $("<td/>",{className:"dishName"});
			td.append($("<strong/>",{innerHTML:red[i].name["#cdata"]}));
			td.append($("<span/>",{innerHTML:red[i].origin["#cdata"]}));
		tr.append(td);
		
		price = "";
		
		if(red[i].bottleprice != null && red[i].glassprice != null) price = red[i].glassprice["#cdata"]+", "+red[i].bottleprice["#cdata"];
		else if(red[i].glassprice != null) price = red[i].glassprice["#cdata"];
		else if(red[i].bottleprice != null) price = red[i].bottleprice["#cdata"];
		
		tr.append($("<td/>",{innerHTML:price,className:"price"}));
		
		leftTable.append(tr);
	}
	
	
	rightTable.append($("<tr/>").append($("<th/>",{innerHTML:"White",colspan:"2"})));
	
	for(i=0;i<white.length;i++) {
		if(white[i] == null) continue;
		if(white[i].name == null || white[i].origin == null) continue;
	
		tr = $("<tr/>");
		td = $("<td/>",{className:"dishName"});
			td.append($("<strong/>",{innerHTML:white[i].name["#cdata"]}));
			td.append($("<span/>",{innerHTML:white[i].origin["#cdata"]}));
		tr.append(td);
		
		price = "";
		
		if(white[i].bottleprice != null && white[i].glassprice != null) price = white[i].glassprice["#cdata"]+", "+white[i].bottleprice["#cdata"];
		else if(white[i].glassprice != null) price = white[i].glassprice["#cdata"];
		else if(white[i].bottleprice != null) price = white[i].bottleprice["#cdata"];
		
		tr.append($("<td/>",{innerHTML:price,className:"price"}));
		
		rightTable.append(tr);
	}
	
	
	
	
	
	
	rightTable.append($("<tr/>").append($("<th/>",{innerHTML:"Sparkling",colspan:"2"})));
	
	for(i=0;i<sparkling.length;i++) {
		if(sparkling[i] == null) continue;
		if(sparkling[i].name == null || sparkling[i].origin == null) continue;
	
		tr = $("<tr/>");
		td = $("<td/>",{className:"dishName"});
			td.append($("<strong/>",{innerHTML:sparkling[i].name["#cdata"]}));
			td.append($("<span/>",{innerHTML:sparkling[i].origin["#cdata"]}));
		tr.append(td);
		
		price = "";
		
		if(sparkling[i].bottleprice != null && sparkling[i].glassprice != null) price = sparkling[i].glassprice["#cdata"]+", "+sparkling[i].bottleprice["#cdata"];
		else if(sparkling[i].glassprice != null) price = sparkling[i].glassprice["#cdata"];
		else if(sparkling[i].bottleprice != null) price = sparkling[i].bottleprice["#cdata"];
		
		tr.append($("<td/>",{innerHTML:price,className:"price"}));
		
		rightTable.append(tr);
	}
	
	
	rightTable.append($("<tr/>").append($("<th/>",{innerHTML:"Beer",colspan:"2"})));
	
	for(i=0;i<beer.length;i++) {
		if(beer[i] == null) continue;
		if(beer[i].name == null || beer[i].origin == null) continue;
	
		tr = $("<tr/>");
		td = $("<td/>",{className:"dishName"});
			td.append($("<strong/>",{innerHTML:beer[i].name["#cdata"]}));
			td.append($("<span/>",{innerHTML:beer[i].origin["#cdata"]}));
		tr.append(td);
		
		price = "";
		
		if(beer[i].bottleprice != null && beer[i].glassprice != null) price = beer[i].glassprice["#cdata"]+", "+beer[i].bottleprice["#cdata"];
		else if(beer[i].glassprice != null) price = beer[i].glassprice["#cdata"];
		else if(beer[i].bottleprice != null) price = beer[i].bottleprice["#cdata"];
		
		tr.append($("<td/>",{innerHTML:price,className:"price"}));
		
		rightTable.append(tr);
	}
	
	
	
	$('#content').append(blockDiv);
}










function BuildBrunch(brunch) {
	var blockDiv = $("<div/>",{id:"brunch",className:"block"});
	
	var blockH2 = $("<h2/>",{innerHTML:"Brunch"});
	blockDiv.append(blockH2);
	
	
	var menuContainer = $("<div/>",{className:"body"});
	blockDiv.append(menuContainer);
	
	
	var brunch0Table = $("<table/>",{className:"leftcol"});
	menuContainer.append(brunch0Table);
	var brunch1Table = $("<table/>",{className:"rightcol"});
	menuContainer.append(brunch1Table);
	
	var dishes;
	var i;
	var td;
	var tr;
		
	dishes = brunch.dish;
	
	for(i=0;i<dishes.length;i++) {
		if(dishes[i] == null) continue;
		if(dishes[i].name == null || dishes[i].description == null || dishes[i].price == null) continue;
		
		tr = $("<tr/>");
		td = $("<td/>",{className:"dishName"});
			td.append($("<strong/>",{innerHTML:dishes[i].name["#cdata"]}));
			td.append($("<em/>",{innerHTML:dishes[i].description["#cdata"]}));
		tr.append(td);
		tr.append($("<td/>",{innerHTML:dishes[i].price["#cdata"],className:"price"}));
		
		if(i < (dishes.length/2)) brunch0Table.append(tr);
		else brunch1Table.append(tr);
	}
	
	
	
	$('#content').append(blockDiv);
}


function BuildDessert(dessert) {
	var blockDiv = $("<div/>",{id:"dessert",className:"block"});
	
	var blockH2 = $("<h2/>",{innerHTML:"Dessert"});
	blockDiv.append(blockH2);
	
	
	var menuContainer = $("<div/>",{className:"body"});
	blockDiv.append(menuContainer);
	
	
	var dessert0Table = $("<table/>",{className:"leftcol"});
	menuContainer.append(dessert0Table);
	var dessert1Table = $("<table/>",{className:"rightcol"});
	menuContainer.append(dessert1Table);
	
	var dishes;
	var i;
	var td;
	var tr;
		
	dishes = dessert.dish;
	
	for(i=0;i<dishes.length;i++) {
		if(dishes[i] == null) continue;
		if(dishes[i].name == null || dishes[i].description == null || dishes[i].price == null) continue;
		
		tr = $("<tr/>");
		td = $("<td/>",{className:"dishName"});
			td.append($("<strong/>",{innerHTML:dishes[i].name["#cdata"]}));
			td.append($("<em/>",{innerHTML:dishes[i].description["#cdata"]}));
		tr.append(td);
		tr.append($("<td/>",{innerHTML:dishes[i].price["#cdata"],className:"price"}));
		
		if(i < (dishes.length/2)) dessert0Table.append(tr);
		else dessert1Table.append(tr);
	}
	
	$('#content').append(blockDiv);
}