﻿// Title: Date picker
// Description: See the demo at url
// URL: http://us.geocities.com/tspicker/
// Script featured on: http://javascriptkit.com/script/script2/timestamp.shtml
// Version: 1.0
// Date: 12-05-2001 (mm-dd-yyyy)
// Author: Denis Gritcyuk <denis@softcomplex.com>; <tspicker@yahoo.com>
// Notes: Permission given to use this script in any kind of applications if
//    header lines are left unchanged. Feel free to contact the author
//    for feature requests and/or donations

//------------------------------------------------------------------------------
// Modified 2002-05-08 by Michael Luton <michaelluton@yahoo.com> 
// * Returns date in ISO standard format.
// * Removed the time component since it wasn't desired
//
// Modified 2004-01-29 by Matthew Marcus <mattymarcus@yahoo.com> 
// * Returns date in Australian/European format (dd/mm/yyyy)
//------------------------------------------------------------------------------

function show_calendar(str_target, str_datetime) 
{
	var arr_months = ["January", "February", "March", 
                     "April", "May", "June",
                     "July", "August", "September", 
                     "October", "November", "December"];

	var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
	var n_weekstart = 0; // day week starts from (normally 0 or 1)

	var dt_datetime = (str_datetime == null || str_datetime =="" ?  new Date() : str2dt(str_datetime));

	var dt_prev_month = new Date(dt_datetime);
	dt_prev_month.setMonth(dt_datetime.getMonth()-1);

	var dt_next_month = new Date(dt_datetime);
	dt_next_month.setMonth(dt_datetime.getMonth()+1);

	var dt_firstday = new Date(dt_datetime);
	dt_firstday.setDate(1);
	dt_firstday.setDate(1-(7+dt_firstday.getDay()-n_weekstart)%7);

	var dt_lastday = new Date(dt_next_month);
	dt_lastday.setDate(0);
	
	// html generation (feel free to tune it for your particular application)
	// print calendar header
	var str_buffer = new String (
      "<!DOCTYPE html\n" +
      "     PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"\n" +
      "     \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"\n" +
      ">\n" +

      "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\" lang=\"en\">\n" +
      "<head>\n" +
      "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\n" +
      "<title>Calendar</title>\n" +
		"</head>\n" +
		"<body bgcolor=\"#B1AD9C\">\n" +
		"<table cellspacing=\"0\" border=\"0\" width=\"100%\">\n" +
		"<tr><td bgcolor=\"#4682B4\">\n" +
		"<table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" width=\"100%\">\n" +
		"<tr>\n	<td bgcolor=\"#4682B4\"><a href=\"javascript:window.opener.show_calendar('" +
		str_target+"', '"+ dt2dtstr(dt_prev_month)+"');\">" +
		"<img src=\"../images/prev.gif\" width=\"16\" height=\"16\" border=\"0\"" +
		" alt=\"previous month\" /></a></td>\n" +
		"	<td bgcolor=\"#4682B4\" align=\"center\" colspan=\"5\">" +

		"<span style=\"color: white;\">" 
		+arr_months[dt_datetime.getMonth()]+" "+dt_datetime.getFullYear()+"</span></td>\n"+
		"	<td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.opener.show_calendar('"
		+str_target+"', '"+dt2dtstr(dt_next_month)+"');\">"+
		"<img src=\"../images/next.gif\" width=\"16\" height=\"16\" border=\"0\""+
		" alt=\"next month\" /></a></td>\n</tr>\n"
	);

	var dt_current_day = new Date(dt_firstday);
	// print weekdays titles
	str_buffer += "<tr>\n";
	for (var n=0; n<7; n++)
		str_buffer += "	<td style=\"color: white;\" bgcolor=\"#87CEFA\" align=\"center\">"+
		week_days[(n_weekstart+n)%7]+"</td>\n";
	// print calendar table
	str_buffer += "</tr>\n";
	while (dt_current_day.getMonth() == dt_datetime.getMonth() ||
		dt_current_day.getMonth() == dt_firstday.getMonth()) {
		// print row heder
		str_buffer += "<tr>\n";

		for (var n_current_wday=0; n_current_wday<7; n_current_wday++) 
      {
         if (dt_current_day.getDate() == dt_datetime.getDate() &&
			    dt_current_day.getMonth() == dt_datetime.getMonth())
			// print current date
         {
            str_buffer += "	<td bgcolor=\"#FFB6C1\" width=\"14%\" align=\"center\">";
         }
         else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
			// weekend days
         {
            str_buffer += "	<td bgcolor=\"#DBEAF5\" width=\"14%\" align=\"center\">";
         }
         else
			// print working days of current month
         {
            str_buffer += "	<td bgcolor=\"white\" width=\"14%\" align=\"center\">";
         }

         if (dt_current_day.getMonth() == dt_datetime.getMonth())
			// print days of current month
         {
            str_buffer += "<a href=\"javascript:window.opener."+str_target+
					".value='"+dt2dtstr(dt_current_day)+"'; window.close();\">"+
               "<span style=\"color: black;\">";
         }
         else 
			// print days of other months
         {
            str_buffer += "<a href=\"javascript:window.opener."+str_target+
					".value='"+dt2dtstr(dt_current_day)+"'; window.close();\">"+
					"<span style=\"color: gray;\">";
         }

         str_buffer += dt_current_day.getDate()+"</span></a></td>\n";
         dt_current_day.setDate(dt_current_day.getDate()+1);
		}

		// print row footer
		str_buffer += "</tr>\n";
	}
	// print calendar footer
	str_buffer +=
		"</table>\n" +
		"</td>\n</tr>\n</table>\n" +
		"</body>\n" +
		"</html>\n";

	var vWinCal = window.open("", "Calendar", 
		"width=200,height=210,status=no,resizable=yes,top=200,left=200");
	vWinCal.opener = self;
	var calc_doc = vWinCal.document;
	calc_doc.write (str_buffer);
	calc_doc.close();
}


//------------------------------------------------------------------------------
// Convert the passed-in Australian/European date string to a Date object.
//------------------------------------------------------------------------------
function str2dt (strDate) 
{
   var re_date = /^(\d+)\/(\d+)\/(\d+)$/;

   if (!re_date.exec(strDate))
   {
      return alert("Invalid Datetime format: "+ strDate);
   }

   return (new Date (RegExp.$3, RegExp.$2-1, RegExp.$1));
}


//------------------------------------------------------------------------------
// dt2dtstr
// Convert the passed-in Date object to the appropriate string format.
//------------------------------------------------------------------------------
function dt2dtstr (selectedDate) 
{
   var selectedYear = selectedDate.getFullYear();
   var selectedMonth = selectedDate.getMonth() + 1;
   var selectedDay = selectedDate.getDate();

   return selectedDay + "/" + selectedMonth + "/" + selectedYear;
}

