var myD = new Date();
var isIE = (navigator.appName == "Microsoft Internet Explorer");

var myYear = myD.getYear();
var myYear = (myYear < 2000) ? myYear+1900 : myYear;
var tmpHTML="";
for(i=myYear;i<=myYear+1;i++){
	tmpHTML += "<option value=\""+i+"\">"+i+"</option>";
}
if(isIE){
	document.getElementById("ciDateY").outerHTML = '<select id="ciDateY" onChange="chCi();">' + tmpHTML + "</select>";
}else{
	document.getElementById("ciDateY").innerHTML = tmpHTML;
}

var myMonth = myD.getMonth() + 1;
var myMonth = (myMonth < 10) ? "0"+myMonth : myMonth;
tmpHTML="";
for(i=1;i<=12;i++){
	var tmp = (i < 10) ? "0"+i : i;
	if(myMonth == tmp){
		tmpHTML += "<option value=\""+tmp+"\" selected>"+tmp+"</option>";
	}else{
		tmpHTML += "<option value=\""+tmp+"\">"+tmp+"</option>";
	}
}
if(isIE){
	document.getElementById("ciDateM").outerHTML = '<select id="ciDateM" onChange="chCi();">' + tmpHTML + "</select>";
}else{
	document.getElementById("ciDateM").innerHTML = tmpHTML;
}

var myDate    = myD.getDate();
var myDate = (myDate < 10) ? "0"+myDate : myDate;
tmpHTML="";
for(i=1;i<=31;i++){
	var tmp = (i < 10) ? "0"+i : i;
	if(myDate == tmp){
		tmpHTML += "<option value=\""+tmp+"\" selected>"+tmp+"</option>";
	}else{
		tmpHTML += "<option value=\""+tmp+"\">"+tmp+"</option>";
	}
}
if(isIE){
	document.getElementById("ciDateD").outerHTML = '<select id="ciDateD" onChange="chCi();">' + tmpHTML + "</select>";
}else{
	document.getElementById("ciDateD").innerHTML = tmpHTML;
}

tmpHTML="";
for(i=1;i<=10;i++){
	tmpHTML += "<option value=\""+i+"\">"+i+"人</option>";
}
if(isIE){
	document.getElementById("otona").outerHTML = '<select id="otona">' + tmpHTML + "</select>";
}else{
	document.getElementById("otona").innerHTML = tmpHTML;
}

myD.setDate(myD.getDate() + 1);
myYear = myD.getYear();
myYear = (myYear < 2000) ? myYear+1900 : myYear;
tmpHTML="";
for(i=myYear;i<=myYear+1;i++){
	tmpHTML += "<option value=\""+i+"\">"+i+"</option>";
}
if(isIE){
	document.getElementById("coDateY").outerHTML = '<select id="coDateY" onChange="chCo();">' + tmpHTML + "</select>";
}else{
	document.getElementById("coDateY").innerHTML = tmpHTML;
}

myMonth = myD.getMonth() + 1;
myMonth = (myMonth < 10) ? "0"+myMonth : myMonth;
tmpHTML="";
for(i=1;i<=12;i++){
	var tmp = (i < 10) ? "0"+i : i;
	if(myMonth == tmp){
		tmpHTML += "<option value=\""+tmp+"\" selected>"+tmp+"</option>";
	}else{
		tmpHTML += "<option value=\""+tmp+"\">"+tmp+"</option>";
	}
}
if(isIE){
	document.getElementById("coDateM").outerHTML = '<select id="coDateM" onChange="chCo();">' + tmpHTML + "</select>";
}else{
	document.getElementById("coDateM").innerHTML = tmpHTML;
}

myDate    = myD.getDate();
myDate = (myDate < 10) ? "0"+myDate : myDate;
tmpHTML="";
for(i=1;i<=31;i++){
	var tmp = (i < 10) ? "0"+i : i;
	if(myDate == tmp){
		tmpHTML += "<option value=\""+tmp+"\" selected>"+tmp+"</option>";
	}else{
		tmpHTML += "<option value=\""+tmp+"\">"+tmp+"</option>";
	}
}
if(isIE){
	document.getElementById("coDateD").outerHTML = '<select id="coDateD" onChange="chCo();">' + tmpHTML + "</select>";
}else{
	document.getElementById("coDateD").innerHTML = tmpHTML;
}

