document.observe("dom:loaded", function() {
	var div = document.createElement("div");
	div.style.position = "absolute";
	div.style.marginLeft = "260px";
	div.style.marginTop = "3px";
	div.style.width = "505px";
	div.style.height = "80px";
	div.style.zIndex = "-9";
	div.innerHTML = "<h3 style=\'text-align:center;margin-top:2px;margin-bottom:0\'>Specials of the Day</h3>"
		+ "<p style=\'text-align:center;font-weight:normal;font-size:13px;margin-top:2px\'>"
		+ "<span style=\'color:#993300\'>Lunch:</span> <span id=\"span1\"></span><br />"
		+ "<span style=\'color:#993300\'>Dinner:</span> <span id=\"span2\"></span>"
		+ "</p>";
	
	$$("body")[0].appendChild(div);
	new Ajax.Request("lunch.txt",
		{
			method: "get",
			onSuccess: updatePage1,
			onFailure: ajaxFailure,
			onException: ajaxFailure
		}
	);
	
	new Ajax.Request("dinner.txt",
		{
			method: "get",
			onSuccess: updatePage2,
			onFailure: ajaxFailure,
			onException: ajaxFailure
		}
	);
});

function updatePage1(ajax) {
	$("span1").innerHTML = ajax.responseText;
}

function updatePage2(ajax) {
	$("span2").innerHTML = ajax.responseText;
}

function ajaxFailure(ajax, exception) {
	if (exception) {
		throw exception;
	}
}