$(document).ready(function() { 
    var dates = $('#from, #to').datepicker({
	    dateFormat: 'dd MM yy',
	    minDate: '0',
	    maxDate: '+1y',
	    showOn: 'both',
	    buttonImage: calenderImage,
	    buttonImageOnly: true,
	    defaultDate: '+1w',
	    changeMonth: false,
	    numberOfMonths: 1,
	    onSelect: function(selectedDate) {
	        var option = this.id == 'from' ? 'minDate' : 'maxDate';
	        var instance = $(this).data('datepicker');
	        var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
	        dates.not(this).datepicker('option', option, date);
	    },
	    onClose: function(dateText, inst) {
	        if(inst.id == 'from'){
	        	fromDay = inst.selectedDay;
	            fromMonth = inst.selectedMonth+1;
	            fromYear = inst.selectedYear;
	            $('#checkin_monthday').val(fromDay);
	            $('#checkin_month').val(fromMonth);
	            $('#checkin_year').val(fromYear);
	        }
	        if(inst.id == 'to') {
	        	toDay = inst.selectedDay;
	        	toMonth = inst.selectedMonth+1;
	        	toYear = inst.selectedYear;
	            $('#checkout_monthday').val(toDay);
	            $('#checkout_month').val(toMonth);
	            $('#checkout_year').val(toYear);
	        }
	    }
    });
    
    

	$('.ui-datepicker-trigger').hover(function() {
	        $(this).css('cursor', 'pointer');
	        $(this).attr('src', calenderImageHover);
	        $(this).attr('alt', 'Show calender');
	        $(this).attr('title', 'Open kalender');
	    }, function() {
	        $(this).attr('src', calenderImage);
	        $(this).attr('alt', 'Show calender');
	        $(this).attr('title', 'Open kalender');
	});
	
	
});