$(function() {
	RakutenCalendar.setHoliday(calendarHoliday);
	RakutenCalendar.setStyles(
		{
			BASE_DIV_STYLE : {
				"backgroundColor" : "#D9E6F4",
				"border" : "1px solid #6EA6E8"
			},
			HEADER_DIV_STYLE : {
				"backgroundColor" : "#6EA6E8"
			}
		}
	);
});

function showCheckinCal() {
	var _date = new Date($("#f_nen1").val() ,$("#f_tuki1").val() -1 ,$("#f_hi1").val());
	var onCheckinClick = function(){
		$('#f_nen1').val(this.getFullYear());
		$('#f_tuki1').val(this.getMonth()+1);
		$('#f_hi1').val(this.getDate());
		this.setDate(this.getDate() + 2);
		$('#f_nen2').val(this.getFullYear());
		$('#f_tuki2').val(this.getMonth() + 1);
		$('#f_hi2').val(this.getDate());
		RakutenCalendar.closeCalendar();
	};
	var offset = $('#f_nen1').offset()
	RakutenCalendar.createCalendar(
		document.body
		,{"top":(17 + offset.top) + "px", "left":offset.left + "px"}
		,_date
		,onCheckinClick
		,null
		,2
		,2
		,'日付を選択してください。'
		,1
	);
}

function showCheckoutCal() {
	var _date = new Date($("#f_nen2").val() ,$("#f_tuki2").val() -1 ,$("#f_hi2").val());
	var onChecoutClick = function(){
		$('#f_nen2').val(this.getFullYear());
		$('#f_tuki2').val(this.getMonth() + 1);
		$('#f_hi2').val(this.getDate());
		RakutenCalendar.closeCalendar();
	};
	var offset = $('#f_nen2').offset()
	RakutenCalendar.createCalendar(
		document.body
		, {"top":(17 + offset.top) + "px", "left":offset.left + "px"}
		, _date
		, onChecoutClick
		, null
		, 2
		, 2
		, '日付を選択してください。'
		, 1
	);
}

function showCheckinCal1() {
	var _date = new Date($("#f_nen3").val() ,$("#f_tuki3").val() -1 ,$("#f_hi3").val());
	var onCheckinClick = function(){
		$('#f_nen3').val(this.getFullYear());
		$('#f_tuki3').val(this.getMonth() + 1);
		$('#f_hi3').val(this.getDate());
		this.setDate(this.getDate() + 2);
		$('#f_nen4').val(this.getFullYear());
		$('#f_tuki4').val(this.getMonth() + 1);
		$('#f_hi4').val(this.getDate());
		RakutenCalendar.closeCalendar();
	};
	var offset = $('#f_nen3').offset()
	RakutenCalendar.createCalendar(
		document.body
		,{"top":(17 + offset.top) + "px", "left":offset.left + "px"}
		,_date
		,onCheckinClick
		,null
		,2
		,2
		,'日付を選択してください。'
		,1
	);
}

function showCheckoutCal1() {
	var _date = new Date($("#f_nen4").val() ,$("#f_tuki4").val() -1 ,$("#f_hi4").val());
	var onChecoutClick = function(){
		$('#f_nen4').val(this.getFullYear());
		$('#f_tuki4').val(this.getMonth() + 1);
		$('#f_hi4').val(this.getDate());
		RakutenCalendar.closeCalendar();
	};
	var offset = $('#f_nen4').offset()
	RakutenCalendar.createCalendar(
		document.body
		, {"top":(17 + offset.top) + "px", "left":offset.left + "px"}
		, _date
		, onChecoutClick
		, null
		, 2
		, 2
		, '日付を選択してください。'
		, 1
	);
}

function showCheckinCalLocat(height,width) {
	var _date = new Date($("#f_nen1").val() ,$("#f_tuki1").val() -1 ,$("#f_hi1").val());
	var onCheckinClick = function(){
		$('#f_nen1').val(this.getFullYear());
		$('#f_tuki1').val(this.getMonth()+1);
		$('#f_hi1').val(this.getDate());
		this.setDate(this.getDate() + 2);
		$('#f_nen2').val(this.getFullYear());
		$('#f_tuki2').val(this.getMonth() + 1);
		$('#f_hi2').val(this.getDate());
		RakutenCalendar.closeCalendar();
	};
	var offset = $('#f_nen1').offset()
	RakutenCalendar.createCalendar(
		document.body
		,{"top":(height + offset.top) + "px", "left":(width + offset.left) + "px"}
		,_date
		,onCheckinClick
		,null
		,2
		,2
		,'日付を選択してください。'
		,1
	);
}

function showCheckoutCalLocat(height,width) {
	var _date = new Date($("#f_nen2").val() ,$("#f_tuki2").val() -1 ,$("#f_hi2").val());
	var onChecoutClick = function(){
		$('#f_nen2').val(this.getFullYear());
		$('#f_tuki2').val(this.getMonth() + 1);
		$('#f_hi2').val(this.getDate());
		RakutenCalendar.closeCalendar();
	};
	var offset = $('#f_nen2').offset()
	RakutenCalendar.createCalendar(
		document.body
		, {"top":(height + offset.top) + "px", "left":(width + offset.left) + "px"}
		, _date
		, onChecoutClick
		, null
		, 2
		, 2
		, '日付を選択してください。'
		, 1
	);
}