var DLTTimer = function(countDivId, year, month, day, hour, minute, second)
{
    this.countDiv = document.getElementById(countDivId);
    this.year     = year;
    this.month    = month;
    this.day      = day;
    this.hour     = hour;
    this.minute   = minute;
    this.second   = second;

    this.from = new Date(year, month, day, hour, minute, second);
}

DLTTimer.prototype = {
    ln: true,

    stop: function()
    {
        this.countDiv.innerHTML = '...約束の時間は過ぎました';
        clearInterval(this.intervalId);
    },
    run : function()
    {
        var local = this;
        this.intervalId = setInterval(function()
        {
            var to = new Date();
            if (to.getTime() > local.from.getTime()) {
                //clearInterval(intervalId);
                local.stop();
                return 0;
            }
            else {
                var ts = Math.floor(to.getTime() / 1000);
                var ts_diff = Math.floor(local.from.getTime() / 1000) - ts;

                var d = Math.floor(ts_diff / (24*60*60));
                var h = Math.floor(ts_diff % (24*60*60) / (60*60));
                var m = (Math.floor(ts_diff % (24*60*60) / 60) % 60).toString();
                var s = (Math.floor(ts_diff % (24*60*60)) % 60 % 60).toString();
                var ms = Math.floor((1000 - to.getMilliseconds()) / 100).toString();
            }

            local.countDiv.innerHTML = d.toString() +'日'
                + ((local.ln) ? '<br />' : ' ')
                + h.toString() +':'
                + ('00' + m).substr(m.length, 2) +':'
                + ('00' + s).substr(s.length, 2) +'.' + ('0' + ms).substr(ms.length, 1) +'';

        }, 100);
    }
}

$(function()
{
  $("#login-form-link").click(function()
  {
    $("#login-form").fadeIn();
    $("#login-form").css("display", "inline");
  });

  $("#timerline-list li").hover(function()
  {
    $(this).css("backgroundColor", "#eff5ee");
  },
  function()
  {
    $(this).css("backgroundColor", "#ffffff");
  });

  // extend jquery plugins
  $.extend(DateInput.DEFAULT_OPTS, {
    stringToDate: function(string) {
      var matches;
      if (matches = string.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2})$/)) {
        return new Date(matches[1], matches[2] - 1, matches[3]);
      } else {
        return null;
      };
    },

    dateToString: function(date) {
      var month = (date.getMonth() + 1).toString();
      var dom = date.getDate().toString();
      if (month.length == 1) month = "0" + month;
      if (dom.length == 1) dom = "0" + dom;
      return date.getFullYear() + "-" + month + "-" + dom;
    },

    start_of_week: 0
  });

  $.extend(TimeInput.DEFAULT_OPTS, {
    build: function()
    {
      var table = '<table class="time_selector">';
      for (var hour = this.start_hour; hour <= this.end_hour; hour++)
      {
        table += '<tr>';
        for (var minute = 0; minute < 60; minute += this.minute_chunk)
        {
          table += '<td>';
          if (this.twelve_hour)
            table += (hour % 12 == 0 ? 12 : hour % 12) + ':' + this.pad(minute) + ' ' + (hour < 12 ? this.am_pm[0] : this.am_pm[1]);
          else
            table += this.pad(hour) + ':' + this.pad(minute);
          table += '</td>';
        }
        table += '</tr>';
      }
      table += '</table>';
      this.rootLayers = $(this.input).wrap(document.createElement('span'));
      this.timeSelector = $(table).insertAfter(this.input).click(this.bindToObj(function(event) {
        var time = event.target.textContent + ':00';
        if (this.input.val() != time)
          this.input.val(time).change();
        this.hide();
        return false;
      }));;

    },
    twelve_hour: false,
    start_hour: 0,
    end_hour: 23,
    minute_chunk: 10
  });
});