<?xml version="1.0" encoding="UTF-8"?>
<menu>
  <timeStamp>Thu Oct 16 13:18:50 CDT 2008</timeStamp>
  <day>Thursday</day>
  <date>October 16, 2008</date>
  <meal descr="Breakfast Feature">
    <category descr="None (will not display to users)">
      <item>
        <itemdescr>French Toast</itemdescr>
        <itemprice>0.45</itemprice>
      </item>
      <item>
        <itemdescr>Biscuit</itemdescr>
        <itemprice>0.25</itemprice>
      </item>
    </category>
  </meal>
  <meal descr="Lunch">
    <category descr="Grab &amp; Go">
      <item>
        <itemdescr>Garden Vegetables</itemdescr>
        <itemprice>0.89</itemprice>
      </item>
    </category>
    <category descr="Papa J's Pizza by the Slice">
      <item>
        <itemdescr>Sausage Egg &amp; Cheese Biscuit</itemdescr>
        <itemprice>2.09</itemprice>
      </item>
    </category>
  </meal>
</menu>

{
    "menu": {
        "timeStamp": "Thu Oct 16 13:18:50 CDT 2008",
        "day": "Thursday",
        "date": "October 16, 2008",
        "meal": [
            {
                "@attributes": {
                    "descr": "Breakfast Feature"
                },
                "category": {
                    "@attributes": {
                        "descr": "None (will not display to users)"
                    },
                    "item": [
                        {
                            "itemdescr": "French Toast",
                            "itemprice": "0.45"
                        },
                        {
                            "itemdescr": "Biscuit",
                            "itemprice": "0.25"
                        }
                    ]
                }
            },
            {
                "@attributes": {
                    "descr": "Lunch"
                },
                "category": [
                    {
                        "@attributes": {
                            "descr": "Grab & Go"
                        },
                        "item": {
                            "itemdescr": "Garden Vegetables",
                            "itemprice": "0.89"
                        }
                    },
                    {
                        "@attributes": {
                            "descr": "Papa J's Pizza by the Slice"
                        },
                        "item": {
                            "itemdescr": "Sausage Egg & Cheese Biscuit",
                            "itemprice": "2.09"
                        }
                    }
                ]
            }
        ]
    }
}

// Include required files
require_once dirname(dirname(dirname(__FILE__))).'/cafeteria/lib/base.php';
 
// Set service uri
$uri  = $cafeteriaConfig->menu->serviceuri;
 
// Valid days of the week
$validDays = array('monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday');
 
// Get day from querystring, validate
if (isset($_GET['day'])) {
 
  $getDay = $_GET['day'];
 
  if (in_array($getDay, $validDays)) {
    $day = $getDay;
    $uri = $uri . '?day=' . $day;
  }
 
}
 
// Get xml from cafeteria service
$xml = file_get_contents($uri);
 
// Encode returned xml as JSON, do not ignore XML attributes
$json = Zend_Json::fromXml(trim($xml), false);
 
// Return response, wrapping response in the requested callback
// @see http://remysharp.com/2007/10/08/what-is-jsonp/
// @see http://docs.jquery.com/Release:jQuery_1.2/Ajax
echo $_GET['callback'] . '(' . $json . ')';

// Parses JSON representation of cafeteria menu and returns Menu table
// Requires jQuery
 
var menu = '';
 
// Builds sidebar menu for cafeteria home page
function outputSidebarMenu(json) {
	var day = json.menu.day;
	var heading = '<h4><a href="' + menuLink + '?requestedDay=' + day.toLowerCase() + '">' + day + "'s Menu</a></h4>\n";
	menu = '<table id="side_datatable">' + getMeals(json.menu.meal) + '</table>';
	return timeStampComment(json) + heading + menu;
}
 
// Builds table for daily menu page
function outputDailyMenu(json) {
	var day = json.menu.day;
	var date = json.menu.date;
	var meal = json.menu.meal;
	var heading = '<h4 style="text-align:right; font-weight:normal;"><span style="float:left; font-weight:bold;">' + day + '\'s Menu</span>' + date + "</h4>\n";
	menu = '<table class="datatable" width="400">' + "\n" + getMeals(meal) + "</table>\n";
	return timeStampComment(json) + heading + menu;
}
 
