﻿var calHidden=true;var calSwitch=true;var startEndSwitch=true;var startDateYear=0;var startDateMonth=0;var startDateDay=0;var endDateYear=0;var endDateMonth=0;var endDateDay=0;var lengthOfStay=0;var monthArray=['1','2','3','4','5','6','7','8','9','10','11','12'];var totalDaysArray=[31,28,31,30,31,30,31,31,30,31,30,31];var dayOfWeek=["日","月","火","水","木","金","土"];var IE=false;if((document.all)&&(navigator.userAgent.indexOf('Opera')==-1))
{IE=true;}
function displayCalendar(year,month){var dateHeight=15;var dateWidth=20;var dateBorder=1;var dateMargin=2;var dateBorderColor="gray";var dateBackgroundColor="white";var dateBackgroundColor2="#EBEBEB";var dateBackgroundColor3="#9B9B9B";var dateFontSize=10;var dateFontColor="black";var dateFontFamily="arial";var calBorder=0;var calBorderColor="gray";var calBackgroundColor="white";var calFontSize=14;var calFontColor="gray";var calFontFamily="arial";var popBorder=1;var popBorderColor="gray";var popBackgroundColor="white";var popFontSize=14;var popFontColor="gray";var popFontFamily="arial";var calIcon="/app_themes/SheratonWaikikiJP/img/toppage/calendar.gif";var calIconId;var calXIcon=0;var calYIcon=0;if(IE){dateFontSize--;calFontSize--;popFontSize--;calXIcon=Math.floor(calXIcon*.5);calYIcon=Math.floor(calYIcon*.5);}
if(year==0&&month==0){var d=new Date();year=d.getFullYear();month=d.getMonth();}
var returnString;returnString=("<a href='#' onClick='showCalendar();return false;' style='margin: 0px; padding: 0px ;cursor:pointer'>");returnString+=("<img src='"+calIcon+"' id='calIcon' border='0'/>");returnString+=("</a> ");returnString+=("<div id='calendarPop' class='calPop'>");returnString+=("<table width='450' cellpadding='0' cellspacing='0'>");returnString+=("<tr>");returnString+=("<td width='19'>");returnString+=("<div style='float:left'><a href='#' onClick='changeMonth("+year+", "+(month-1)+");return false;' style='cursor:pointer'><img src='/app_themes/SheratonWaikikiJP/img/toppage/calLeft.gif' id='calLeft' border='0' /></a></div>");returnString+=("</td>");for(j=0;j<=1;j++){if(!calSwitch){month++;if(month>11){month=0;year++;}
else if(month<0){month=11;year--;}}
returnString+=("<style type='text/css'>");returnString+=(".calendarBoxInner { width: "+dateWidth+"px; height: "+dateHeight+"px; margin: "+dateMargin+"px; border-style: solid; border-color: "+dateBorderColor+"; border-width: "+dateBorder+"px; background-color:"+dateBackgroundColor+"; float: left; text-align: center; font-family: "+dateFontFamily+"; font-size: "+dateFontSize+"px; color: "+dateFontColor+"; overflow: hidden}");returnString+=(".bigCalBox { border-style: solid; overflow:hidden; border-color: "+calBorderColor+"; border-width: "+calBorder+"px; background-color:"+calBackgroundColor+"; text-align: center; font-family: "+calFontFamily+"; font-size: "+calFontSize+"px; color: "+calFontColor+";}");returnString+=(".calPop { z-index:100; overflow:hidden; padding: 10px; margin-top:"+calYIcon+"px; margin-left:"+calXIcon+"px; position: absolute; float:left; visibility: hidden; border-style: solid; border-color: "+popBorderColor+"; border-width: "+popBorder+"px; background-color:"+popBackgroundColor+"; float: left; text-align: center; font-family: "+popFontFamily+"; font-size: "+popFontSize+"px; color: "+popFontColor+";}");returnString+=(".calendarBox { overflow: hidden; border-style: solid; border-width: "+calBorder+"px; border-color: "+calBorderColor+"; background-color:"+calBackgroundColor+";}");returnString+=(".unavailableCalendarBoxInner { width: "+dateWidth+"px; height: "+dateHeight+"px; margin: "+dateMargin+"px; border-style: solid; border-width: "+dateBorder+"px; float: left; text-align: center; font-family: "+dateFontFamily+"; font-size: "+dateFontSize+"px; color: "+dateFontColor+"; background-color: "+dateBackgroundColor2+"; border-color: "+calBackgroundColor+"}");returnString+=(".noDayCalendarBoxInner { width: "+dateWidth+"px; height: "+dateHeight+"px; margin: "+dateMargin+"px; border-style: solid; border-width: "+dateBorder+"px; float: left; text-align: center; font-family: "+dateFontFamily+"; font-size: "+dateFontSize+"px; color: "+dateFontColor+"; background-color: "+calBackgroundColor+"; border-color: "+calBackgroundColor+"}");returnString+=(".calPop a:link {color: "+dateFontColor+"; text-decoration: none;} .calPop a:hover { color: "+dateFontColor+"; text-decoration: none;} .calPop a:visited {color: "+dateFontColor+"; text-decoration: none;}")
returnString+=("</style>");var selectedDate=new Date(year,month,1,0,0,0,0);var stayStartDate=new Date(startDateYear,startDateMonth,startDateDay,0,0,0,0);var stayEndDate=new Date(endDateYear,endDateMonth,endDateDay,0,0,0,0);var startDays=selectedDate.getDay();var endDays=7-((totalDaysArray[month]+(startDays))%7);if(endDays==7){endDays=0;}
if((year%4)==0){totalDaysArray[1]=29;}
var totalBoxes=startDays+totalDaysArray[month]+endDays;var variable1=(totalBoxes/7)+1;var variable2=variable1*2;var calBoxHeight=(dateHeight*variable1)+(dateMargin*variable2)+(dateBorder*variable2)+3;var calBoxWidth=(dateWidth*7)+(dateMargin*14)+(dateBorder*14)+2;returnString+=("<td  width='206' align='center' valign='top'>");if(calSwitch){returnString+=("<div id='startC' class='bigCalBox' style='width:"+calBoxWidth+"px'>");}
else{returnString+=("<div id='endC' class='bigCalBox' style='width:"+calBoxWidth+"px'>");}
returnString+=("<div class='calendarTitle' style='width:"+calBoxWidth+"px'>");returnString+=(year+"年 "+monthArray[month]+"月");returnString+=("</div>");returnString+=("<div class='calendarBox' style='height:"+calBoxHeight+"px; width:"+calBoxWidth+"px'>");var currentDate=new Date();var baseSec=currentDate.getTime();var addSec=3*86400000;var targetSec=baseSec+addSec;currentDate.setTime(targetSec);for(var i=0;i<7;i++){returnString+=("<div class='calendarBoxInner' style='padding-top:3px; text-align:center'>"+dayOfWeek[i]+"</div>");}
for(var i=0;i<startDays;i++){returnString+=("<div class='noDayCalendarBoxInner'></div>");}
for(var i=1;i<=totalDaysArray[month];i++){var rollingDate=new Date(year,month,i,0,0,0,0);if(currentDate<=rollingDate){if(rollingDate>stayStartDate&&rollingDate<stayEndDate){returnString+=("<div class='calendarBoxInner' style='background-color: "+dateBackgroundColor2+"'>");}
else if(rollingDate>=stayStartDate&&rollingDate<=stayEndDate){returnString+=("<div class='calendarBoxInner' style='background-color: "+dateBackgroundColor3+"'>");}
else{returnString+=("<div class='calendarBoxInner'>");}
returnString+=("<a href='#' onClick='changeDate("+year+", "+month+", "+i+");return false;' style='cursor:pointer'>"+i+"</a>");returnString+=("</div>");}
else{returnString+=("<div class='unavailableCalendarBoxInner'>");returnString+=(i);returnString+=("</div>");}}
for(i=0;i<endDays;i++){returnString+=("<div class='noDayCalendarBoxInner'></div>");}
returnString+=("</div>");returnString+=("</div>");returnString+=("</td>");if(calSwitch){calSwitch=false;}
else{calSwitch=true;}}
returnString+=("<td width='19'>");returnString+=("<div style='float:none;'><a href='#' onClick='changeMonth("+year+", "+(month)+");return false;' style='cursor:pointer'><img src='/app_themes/SheratonWaikikiJP/img/toppage/calRight.gif' id='calRight' border='0' /></a></div>");returnString+=("</td>");returnString+=("</tr>");returnString+=("<tr>");returnString+=("<td colspan='4' align='center'>");returnString+=("<div style='float:none; text-align:center; font-size: "+dateFontSize+"px; color: "+calFontColor+"; font-family: "+dateFontFamily+"; width:100%; margin-top: 5px;'>");returnString+=("チェックイン日をクリックしてから、チェックアウト日をクリックしてください。  ");returnString+=("</div>");returnString+=("</td>");returnString+=("</tr>");returnString+=("</table>");returnString+=("<div style='text-align:right; width:450px; font-size: "+dateFontSize+"px; color: "+calFontColor+"; font-family: "+dateFontFamily+";margin-right:-5px; margin-top:-15px;'>");returnString+=("<a href='#' onClick='submit_form()'><!--<img src='../img/toppage/calNext.gif' id='calNext' border='0' />//--></a>");returnString+=("</div>");returnString+=("<div style='text-align:right; width:450px; margin-top:10px; margin-right:-5px; margin-bottom:-5px; font-size: "+dateFontSize+"px; color: "+calFontColor+"; font-family: "+dateFontFamily+";'>");returnString+=("<a href='#' onClick='clearCalendar();return false;' style='cursor:pointer' >クリア</a>");returnString+=(" | ");returnString+=("<a href='#' onClick='showCalendar();return false;' style='cursor:pointer' >閉じる</a>");returnString+=("</div>");returnString+=("</div>");return returnString;}
function changeDate(year,month,day){if(month>11){month=11;}
if(day>totalDaysArray[month]){day=totalDaysArray[month];}
if(year>2100){year=2100;}
if(endDateYear==0&&endDateMonth==0&&endDateDay==0){startDateYear=year;startDateMonth=month;startDateDay=day;endDateYear=year;endDateMonth=month;endDateDay=day;startEndSwitch=false;}
else if(startEndSwitch){startDateYear=year;startDateMonth=month;startDateDay=day;startEndSwitch=false;}
else{endDateYear=year;endDateMonth=month;endDateDay=day;startEndSwitch=true;}
var testStart=new Date(startDateYear,startDateMonth,startDateDay,0,0,0,0);var testEnd=new Date(endDateYear,endDateMonth,endDateDay,0,0,0,0);if(!(testStart>testEnd)&&!(testStart<testEnd)){startDateYear=year;startDateMonth=month;startDateDay=day;endDateYear=year;endDateMonth=month;endDateDay=day;startEndSwitch=false;}
if(testStart>testEnd){endDateYear=startDateYear;endDateMonth=startDateMonth;endDateDay=startDateDay;startDateYear=year;startDateMonth=month;startDateDay=day;startEndSwitch=false;}
var startChosenDate=startDateYear+"-"+formatNumber(startDateMonth+1)+"-"+formatNumber(startDateDay);var startChosenDateString=startDateYear+"/"+(startDateMonth+1)+"/"+startDateDay+"";var endChosenDate=endDateYear+"-"+formatNumber(endDateMonth+1)+"-"+formatNumber(endDateDay);var endChosenDateString=endDateYear+"/"+(endDateMonth+1)+"/"+endDateDay+"";if(IE){document.getElementById('arrivalDate').value=startChosenDate;document.getElementById('cin').value=startChosenDateString;document.getElementById('departureDate').value=endChosenDate;document.getElementById('cout').value=endChosenDateString;}
else{document.forms['form1'].elements['arrivalDate'].value=startChosenDate;document.forms['form1'].elements['cin'].value=startChosenDateString;document.forms['form1'].elements['departureDate'].value=endChosenDate;document.forms['form1'].elements['cout'].value=endChosenDateString;}
var sMonthCompare=new Date(startDateYear,startDateMonth,startDateDay,0,0,0,0);var eMonthCompare=new Date(endDateYear,endDateMonth,endDateDay,0,0,0,0);var day_divide=1000*60*60*24;lengthOfStay=Math.ceil((eMonthCompare.getTime()-sMonthCompare.getTime())/(day_divide));if(IE){document.getElementById('lengthOfStay').value=lengthOfStay;}
else{document.forms['form1'].elements['lengthOfStay'].value=lengthOfStay;}
var newCalendar=displayCalendar(startDateYear,startDateMonth);document.getElementById("Calendar").innerHTML=newCalendar;calHidden=true;showCalendar();}
function changeMonth(year,month){if(month==-1){year=year-1;month=11;}
else if(month==12){year=year+1;month=0;}
var newCalendar=displayCalendar(year,month);document.getElementById("Calendar").innerHTML=newCalendar;calHidden=true;showCalendar();}
function showCalendar(){if(calHidden){document.getElementById("calendarPop").style.visibility="visible";calHidden=false;}
else{document.getElementById("calendarPop").style.visibility="hidden";calHidden=true;}}
function clearCalendar(){startDateYear=0;startDateMonth=0;startDateDay=0;endDateYear=0;endDateMonth=0;endDateDay=0;lengthOfStay=0;if(IE){document.getElementById('arrivalDate').value="";document.getElementById('cin').value="";document.getElementById('departureDate').value="";document.getElementById('cout').value="";document.getElementById('lengthOfStay').value="";startEndSwitch=true;}
else{document.forms['form1'].elements['arrivalDate'].value="";document.forms['form1'].elements['cin'].value="";document.forms['form1'].elements['departureDate'].value="";document.forms['form1'].elements['cout'].value="";document.forms['form1'].elements['lengthOfStay'].value="";startEndSwitch=true;}
var newCalendar=displayCalendar(startDateYear,startDateMonth);document.getElementById("Calendar").innerHTML=newCalendar;calHidden=true;showCalendar();}
function checkDate(x){if(x){startEndSwitch=true;var currentFormat;if(IE){currentFormat=document.getElementById('cin').value;}
else{currentFormat=document.forms['form1'].elements['cin'].value;}
checkDateSub(currentFormat);startEndSwitch=false;}
else{startEndSwitch=false;var currentFormat
if(IE){currentFormat=document.getElementById('cout').value;}
else{currentFormat=document.forms['form1'].elements['cout'].value;}
checkDateSub(currentFormat);startEndSwitch=true;}}
function checkDateSub(currentFormat){var shortFormat=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{2}$/;var longFormat=/^\d{1,2}(\-|\/|\.)\d{1,2}\1\d{4}$/;var japaneseShort=/^\d{2}(\-|\/|\.|年)\d{1,2}(\-|\/|\.|月)\d{1,2}(\-|\/|\.|日)$/;var japaneseLong=/^\d{4}(\-|\/|\.|年)\d{1,2}(\-|\/|\.|月)\d{1,2}(\-|\/|\.|日)$/;var splitter=/\-|\/|\.|年|月|日/;if(shortFormat.exec(currentFormat)){var splitDate=currentFormat.split(splitter);changeDate("20"+splitDate[2],Math.round(splitDate[0])-1,Math.round(splitDate[1]));}
else if(longFormat.exec(currentFormat)){var splitDate=currentFormat.split(splitter);changeDate(splitDate[2],Math.round(splitDate[0])-1,Math.round(splitDate[1]));}
else if(japaneseShort.exec(currentFormat)){var splitDate=currentFormat.split(splitter);changeDate("20"+splitDate[0],Math.round(splitDate[1])-1,Math.round(splitDate[2]));}
else if(japaneseLong.exec(currentFormat)){var splitDate=currentFormat.split(splitter);changeDate(splitDate[0],Math.round(splitDate[1])-1,Math.round(splitDate[2]));}
else
{var myDate=new Date();var nowSec=myDate.getTime()
var addSec=3*86400000;var targetSec=nowSec+addSec;myDate.setTime(targetSec);if(startEndSwitch){if(myDate.getDate()==totalDaysArray[myDate.getMonth()]){changeDate(myDate.getFullYear(),myDate.getMonth()+1,1);}
else{changeDate(myDate.getFullYear(),myDate.getMonth(),myDate.getDate()+1);}}
else{if(myDate.getDate()==totalDaysArray[myDate.getMonth()]){changeDate(myDate.getFullYear(),myDate.getMonth()+1,3);}
else{changeDate(myDate.getFullYear(),myDate.getMonth(),myDate.getDate()+3);}}}}
function formatNumber(x){if(x>0&&x<10){x="0"+x;}
return x;}
function submit_form(){if(IE){document.getElementById('roomOccupancyTotal').value=document.getElementById('numberOfAdults').value;}
else{document.forms['form1'].elements['roomOccupancyTotal'].value=document.forms['form1'].elements['numberOfAdults'].value;}
document.form1.submit();}
function submitToMyrez(){window.location.href="https://reservation.my-rez.com/booking.aspx?hid=22&langid=2&checkin="+document.forms['form1'].cin.value+"&checkout="+document.forms['form1'].cout.value+"&rooms="+document.forms['form1'].rooms.value+"&adults="+document.forms['form1'].elements['numberOfAdults'].value+"&children="+document.forms['form1'].elements['numberOfChildren'].value;return false;}
