var myDatePick;
$(document).ready(function(){

	if ($('.date-pick').length)	{

		myDatePick = $('.date-pick')
		
			.datePicker(
				// associate the link with a date picker
				{
					createButton:false,
					startDate:'01/01/2005',
					endDate:'31/12/2025'
				}
			).bind(
				// when the link is clicked display the date picker
				'click',
				function()
				{	
					$(this).dpDisplay();
					return false;
					
				}
			).bind(
				// when a date is selected update the SELECTs
				'dateSelected',
				function(e, selectedDate, $td, state)
				{
					updateSelects(this, selectedDate);
				}
			).bind(
				'dpClosed',
				function(e, selected)
				
				{	
					//updateSelects(this,selected[0]);
				}
			);
			
		var updateSelects = function (calendar, selectedDate)
		{	
			
			var input = $( calendar ).parents('.input-box:first');
			var date_select = $('.my-day',input);
			var month_select = $('.my-month',input);
			var year_select = $('.my-year',input);
			
			var selectedDate = new Date(selectedDate);
			
			$(date_select).val(selectedDate.getDate());
			
			$(month_select).val(selectedDate.getMonth()+1);
			
			$(year_select).val(selectedDate.getFullYear());
			
			$('LI.date SPAN.jquery-selectbox-currentItem',input).html(selectedDate.getDate());
			var monthes = new Array('Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December');
			var mm = (selectedDate.getMonth()+1);
			$('LI.month SPAN.jquery-selectbox-currentItem',input).html(monthes[mm-1]);
			$('LI.year SPAN.jquery-selectbox-currentItem',input).html(selectedDate.getFullYear());
		}
		
		// listen for when the selects are changed and update the picker
		$('.my-day, .my-month, .my-year').bind('change',function(){
			var input = $(this).parents('.input-box:first');
			var d = new Date(
				$('.my-year',input).val(),
				$('.my-month',input).val()-1,
				$('.my-day',input).val()
			);
			$('.date-pick',input).dpSetSelected(d.asString());
		});
		
		// default the position of the selects to today
	
			var today = new Date();
			$('.current.date-pick').each(function(){
				updateSelects(this,today.getTime());
			});
		 
	}
	
		if ($('.date-pick').length){
			$('#datepick1').dpSetSelected('12/10/2006');
			$('#datepick0').dpSetSelected('15/02/2013');
		}
});