// Get menu meals
function getMeals(meals) {
	var mealList = '';
	if (meals != null) {
		if (meals instanceof Array) {
			$.each(meals, function(i,meal) {
				mealList += buildMealRow(meal);
				mealList += getCategories(meal.category);
			});
		} else {
			mealList += buildMealRow(meals);
			mealList += getCategories(meals.category);
		}
	}
	return mealList;
}
 
// Get meal's categories
function getCategories(categories) {
	var catList = '';
	if (categories != null) {
		// Is categories an array?
		if (categories instanceof Array) {
			$.each(categories, function(i, category) {
				catList += buildCategoryRow(category);
			    catList += getItems(category.item);
			});  
		} else {
			catList += buildCategoryRow(categories);
			catList += getItems(categories.item);
		}
	}
	return catList;
}
 
// Get category's items
function getItems(items) {
	var itemList = '';
	// Is items an array?
	if (items instanceof Array) {
		$.each(items, function(i, item) {
			itemList += buildItemRow(item);
		});  
	} else {
		itemList += buildItemRow(items);
	}
	return itemList;
}
 
// Build individual meal's table row
function buildMealRow(meal) {
	var descr = meal['@attributes'].descr;
	var mealRow = '<tr><th colspan="2">' + descr + "</th></tr>\n";
	return mealRow;
}
 
// Build individual category's table row
function buildCategoryRow(category) {
	var catRow = '';
	if (category != null) {
		var descr = category['@attributes'].descr;
		// Do not display the 'None' category
		if (descr.search(/None/) == -1) {
			catRow = '<tr class="title"><td colspan="2">' + descr + "</td></tr>\n";
		}
	}
	return catRow;
}
 
// Build individual item's table row
function buildItemRow(item) {
	var itemRow = '';
	if (item != null) { 
		var itemDescr = item.itemdescr;
		var itemPrice = item.itemprice;
		itemRow = '<tr><td>' + itemDescr + '</td><td>$' + itemPrice + "</td></tr>\n";
	}
	return itemRow;
}
 
// Update Cafeteria Daily Menu page title with "[day]'s Menu"
function updatePageTitle(json) {
    // Get day to use in page title
    var titleDay = json.menu.day;
    // Append day to page title
    document.title = document.title + ' | ' + titleDay + "'s Menu";
}
 
// Output html comment with note on when menu was last cached for troubleshooting
// and debugging
function timeStampComment(json) {
	  var day = json.menu.day;
	  var cacheTimeStamp = json.menu.timeStamp;
	  var timeStampComment = "\n<!-- " + day + "'s menu last cached: " + cacheTimeStamp + " -->\n";
	  return timeStampComment;
}

// URL to menu display page
    var menuLink = 'http://www.example.com/cafeteria/dailyMenu.shtml';
 
    $(document).ready(function() {
 
       // Get JSON representation of cafeteria menu for today
        $.getJSON("http://www.cross-domain-example.com/service/cafeteria/json.php?callback=cafeteriaMenu", function(json) {
            // Build html menu table
            var content = outputSidebarMenu(json);
            // Add table to .sidebarMenu div
            $(".sidebarMenu").html(content);
        });
    });

// Menu display requires jQuery and jQuery querystring plugin (jQuery.query.js)
    $(document).ready(function() {
 
          // JSON service URL
        var jsonUrl = 'http://www.cross-domain-example.com/service/cafeteria/json.php?callback=?';
 
        // Get requested day from QueryString
        // @see http://plugins.jquery.com/project/query-object
        var reqDay = $.query.get('requestedDay');
        jsonUrl = jsonUrl + '&day=' + reqDay.toLowerCase();
 
        // Get JSON representation of cafeteria menu for today            
        $.getJSON(jsonUrl, function(json) {
 
            // Add "[day]'s Menu" to page title
            updatePageTitle(json);
 
            // Build html menu table
            var content = outputDailyMenu(json);
 
            // Add table to #menuBuilder div
            $("#menuBuilder").html(content);
        });
 
    });