/*********************************************************
 *
 * Javascript calendar initialisation
 *
**********************************************************/

function show_reports() {
	
	var message_no_reports = 'No reports are showing for this date.';

	var d = $('.jcalendar-select-day').val();
	var m = $('.jcalendar-select-month').val();
	var y = $('.jcalendar-select-year').val();			
	var dates_displayed = $('.jcalendar tbody tr td a');		
	var reports = $('ol.reports li span');	
	var reports_flag = false;
	
	$('#reports_message').empty();
	
	var selected_date = new Date();
	selected_date.setFullYear(y,m-1,d);
	selected_date = formatDate(selected_date,'E, dd NNN yyyy');
		
	$(reports).parent().hide();
	
	// plot reports on calendar
	for(i=0; i<dates_displayed.length; i++ ) {
		
		var rel = $(dates_displayed[i]).attr('rel');
		
		for(x=0; x<reports.length; x++ ) {
		
			var report_date = $(reports[x]).text();
			
			if(rel.indexOf(report_date) != -1) {
			
				// highlight report in calendar
				$(dates_displayed[i]).parent().addClass('report');
			
			}
				
			//alert(selected_date + date);
			if(selected_date == report_date) {
				
				// show report in list
				$(reports[x]).parent().show();
				
				reports_flag = true;
				
				
			}
			
		}
		
	}
	
	$('.jcalendar tbody tr td:not(.report) a').unbind('click').click(function(){
	
		return false;
	
	});
	
	
	//$("input:not(:checked) + span").css("background-color", "yellow");
	
	if(!reports_flag) {
			
		$('#reports_message').show().html(message_no_reports);
		
	}
					
	// set headings
	$('#calendar-heading-date').text('Reports for ' + selected_date + ':');
	
	
}


$(document).ready(function() {
	
	// add the calendar drop downs via JS
	$('#calendar').append('<form><fieldset class="jcalendar"><div class="jcalendar-wrapper"><div class="jcalendar-selects"><select name="day" id="day" class="jcalendar-select-day"><option value="0"></option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select><select name="month" id="month" class="jcalendar-select-month"><option value="0"></option><option value="1">January</option><option value="2">February</option><option value="3">March</option><option value="4">April</option><option value="5">May</option><option value="6">June</option><option value="7">July</option><option value="8">August</option><option value="9">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select><select name="year" id="year" class="jcalendar-select-year"><option value="0"></option><option value="2008">2008</option></select></div></div></fieldset></form>');
	
	// initialise calendar
	$('.jcalendar').jcalendar();
	
	// add events to new calendar DOM elements
	$('.jcalendar td a').livequery('click', function() { 
	
		var d = $('.jcalendar-select-day').val();
		var m = $('.jcalendar-select-month').val();
		var y = $('.jcalendar-select-year').val();
		
		var cal_date = new Date();
		cal_date.setFullYear(y,m-1,d);
		
		// set headings
		$('#cal-heading-day').text('Reports for ' + formatDate(cal_date,'dd MMM yyyy'));
		
		
	});
	
	// clone the events
	$('.jcalendar select').livequery('change', function() { 
		show_reports();
	});
	
	// clone the events
	$('.jcalendar-links a').livequery('click', function() { 
		show_reports();
	});
	
	// clone the events
	$('.jcalendar td a').livequery('click', function() { 
		show_reports();
	});
	
	// create error message
	$('#calendar-heading-date').after('<p id="reports_message"></p>');
	$('#reports_message').hide();
	
	// initialise report display
	show_reports();
	
});