");
//Add to string move calendars back one month
returnString+=(" | ");
//Start for loop to build to calendars
for (j=0; j<=1; j++) {
//Conditional to increment month if first calendar is already built
if(!calSwitch) {
month++;
if(month > 11) {
month = 0;
year++;
}
else if(month < 0) {
month = 11;
year--;
}
}
//Add to string CSS attributes of all the different divs, values passed from initialized variables
returnString+=("");
//get current selected date for this month build
var selectedDate = new Date(year, month, 1, 0, 0, 0, 0);
//get days already selected for input
var stayStartDate = new Date (startDateYear, startDateMonth, startDateDay, 0, 0, 0, 0);
var stayEndDate = new Date (endDateYear, endDateMonth, endDateDay, 0, 0, 0, 0);
//get the day of the week the first day of the month starts on
var startDays = selectedDate.getDay();
//calculate how many days of week are left after last day of month
var endDays = 7 - ( ( totalDaysArray[month] + (startDays) ) % 7 );
if (endDays == 7){ endDays = 0;}
//change total days for february on leap years
if ((year%4) == 0) {totalDaysArray[1] = 29;}
//calc height and width of current calendar based on declared values
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+=("");
//start div for individual calendar based on if it id first or second
if (calSwitch) {
returnString+=(" ");
}
else {
returnString+=(" ");
}
//start calendar header
returnString+=(" ");
returnString+=(year + "年 " + monthArray[month] + "月");
returnString+=(" ");
//start current calendar layout based on calculated width and height
returnString+=("");
//get current date for comparison
var currentDate = new Date();
//set 6days ahead date
var baseSec = currentDate.getTime();
var addSec = 7 * 86400000;//days * milliseconds per day
var targetSec = baseSec + addSec;
currentDate.setTime(targetSec);
//fill in days of the week
for (var i = 0; i < 7; i++){returnString+=(" " + dayOfWeek[i] + " ");}
//fill in days before first day of month
for (var i = 0; i < startDays; i++){returnString+=("");}
//fill in dates of month, highlighting based on comparison to current date, start date and end date
for (var i = 1; i <= totalDaysArray[month]; i++){
//grab currently building day
var rollingDate = new Date (year, month, i, 0, 0, 0, 0);
if (currentDate <= rollingDate) {
//highlight duration of stay
if (rollingDate > stayStartDate && rollingDate < stayEndDate) {
returnString+=("");
}
//highlight start and end day
else if (rollingDate >= stayStartDate && rollingDate <= stayEndDate ) {
returnString+=(" ");
returnString+=("");
}
else {
//highlight unselected but valid days
returnString+=(" ");
returnString+=("");
}
//build the rest of the date div
returnString+=("" + i + "");
returnString+=(" ");
}
//make days already passed and today invalid
else {
returnString+=("");
returnString+=(i);
returnString+=(" ");
}
}
//fill in days after last date of month
for (i = 0; i < endDays; i++){returnString+=("");}
//close calendar div and dates div
returnString+=(" | ");
//get ready to make second cal or set back to first
if(calSwitch) {calSwitch = false;}
else {calSwitch = true;}
}
returnString+=("");
//Add to string move calendars forward one month
returnString+=(" | ");
returnString+=("|
| ");
//Add to string holder for bottom controls
returnString+=(" ");
//Add to string form instructions
returnString+=("チェックイン日をクリックしてから、チェックアウト日をクリックしてください。 ");
//close holder div
returnString+=(" ");
returnString+=(" | ");
returnString+=("|||