function ajaxSubmit(element) {
	element = $('calendar-search-form');
	new Ajax.Updater('events', '/wp-content/themes/elkhartlake.com/calendar/event-list.php', {
		method:'post',
		onCreate: function() { new Effect.Appear($('events').loadingDiv, { duration:.5, to:.2 });  },
		onComplete: function() { new Effect.Fade($('events').loadingDiv, { duration:.5, to:0 }); sizeLoadingDiv($('events')); new Effect.Highlight('events'); },
		parameters: element.serialize() + '&postmethod=ajax&formid=' + element.id
	});
	new Ajax.Updater('calendar-widget', '/wp-content/themes/elkhartlake.com/calendar/widget2.php', {
		method:'post',
		onCreate: function() { new Effect.Appear($('calendar-widget').loadingDiv, { duration:.5, to:.2 });  },
		onComplete: function() { 
									new Effect.Fade($('calendar-widget').loadingDiv, { duration:.5, to:0 });
									$$('a.ajax-event').each( function(s) { $(s.id).onclick=function(){return false;}; Event.observe(s, 'click', ajaxEvent); } );
									new Effect.Highlight('calendar-widget'); 
								},
		parameters: element.serialize() + '&postmethod=ajax&formid=' + element.id
	});
	return false;
}

function ajaxEvent(element) {
	if(!this) { element = window.event.srcElement; } else { element = this; }
	new Ajax.Updater('events', '/wp-content/themes/elkhartlake.com/calendar/event.php', {
		method:'post',
		onCreate: function() { new Effect.Appear($('events').loadingDiv, { duration:.5, to:.2 });  },
		onComplete: function() { new Effect.Fade($('events').loadingDiv, { duration:.5, to:0 }); sizeLoadingDiv($('events')); new Effect.Highlight('events'); },
		parameters: 'eid=' + element.getAttribute('ahref')
	});
	return false;
}

function makeLoadingDiv(element) {
	element.loadingDiv = document.createElement('div');
	element.loadingDiv.setAttribute('class', 'loading_status');
	element.parentNode.insertBefore(element.loadingDiv, element.nextSibling);
	element.loadingDiv.style.position = 'absolute';
	element.loadingDiv.style.left = '0px';
	element.loadingDiv.style.top = '0px';
	element.loadingDiv.style.width = element.offsetWidth + 'px';
	element.loadingDiv.style.height = element.offsetHeight + 'px';
	element.style.zIndex = '998';
	element.loadingDiv.style.zIndex = '999';
	element.loadingDiv.style.background = '#000 url(/wp-content/themes/elkhartlake.com/images/loading.gif) center 20px no-repeat';
	element.loadingDiv.style.display = 'none';
}

function sizeLoadingDiv(element) {
	//element.loadingDiv.style.left = element.offsetLeft + 'px';
	//element.loadingDiv.style.top = element.offsetTop + 'px';
	element.loadingDiv.style.width = element.offsetWidth + 'px';
	element.loadingDiv.style.height = element.offsetHeight + 'px';
}

function calInit() {
	$$('form#calendar-search-form').each( function(s) { $(s.id).onsubmit=function(){return false;}; Event.observe(s, 'submit', ajaxSubmit); } );
	$$('a.ajax-event').each( function(s) { $(s.id).onclick=function(){return false;}; Event.observe(s, 'click', ajaxEvent); } );
	makeLoadingDiv($('calendar-widget'));
	makeLoadingDiv($('events'));
}

Event.observe(window, 'load', calInit);