$(document).ready(function(){
	
	// show the pickup div when the page is loaded and the pickup input field is checked
	$("input.pickup[@checked]").show(function() {
		$("div#pickup").show();
	})
	
	$("input.delivery[@checked]").show(function() {
		$("div#delivery").show();
	})
	
	var pickup_chk = $("input.pickup");
	var delivery_chk = $("input.delivery");
	
	var pickup = $("div#pickup");
	var delivery = $("div#delivery");
	
	pickup_chk.click(function() {
		delivery.animate({ height: 'hide', opacity: 'hide' }, 'fast', function() {
			pickup.animate({ height: 'show', opacity: 'show' }, 'slow'); });
	
	})
	
	delivery_chk.focus(function() {
		pickup.animate({ height: 'hide', opacity: 'hide' }, 'fast', function() {
			delivery.animate({ height: 'show', opacity: 'show' }, 'slow'); });
	})
	
	$.datepicker.setDefaults({showOn: 'button', buttonImageOnly: true, 
    buttonImage: 'images/calendar.gif', buttonText: 'Calendar'});
	
	$('input.date').datepicker({dateFormat: 'd M yy'});
	
	$('.dateRange').datepicker({beforeShow: customRange}); 
 
	// Customize two date pickers to work as a date range 
	function customRange(input) { 
		return {minDate: (input.id == 'dTo' ? $('#dFrom').datepicker('getDate') : null), 
			maxDate: (input.id == 'dFrom' ? $('#dTo').datepicker('getDate') : null)}; 
	} 
	
		
});