/* date picker */

var inputField;
var timeString = "";
var dateFormat = "YYYYmmDD";

var gYear = -1;
var gMonth = -1;

function createCalendarAddFormatDiv(field, format)
{
 if(format)
  dateFormat = format;
 initCalendar(field);
}
function createCalendarAddTimeAddFormatDiv(field, ts, format)
{
 if(format)
  dateFormat = format;
 if(ts)
  timeString = " " + ts;
 initCalendar(field);
}
function createCalendarAddTimeDiv(field, ts)
{
 if(ts)
  timeString = " " + ts;
 initCalendar(field);
}
function createCalendarDiv(field)
{
 initCalendar(field);
}

function initCalendar(field)
{
 if(removeCalendarDiv())
  return;

 inputField = field;

 inputField.onblur = function(inEvent)
 {
  //removeCalendarDiv();
 };

 var dateString = inputField.value;
 if(dateString == null || dateString.length < dateFormat.length)
  dateString = getCurrentDateString();

 var calendarDiv;

 calendarDiv = document.createElement("div");
 calendarDiv.style.zIndex = "200";
 calendarDiv.style.position = "absolute";
 calendarDiv.style.cursor = "hand";

 var posArray = getPosition();
 calendarDiv.style.left = (posArray[0]-40) + "px";
 calendarDiv.style.top = posArray[1] + "px";
 calendarDiv.style.opacity = "1";
 calendarDiv.style.repeat = "repeat";
 calendarDiv.style.border = "4px solid #79B4FB";
 calendarDiv.classname = "calendarActiveScript";
 calendarDiv.id = "calendarActiveScript";
 calendarDiv.style.width = "175";
 calendarDiv.style.height = "170";
 calendarDiv.style.backgroundColor="white";
 calendarDiv.style.autocomplete = "off";

 calendarDiv.innerHTML = getCalendarDivHtml(dateString);
 document.body.appendChild(calendarDiv);
}

function getPosition()
{
 var x = inputField.offsetLeft;
 var y = inputField.offsetTop + 20;
 var obj = inputField.offsetParent;

 while(obj.offsetParent)
 {
  x += obj.offsetLeft;
  y += obj.offsetTop;
  obj = obj.offsetParent;
 }

 var temp = [x,y];
 return temp;
}

function getCalendarDivHtml(dateString)
{
 var dateArray = getDateArray(dateString);
 var html;
 var bgColor;
 var t = new Date();

 gYear  = Number(dateArray[0]);
 gMonth = Number(dateArray[1]);

 html  = "<table width='175' align='center' border='0' style='border-collapse:collapse; font-family: arial; font-size:12px; color:#000000;' cellspacing='0' bgcolor='#eeeeee' cellpadding='0'>";
 html += "<tr width='175' height='25' align='center' bgcolor='#478FE0' valign='middle'>";
 //html += " <td width='25' onmouseover=\"this.style.backgroundColor='#C7CFCD'\" onmouseout=\"this.style.backgroundColor='#478FE0'\" onmousedown=\"setCalendarYear(getDateStringByFormat(gYear, gMonth, ''), -1);\" style='cursor:pointer;'><font color='#FFFFFF'><b>\<\<</fotn></td>";
 html += " <td width='25' onmouseover=\"this.style.backgroundColor='#C7CFCD'\" onmouseout=\"this.style.backgroundColor='#478FE0'\" onmousedown=\"setCalendarMonth(getDateStringByFormat(gYear, gMonth, ''), -1);\" style='cursor:pointer;'><font color='#FFFFFF'><b>\<</fotn></td>";
 html += " <td colspan=5 style='color=#ffffff'>" + dateArray[0] + "年 " + dateArray[1] + "月</td>";
 html += " <td width='25' onmouseover=\"this.style.backgroundColor='#C7CFCD'\" onmouseout=\"this.style.backgroundColor='#478FE0'\" onmousedown=\"setCalendarMonth(getDateStringByFormat(gYear, gMonth, ''), 1);\" style='cursor:pointer;'><font color='#FFFFFF'><b>\></fotn></td>";
 //html += " <td width='25' onmouseover=\"this.style.backgroundColor='#C7CFCD'\" onmouseout=\"this.style.backgroundColor='#478FE0'\" onmousedown=\"setCalendarYear(getDateStringByFormat(gYear, gMonth, ''), 1);\" style='cursor:pointer;'><font color='#FFFFFF'><b>\>\></fotn></td>";
 html += "</tr>";

 html += "<tr width='175' height='25' align='center' bgcolor='#ABCCF1' valign='middle' style='font-weight: bold;'>";
 html += " <td style='color:red'>日</td><td>月</td><td>火</td><td>水</td><td>木</td><td>金</td><td style='color:blue'>土</td></tr><tr>";
 html += "</tr>";

 var firstdate = new Date(dateArray[0], dateArray[1]-1, 1);
 var firstday = firstdate.getDay();
 var lastDate = getLastDate(dateArray[0], dateArray[1]);
 var writeDate = 1 - firstday;

 for(var i = 0 ; i < 6 ; i++)
 {
  html += "<tr width='175' align='center' bgcolor='#FFFFFF' valign='middle' align='center'>";

  for(var j = 0 ; j < 7 ; j++)
  {
	 if(t.getFullYear()==dateArray[0]&&(t.getMonth()+1)==dateArray[1]&&writeDate== t.getDate()) { bC1 = "#FFB74A"; bC2 = "#FFC875"; } // today
	 else                                                                                       { bC1 = "#B9DCFF"; bC2 = "#FFFFFF"; } // today

	html += "<td bgcolor='" + bC2 + "' width='25' height='20' ";

	if(Number(writeDate) > 0 && Number(writeDate) <= 31) html += "onmousedown=\"setDataSelect('"+getDateStringByFormat(gYear, gMonth, writeDate)+"');\" style='cursor:pointer;' ";
	if(((gYear >= (t.getFullYear()+1)) || (gMonth >= (t.getMonth()+1)))) html += "onmousedown=\"setDataSelect('"+getDateStringByFormat(gYear, gMonth, writeDate)+"');\" style='cursor:pointer;' ";

	if(writeDate >= 1 && writeDate <= lastDate) html +="onmouseover=\"this.style.backgroundColor='" + bC1 + "'\" onmouseout=\"this.style.backgroundColor='" + bC2 + "'\">";
	else                                        html += ">";
	
	
	if(j==0)      html += "<font color='#ff6666'>"; // sunday
	else if(j==6) html += "<font color='#0569E2'>"; // saterday
	else          html += "<font color='#333333'>"; // mon ~ fri

	if(writeDate < 1 || writeDate > lastDate) html += "&nbsp;";
	else                                      html += "" + writeDate;

	if(j==0 || j==6)
	html += "</font>";

	html += "</td>";

	writeDate++;
  }
  html += "</tr>";

  if(writeDate > lastDate)
   break;
 }
 html += "</table>";

 return html;
}

