document.observe("dom:loaded", function () {
	new Ajax.Request("/navigation.json", 
		{
			method:"get",
			onSuccess: function(response){
			    var obj = response.responseText.evalJSON();
			    $("navOT").autoRender({page:obj});
			},
			onFailure: function(response){ 
				$("navOT").innerHTML = "Failed to load navigation";
			},
			onException: function(request, ex) {
				$("navOT").innerHTML = "Exception loading navigation: " + ex;
	        }
		}
	);
	new Ajax.Request("/navigationPC.json", 
		{
			method:"get",
			onSuccess: function(response){
			    var obj = response.responseText.evalJSON();
			    $("navPC").autoRender({page:obj});
			},
			onFailure: function(response){ 
				$("navPC").innerHTML = "Failed to load navigation";
			},
			onException: function(request, ex) {
				$("navPC").innerHTML = "Exception loading navigation: " + ex;
	        }
		}
	);
	new Ajax.Request("/navigationEC.json", 
		{
			method:"get",
			onSuccess: function(response){
			    var obj = response.responseText.evalJSON();
			    $("navEC").autoRender({page:obj});
			},
			onFailure: function(response){ 
				$("navEC").innerHTML = "Failed to load navigation";
			},
			onException: function(request, ex) {
				$("navEC").innerHTML = "Exception loading navigation: " + ex;
	        }
		}
	);
});

