/**
 * Sets up dynamic HTML for calendars
 * 
 * Mainly uses mootools functions to apply dynamic features to HTML elements after
 * page load.
 */

window.addEvent('domready', function(){//"on page load"

/**
 * Set up calendar items
 */
$$('.Calendar').each( function(el,i)
{
	var cal_field_id = el.id.substring(0,el.id.length - 4);


	var cal_default = 'YYYY-mm-dd';
	var cal_format  = '%Y-%m-%d';

	$(cal_field_id).addEvent('blur',function()
	{
		if(this.value == '')
			this.value = cal_default;
		if(this.value == cal_default)
			this.className = 'Note';
		else
			this.removeClass('Note');
	});

	$(cal_field_id).addEvent('focus',function()
	{
		this.removeClass('Note');
		if(this.value == cal_default)
			this.value = '';
	});

	$(cal_field_id).doBlur = function(cal) { $(cal_field_id).fireEvent('blur'); };//for Calendar.setup below
	$(cal_field_id).fireEvent('blur');//onload

	Calendar.setup( {
		inputField  : cal_field_id,
		ifFormat    : cal_format,
		button      : el.id,
		align       : "Tl",
		singleClick : true,
		showsTime	: false,
		onUpdate     : $(cal_field_id).doBlur
	});

});

$$('.CalendarTime').each( function(el,i)
{
	var cal_field_id = el.id.substring(0,el.id.length - 4);


	var cal_default = 'YYYY-mm-dd HH:MM am';
	var cal_format  = '%Y-%m-%d %I:%M %P';

	$(cal_field_id).addEvent('blur',function()
	{
		if(this.value == '')
			this.value = cal_default;
		if(this.value == cal_default)
			this.className = 'Note';
		else
			this.removeClass('Note');
	});

	$(cal_field_id).addEvent('focus',function()
	{
		this.removeClass('Note');
		if(this.value == cal_default)
			this.value = '';
	});

	$(cal_field_id).doBlur = function(cal) { $(cal_field_id).fireEvent('blur'); };//for Calendar.setup below
	$(cal_field_id).fireEvent('blur');//onload

	Calendar.setup( {
		inputField  : cal_field_id,
		ifFormat    : cal_format,
		button      : el.id,
		align       : "Tl",
		singleClick : true,
		showsTime	: true,
		timeFormat	: '12',
		onUpdate     : $(cal_field_id).doBlur
	});

});


$$('.CalendarTime24').each( function(el,i)
{
	var cal_field_id = el.id.substring(0,el.id.length - 4);


	var cal_default = 'YYYY-mm-dd HH:MM';
	var cal_format  = '%Y-%m-%d %H:%M';

	$(cal_field_id).addEvent('blur',function()
	{
		if(this.value == '')
			this.value = cal_default;
		if(this.value == cal_default)
			this.className = 'Note';
		else
			this.removeClass('Note');
	});

	$(cal_field_id).addEvent('focus',function()
	{
		this.removeClass('Note');
		if(this.value == cal_default)
			this.value = '';
	});

	$(cal_field_id).doBlur = function(cal) { $(cal_field_id).fireEvent('blur'); };//for Calendar.setup below
	$(cal_field_id).fireEvent('blur');//onload

	Calendar.setup( {
		inputField  : cal_field_id,
		ifFormat    : cal_format,
		button      : el.id,
		align       : "Tl",
		singleClick : true,
		showsTime	: true,
		timeFormat	: '24',
		onUpdate     : $(cal_field_id).doBlur
	});

});

});//end window.addEvent