Ext.onReady(function() {
    var mostRecentSermonPanel = new Ext.TabPanel({
        renderTo: "mostRecentSermon",
        autoWidth: true,
        height: 104,
        plain: true,
        activeTab: 0,
        items: [
            {
                title: "Most Recent Sermon",
                contentEl: "recentSermon"
            }
        ]
    });
    
    $.getJSON("/mostRecentSermon", function(sermon) {
    	$("div.recentSermonBibleText").html(sermon.BibleText);
    	$("div.recentSermonSpeaker").html(sermon.Speaker);
    	$("a.recentSermonTitle").html(sermon.Title);
    	$("a.recentSermonTitle").attr("href", sermon.SALink);
    	$("a.recentSermonPlayLink").attr("href", sermon.MP3PlayLink);
    	$("a.recentSermonDownloadLink").attr("href", sermon.MP3DownloadLink);
    });
});