$(document).ready(function(){
	var currentDate = new Date();	// 現在日付オブジェクトの生成
	crntTime = currentDate.getHours();	// 現在日付オブジェクトから「時」を取得
	mm = currentDate.getMinutes();	// 現在日付オブジェクトから「分」を取得

	limitTime = 20;	// 当日注文可能な最終時間
	ableTime = ( crntTime - 7 ) * 2;	// 選択可能な時間の算出
	// 0～29分の場合
	if ( mm < 30 ) {
		ableTime = ableTime - 1;
	}
	// 1以下の場合は1にする
	if ( ableTime < 1 ) {
		ableTime = 1;
	}

	// 最終時以降は当日選択不可にする
	if ( crntTime > limitTime ) {
		$("#pay_1").attr("disabled","true");
		$("#pay_2").attr("selected","selected");
		$("#day_1").text("本日の受付は終了しました。");
		$("#day_1").css("color","#f00");
	}

	// 配列の宣言 
	var values = new Array(27) ;

	// 要素への代入 
	values[0] = "";
	values[1] = "9:00～9:30";
	values[2] = "9:30～10:00";
	values[3] = "10:00～10:30";
	values[4] = "10:30～11:00";
	values[5] = "11:00～11:30";
	values[6] = "11:30～12:00";
	values[7] = "12:00～12:30";
	values[8] = "12:30～13:00";
	values[9] = "13:00～13:30";
	values[10] = "13:30～14:00";
	values[11] = "14:00～14:30";
	values[12] = "14:30～15:00";
	values[13] = "15:00～15:30";
	values[14] = "15:30～16:00";
	values[15] = "16:00～16:30";
	values[16] = "16:30～17:00";
	values[17] = "17:00～17:30";
	values[18] = "17:30～18:00";
	values[19] = "18:00～18:30";
	values[20] = "18:30～19:00";
	values[21] = "19:00～19:30";
	values[22] = "19:30～20:00";
	values[23] = "20:00～20:30";
	values[24] = "20:30～21:00";
	values[25] = "21:00～21:30";
	values[26] = "21:30～22:00";

	// 当日を選択した場合
	$("#pay_1").click( function() {

		$("#deliv_time_id").children().remove();
		$("#deliv_time_id").append($('<option>').attr({ value: '' }).attr({selected: ''}).text('選択してください'));

		for (var i = ableTime; i < ( values.length ); i++) {
			$("#deliv_time_id").append($('<option>').attr({ value: i }).attr({label: values[i]}).text(values[i]));
		}
		$("#deliv_date").attr("disabled","true");

	});

	// 翌日以降を選択した場合
	$("#pay_2").click( function() {

		$("#deliv_time_id").children().remove();
		$("#deliv_time_id").append($('<option>').attr({ value: '' }).attr({selected: ''}).text('選択してください'));

		for (var i = 1; i < ( values.length ); i++) {
			$("#deliv_time_id").append($('<option>').attr({ value: i }).attr({label: values[i]}).text(values[i]));
		}
		$("#deliv_date").removeAttr("disabled");

	});

});