$(document).ready(function() {
	$.get(url + 'menu/menuSidebarRead',function(o){
		var sideBar ='';
		for(var i = 0; i < o.length; i++){
			sideBar += '<div class="sidebar"><a href="' + o[i].target + '">' + o[i].title +'</a></div>';
		}
		$('#sidebar').append(sideBar);
		$('#sidebar').append(
			'<div id="twitter_link"><div style="font-size:16px; font-weight:bold; padding:8px; color:#003471;">Follow Us!</div>' + 
			'<div><a href="http://twitter.com/HolyFamilyDBQ" style="padding-left:4px; padding-top:5px;"><img src="http://www.holyfamilydbq.org/public/images/twitter.png" border="0"/></a>' +
			'<a href="http://www.facebook.com/holyfamilydbq" style="padding-left:4px;"><img src="http://www.holyfamilydbq.org/public/images/facebook.png" border="0"/></a></div>'		
		);
		
		
	},'json');

	$('#centerCol').append(
		'<div>' + page.body + '</div>'
	);
	$.get(url + 'index/boxRead/' + page.id,function(o){
		if(o && o.length > 0){
			$('#centerCol').css('max-width','410px');
			var rightCol = '<div style="width:322px; overflow:hidden;"><br />';
			for(var i = 0; i < o.length; i++){
				if(o[i].flag != true){
					rightCol += '<div class="boxHeader">' + o[i].title + '</div>';
					if(o[i].scroll == 'y'){
						rightCol += '<div id="boxScroll">';
						for(x in o[i].links){

							rightCol += '<div style="background-color:#ebebeb;"><a style="padding-left:4px;" href="' + o[i].links[x].target + '">' + 
							o[i].links[x].title + '</a></div><br />';
						}
					} else {
						rightCol += '<div id="box">';
						for(x in o[i].links){
							rightCol += '<div><a style="padding-left:4px;" href="' + o[i].links[x].target + '">' + o[i].links[x].title + '</a></div>';
						}
					}
					rightCol += '</div><br />';
				} else {
					rightCol += o[i].body;
				}
			}
			rightCol += '<br /></div>';
			$('#rightCol').append(rightCol);	
		}				
	},'json');	
		

});