var bindOnce = false; 
var d=new Date()
var day=d.getDate()
var month=d.getMonth() + 1
var year=d.getFullYear()

var EndYear=d.getFullYear() + 1

var todayDate = day+ "/" + month+ "/" + year 

$(function()
{
	
	// initialise the "Select date" link
var bindOnce = false; 
var d=new Date()
var day=d.getDate()
var month=d.getMonth() + 1
var year=d.getFullYear()

var todayDate = day+ "/" + month+ "/" + year 

$(function()
{
	
	// initialise the "Select date" link
	$('#date-pick-start')
		.datePicker(
			// associate the link with a date picker
			{
				createButton:false,
				startDate:todayDate,
				endDate:'31/12/' + EndYear
			}
		).bind(
			// when the link is clicked display the date picker
			'click',
			function()
			{
				
				
				if (bindOnce == true) {
					updateSelectsStarts($(this).dpGetSelected()[0]);
					$(this).dpDisplay();
					return false;
				}else{
					updateSelectsStarts($(this).dpGetSelected()[0]);
					$(this).dpDisplay();

					updateSelectsEnds($(this).dpGetSelected()[0]);

					$('#rdd').trigger('change');
					return false;
				}
			}
		).bind(
			// when a date is selected update the SELECTs
			'dateSelected',
			function(e, selectedDate, $td, state)
			{
				if (bindOnce == true) {
					updateSelectsStarts(selectedDate);
				}else{
					updateSelectsStarts(selectedDate);
					updateSelectsEnds(selectedDate);

					$('#rdd').trigger('change');
				}
			}
		).bind(
			'dpClosed',
			function(e, selected)
			{
				if (bindOnce == true) {
					updateSelectsStarts(selected[0]);
				}else{
					updateSelectsStarts(selected[0]);
					updateSelectsEnds(selected[0]);

					$('#rdd').trigger('change');
				}
			}
		);

	var updateSelectsStarts = function (selectedDate)
	{
		var d = selectedDate.getDate();
		var m = selectedDate.getMonth();
		var y = selectedDate.getFullYear();
		($('#ddd')[0]).selectedIndex = d - 1;
		($('#ddm')[0]).selectedIndex = m;
		($('#ddy')[0]).selectedIndex = y - year;
		
	}
	// listen for when the selects are changed and update the picker
	$('#ddd, #ddm, #ddy')
		.bind(
			'change',
			function()
			{
				var d = new Date(
							$('#ddy').val(),
							$('#ddm').val()-1,
							$('#ddd').val()
						);
				$('#date-pick-start').dpSetSelected(d.asString());
			}
		);
	
	// default the position of the selects to today
	var today = new Date();

	// Check for a field called StartDateOverride- if it exists, do not autopopulate date
	if($('#StartDateOverride')==null) {
		var iscookieset = readCookie('ddd')

		if (iscookieset == null) {
			($('#ddd')[0]).selectedIndex = today.getDate() - 1;
			($('#ddm')[0]).selectedIndex = today.getMonth();
			($('#ddy')[0]).selectedIndex = today.getFullYear() - year;
		}
		else
		{
			($('#ddd')[0]).selectedIndex = readCookie('ddd');
			($('#ddm')[0]).selectedIndex = readCookie('ddm');
			($('#ddy')[0]).selectedIndex = readCookie('ddy');
		}
	}
	
	// and update the datePicker to reflect it...
	$('#ddd').trigger('change');	


	// initialise the "Select date" link
	$('#date-pick-end')
		.datePicker(
			// associate the link with a date picker
			{
				createButton:false,
				startDate:todayDate,
				endDate:'31/12/' + EndYear
			}
		).bind(
			// when the link is clicked display the date picker
			'click',
			function()
			{
				updateSelectsEnds($(this).dpGetSelected()[0]);
				$(this).dpDisplay();
				bindOnce = true;
				return false;
			}
		).bind(
			// when a date is selected update the SELECTs
			'dateSelected',
			function(e, selectedDate, $td, state)
			{
				updateSelectsEnds(selectedDate);
			}
		).bind(
			'dpClosed',
			function(e, selected)
			{
				updateSelectsEnds(selected[0]);
			}
		);
		
	var updateSelectsEnds = function (selectedDate)
	{
		var d = selectedDate.getDate();
		var m = selectedDate.getMonth();
		var y = selectedDate.getFullYear();
		($('#rdd')[0]).selectedIndex = d - 1;
		($('#rdm')[0]).selectedIndex = m;
		($('#rdy')[0]).selectedIndex = y - year;
	}
	// listen for when the selects are changed and update the picker
	$('#rdd, #rdm, #rdy')
		.bind(
			'change',
			function()
			{
				var d = new Date(
							$('#rdy').val(),
							$('#rdm').val()-1,
							$('#rdd').val()
						);
				$('#date-pick-end').dpSetSelected(d.asString());
			}
		);
	
	// default the position of the selects to today
	var today = new Date();

	// Check for a field called EndDateOverride- if it exists, do not autopopulate date
	if($('#EndDateOverride')==null) {
		var iscookieset = readCookie('ddd')

		if (iscookieset == null) {
			($('#rdd')[0]).selectedIndex = today.getDate() - 1;
			($('#rdm')[0]).selectedIndex = today.getMonth();
			($('#rdy')[0]).selectedIndex = today.getFullYear() - year;
		}
		else
		{
			($('#rdd')[0]).selectedIndex = readCookie('rdd');
			($('#rdm')[0]).selectedIndex = readCookie('rdm');
			($('#rdy')[0]).selectedIndex = readCookie('rdy');
		}
	}

	// and update the datePicker to reflect it...
	$('#rdd').trigger('change');
});

});