<script>//<![CDATA[
(function() {
    var fs = {
      "-1024"      : "12px",
      "1025-1280"  : "12px",
      "1281-1400"  : "14px",
      "1401-1600"  : "15px",
      "1601-"      : "15px"
    }, w = screen.width, i, s, a, z;
    for (i in fs) {
      if (/^([0-9]*)-([0-9]*)$/.test(i)) {
        a = RegExp.$1;
        z = RegExp.$2;
        if (s = ((!a || w >= a) && (!z || w <= z) && fs[i])) {
   document.write("<style type='text/css'>@media screen { body, input, select, textarea, button { font-size: "
           + s + " }}</style>");
   break;
        }
      }
    }
})();
//]]></script>
      <script src="http://www.dynarch.com/js/lib.js"></script>
        
      <script src="http://www.dynarch.com/static/JSCal2/src/js/jscal2.js"></script><script src="http://www.dynarch.com/static/JSCal2/src/js/lang/en.js"></script>
        
      <link rel="stylesheet" href="http://www.dynarch.com/static/JSCal2/src/css/jscal2.css" type="text/css" /><link rel="stylesheet" href="http://www.dynarch.com/static/JSCal2/src/css/border-radius.css" type="text/css" /><link rel="stylesheet" href="http://www.dynarch.com/static/JSCal2/src/css/gold/gold.css" type="text/css" />

<div style="clear: both"></div>
            

<table style="float: left; margin: 0 1em 1em 0"><tr><td>
<div id="calendar-container"></div>
<div id="calendar-info" style="text-align: center; margin-top: 0.3em"></div>
</td></tr></table>
<script type="text/javascript">//<![CDATA[
Calendar.setup({
      cont          : "calendar-container",
      weekNumbers   : true,
      selectionType : Calendar.SEL_MULTIPLE,
      selection     : Calendar.dateToInt(new Date()),
      showTime      : 12,
      onSelect      : function() {
          var count = this.selection.countDays();
          if (count == 1) {
              var date = this.selection.get()[0];
              date = Calendar.intToDate(date);
              date = Calendar.printDate(date, "%A, %B %d, %Y");
              $("calendar-info").innerHTML = date;
          } else {
              $("calendar-info").innerHTML = Calendar.formatString("${count:no date|one date|two dates|# dates} selected", { count: count });
          }
      },
      onTimeChange  : function(cal) {
          var h = cal.getHours(), m = cal.getMinutes();
          // zero-pad them
          if (h < 10) h = "0" + h;
          if (m < 10) m = "0" + m;
          $("calendar-info").innerHTML = Calendar.formatString("Time changed to ${hh}:${mm}", {
              hh: h,
              mm: m
          });
      }
});
//]]></script></p>