$(document).ready(function() {
	// ----------------------------- Picture cycle effect for pages ----------------------------- //
		//Cycle pictures slideshow
			$('#s1')
			.after('<div id="pager_nav">')
			.cycle({
				fx: 'fade',
				pause: 1,
				speed: 1000,
				timeout: 4000,
				pager: '#pager_nav'
			});
	
	// ----------------------------- Home - about us, news and Events loader ----------------------------- //
		// loads about_us, news, and events page

		$('.about_us').click(function(){
			$('#home_loader').load('about.html');
			$('#home_info').hide();
		});

	  $('.news').click(function(){
	  	$('#home_loader').load('news.php');
			$('#home_info').hide();
		});

		$('.events').click(function(){
			$('#home_loader').load('events.php');
			$('#home_info').hide();
		});
});