function getCurrentDateString()
{
 var now = new Date();

 return getDateStringByFormat(now.getFullYear(), now.getMonth()+1, now.getDate());
}

function getDateStringByFormat(y, m, d)
{
 y = Number(y);
 m = Number(m);
 d = Number(d);
 var yString = y.toString();
 var mString = (m<10 ? "0" : "") + m.toString();
 var dString = (d<10 ? "0" : "") + d.toString();

 var dateStringResult = dateFormat;
 dateStringResult = dateStringResult.replace(/yyyy/gi, yString);
 dateStringResult = dateStringResult.replace(/mm/gi, mString);
 dateStringResult = dateStringResult.replace(/dd/gi, dString);

 return dateStringResult;
}

function getDateArray(s)
{
 var a = new Array(3);
 var yIndex = dateFormat.toLowerCase().indexOf("yyyy");
 var mIndex = dateFormat.toLowerCase().indexOf("mm");
 var dIndex = dateFormat.toLowerCase().indexOf("dd");

 a[0] = s.substring(yIndex, yIndex + "yyyy".length);
 a[1] = s.substring(mIndex, mIndex + "mm".length);
 a[2] = s.substring(dIndex, dIndex + "dd".length);

 return a;
}

function getLastDate(year, month)
{
 if(month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12)
  return 31;
 else if(month == 4 || month == 6 || month == 9 || month == 11)
  return 30;

 if((year%4 == 0) && (year%100 != 0) || (year%400 == 0))
  return 29;

 return 28;
}

function setDataSelect(dateString)
{
 var dateArray = getDateArray(dateString);
 var dateStringResult = getDateStringByFormat(dateArray[0], dateArray[1], dateArray[2])
 dateStringResult += timeString;

 inputField.value = dateStringResult;
 removeCalendarDiv();
}

function setCalendarYear(dateString, changeY)
{
 var dateArray = getDateArray(dateString);
 dateArray[0] = Number(dateArray[0]) + changeY;
 document.getElementById("calendarActiveScript").innerHTML = getCalendarDivHtml(getDateStringByFormat(dateArray[0], dateArray[1], dateArray[2]));
}
function setCalendarMonth(dateString, changeM)
{
 var dateArray = getDateArray(dateString);
 dateArray[1] = Number(dateArray[1]) + changeM;
 if(dateArray[1]<1)
 {
  dateArray[0] = Number(dateArray[0]) - 1;
  dateArray[1] = 12 + Number(dateArray[1]);
 }
 else if(dateArray[1]>12)
 {
  dateArray[0] = Number(dateArray[0]) + 1;
  dateArray[1] = Number(dateArray[1]) - 12;
 }

 document.getElementById("calendarActiveScript").innerHTML = getCalendarDivHtml(getDateStringByFormat(dateArray[0], dateArray[1], dateArray[2]));
}

function removeCalendarDiv()
{
 if(document.getElementById("calendarActiveScript") != null)
 {
  var e = document.getElementById("calendarActiveScript");
  document.body.removeChild(e);

  return true;
 }

 return false;
}