$(document).ready(function(){

	$.extend({
		getUrlVars: function(){
			var vars = [], hash;
			var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
			for(var i = 0; i < hashes.length; i++)
			{
				hash = hashes[i].split('=');
				vars.push(hash[0]);
				vars[hash[0]] = hash[1];
			}
			return vars;
		},
		getUrlVar: function(name){
			return $.getUrlVars()[name];
		}
	});

	$("#timeline-slider").mopSlider({
		'w':650,
		'h':75,
		'sldW':500,
		'btnW':150,
		'itemMgn':20,
		'indi':"Slide For Years",
		'shuffle':0
	});

	var yearToLoad = $.getUrlVar('year');
	if(!(yearToLoad === undefined)){
		$('#calendar-events').empty();
		$('#calendar').append('<div id="load">LOADING...</div>');
		$('#load').fadeIn('normal');
		var toLoad = 'http://www.edcole.org/index.php?fuseaction=calendar.events&year=' + yearToLoad + '&ajax=true';
		$('#calendar-events').load(toLoad, '', $('#load').fadeOut('normal'));
	}

	$('#timeline-slider a').click(function(){
		$('#calendar-events').empty();
		$('#calendar').append('<div id="load">LOADING...</div>');
		$('#load').fadeIn('normal');
		var toLoad = $(this).attr('href') + '&ajax=true';
		$('#calendar-events').load(toLoad, '', hideLoader());

		function hideLoader() {
			$('#load').fadeOut('normal');
		}

		return false;

	});

});