// Title: Timestamp 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
//------------------------------------------------------------------------------

function show_calendar(str_target, str_datetime, str_target2) 
{
	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_next_year = new Date(dt_datetime);
	dt_next_year.setYear(dt_datetime.getFullYear()+1);

    var dt_prev_year = new Date(dt_datetime);
	dt_prev_year.setYear(dt_datetime.getFullYear()-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" +
      "<link rel=\"stylesheet\" href=\"stylesheet.css\" type=\"text/css\" />\n" +
      "<title>Calendar</title>\n" +
		"<style>"+
	  "td {font-family: Tahoma, Verdana, sans-serif; font-size: 12px;}"+
		"</style> "+
		
		"</head>\n" +
		"<body bgcolor=\"white\" leftmargin=1 topmargin=1 marginwidth=1 marginheight=1>\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 colspan=2 bgcolor=\"#4682B4\"><a href=\"javascript:window.opener.show_calendar('" +
		str_target+"', '"+ dt2dtstr(dt_prev_year)+"', '"+ str_target2+"');\">" +
		"<img src=\"/graphics/prev_year.gif\" width=\"16\" height=\"16\" border=\"0\"" +
		" alt=\"previous month\" /></a><a href=\"javascript:window.opener.show_calendar('" +
		str_target+"', '"+ dt2dtstr(dt_prev_month)+"', '"+ str_target2+"');\">" +
		"<img src=\"/graphics/cal_prev.gif\" width=\"16\" height=\"16\" border=\"0\"" +
		" alt=\"previous month\" /></a></td>\n" +
		"	<td bgcolor=\"#4682B4\" align=\"center\" colspan=\"3\">" +

		"<span class=\"white\"><b><font face=Verdana size=2>" 
		+arr_months[dt_datetime.getMonth()]+" "+dt_datetime.getFullYear()+"</font></b></span></td>\n"+
		"	<td bgcolor=\"#4682B4\" colspan=2 align=\"right\"><a href=\"javascript:window.opener.show_calendar('"
		+str_target+"', '"+dt2dtstr(dt_next_month)+"', '"+ str_target2+"');\">"+
		"<img src=\"/graphics/cal_next.gif\" width=\"16\" height=\"16\" border=\"0\""+
		" alt=\"next month\" /></a><a href=\"javascript:window.opener.show_calendar('"
		+str_target+"', '"+dt2dtstr(dt_next_year)+"', '"+ str_target2+"');\">"+
		"<img src=\"/graphics/next_year.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 class=\"white\" bgcolor=\"#87CEFA\" align=\"center\"><font face=Verdana size=2>"+
		week_days[(n_weekstart+n)%7]+"</font></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\"><font face=Verdana size=2>";
         }
         else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
			// weekend days
         {
            str_buffer += "	<td bgcolor=\"#DBEAF5\" width=\"14%\" align=\"center\"><font face=Verdana size=2>";
         }
         else
			// print working days of current month
         {
            str_buffer += "	<td bgcolor=\"white\" width=\"14%\" align=\"center\"><font face=Verdana size=2>";
         }

         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)+"'; javascript:window.opener."+str_target2+
					".value='"+dt2dtstr(dt_current_day)+"';window.close();\">"+
               "<font color=\"black\" face=\"tahoma, verdana\" size=\"2\">";
         }
         else 
			// print days of other months
         {
            str_buffer += "<font face=Verdana size=2>"+
					"<font color=\"gray\" face=\"tahoma, verdana\" size=\"2\">";
         }
      //   else 
			// print days of other months
     //    {
      //      str_buffer += "<font face=Verdana size=2><a href=\"javascript:window.opener."+str_target+
		//			".value='"+dt2dtstr(dt_current_day)+"'; window.close();\">"+
		//			"<font color=\"gray\" face=\"tahoma, verdana\" size=\"2\">";
      //   }

         str_buffer += dt_current_day.getDate()+"</font></a></font></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=205,height=210,status=no,resizable=yes,top=200,left=200");
	vWinCal.opener = self;
	vWinCal.focus();
	var calc_doc = vWinCal.document;
	calc_doc.write (str_buffer);
	calc_doc.close();
}


//------------------------------------------------------------------------------
// Convert the passed-in 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.$1-1, RegExp.$2));
}


//------------------------------------------------------------------------------
// 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();

   if (selectedMonth < 10) 
   {
      selectedMonth = "0" + selectedMonth;
   }

   if (selectedDay < 10) 
   {
      selectedDay = "0" + selectedDay;
   }

   return selectedMonth + "/" + selectedDay + "/" + selectedYear;
}