tmpHTML="";
for(i=1;i<=10;i++){
	tmpHTML += "<option value=\""+i+"\">"+i+"部屋</option>";
}
if(isIE){
	document.getElementById("room").outerHTML = '<select id="room">' + tmpHTML + "</select>";
}else{
	document.getElementById("room").innerHTML = tmpHTML;
}

function chCi() {
	var ciDate = new Date(document.getElementById("ciDateY").options[document.getElementById("ciDateY").selectedIndex].value,
		document.getElementById("ciDateM").options[document.getElementById("ciDateM").selectedIndex].value-1,
		document.getElementById("ciDateD").options[document.getElementById("ciDateD").selectedIndex].value);
	document.getElementById("ciDateY").selectedIndex = ciDate.getFullYear()-myYear;
	document.getElementById("ciDateM").selectedIndex = ciDate.getMonth();
	document.getElementById("ciDateD").selectedIndex = ciDate.getDate()-1;
	ciDate.setDate(ciDate.getDate() + 1);
	document.getElementById("coDateY").selectedIndex = ciDate.getFullYear()-myYear;
	document.getElementById("coDateM").selectedIndex = ciDate.getMonth();
	document.getElementById("coDateD").selectedIndex = ciDate.getDate()-1;
}

function chCo() {
	var coDate = new Date(document.getElementById("coDateY").options[document.getElementById("coDateY").selectedIndex].value,
		document.getElementById("coDateM").options[document.getElementById("coDateM").selectedIndex].value-1,
		document.getElementById("coDateD").options[document.getElementById("coDateD").selectedIndex].value);
	document.getElementById("coDateY").selectedIndex = coDate.getFullYear()-myYear;
	document.getElementById("coDateM").selectedIndex = coDate.getMonth();
	document.getElementById("coDateD").selectedIndex = coDate.getDate()-1;
}

function fnc_src_reserve() {
	if(!document.getElementById("ciDateY").value || !document.getElementById("ciDateM").value || !document.getElementById("ciDateD").value){
		alert("チェックイン日を選択してください。");
		return false;
	}
	if(!document.getElementById("coDateY").value || !document.getElementById("coDateM").value || !document.getElementById("coDateD").value){
		alert("チェックアウト日を選択してください。");
		return false;
	}
	var ciDate = new Date(document.getElementById("ciDateY").options[document.getElementById("ciDateY").selectedIndex].value,
		document.getElementById("ciDateM").options[document.getElementById("ciDateM").selectedIndex].value-1,
		document.getElementById("ciDateD").options[document.getElementById("ciDateD").selectedIndex].value);
	ciDate.setSeconds(1);
	var coDate = new Date(document.getElementById("coDateY").options[document.getElementById("coDateY").selectedIndex].value,
		document.getElementById("coDateM").options[document.getElementById("coDateM").selectedIndex].value-1,
		document.getElementById("coDateD").options[document.getElementById("coDateD").selectedIndex].value);
	var thisDate = new Date();
	thisDate.setHours(0);
	thisDate.setMinutes(0);
	thisDate.setSeconds(0);
	if(ciDate < thisDate){
		alert("チェックイン日が過去の日付に指定されています。");
		return false;
	}
	if(ciDate >= coDate){
		alert("チェックアウト日はチェックイン日より後の日付にしてください。");
		return false;
	}
	if(!document.getElementById("otona").value){
		alert("人数を選択してください。");
		return false;
	}
	if(!document.getElementById("room").value){
		alert("部屋数を選択してください。");
		return false;
	}
	url="";
	url=url+"http://jalhotels.rwiths.net/r-withs/tfs0020a.do?hotelNo=16683";
	url=url+"&ciDateY="+document.getElementById("ciDateY").value;
	url=url+"&ciDateM="+document.getElementById("ciDateM").value;
	url=url+"&ciDateD="+document.getElementById("ciDateD").value;
	url=url+"&coDateY="+document.getElementById("coDateY").value;
	url=url+"&coDateM="+document.getElementById("coDateM").value;
	url=url+"&coDateD="+document.getElementById("coDateD").value;
	url=url+"&otona="+document.getElementById("otona").value;
	url=url+"&room="+document.getElementById("room").value;
	win = window.open(url,"_blank");
	win.focus();
}