// ==UserScript==
// @name         mini_calendar5
// @namespace    http://gomaxfire.dnsdojo.com/
// @description  the 5th mini calendar
// @include      *
// ==/UserScript==

/* ユーティリティ関数郡の定義 */
/* 中略 */

/** document.getElementById() のエイリアス */
function $(id){
  return document.getElementById(id);
}

/** 
 * Element#removeChild()のエイリアス
 * $rmに与えた要素を削除する
 */

function $rm(element){
  if(element && element.parentNode)element.parentNode.removeChild(element);
}

//----------------------------------------------------
// calendar application
//----------------------------------------------------

var calendar = (function(){                // -(1)
    var frame = $div();                    // -(2)
    var table = null;
    // calendar用処理群の中で共通利用する変数群を定義
    var curDate = new Date(); //選択中の日付 -(3)
    var TODAY = new Date();
    var TODAY_YEAR = TODAY.getFullYear();
    var TODAY_MONTH = TODAY.getMonth();
    var TODAY_DATE = TODAY.getDate();
    var CSS_PREFIX = "_gcal_";
    
    function css(name){
      return CSS_PREFIX + name;
    }

    // 選択中の日付セルを処理しやすくするために
    // 日付セルにIDを付加する。そのIDをつくる関数  -(4)
    function makeDateId(d){
      return css([d.getFullYear(), 
                  f(d.getMonth() + 1), 
                  f(d.getDate())].join("-"));
      function f(n){
        return n < 10 ? "0" + n : n;
      }
    }

    // calendar処理群としてまとめたので
    // makeCalendarTableからmakeTableに名称変更
    function makeTable(){
      var DAYS = "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" ");
      $rm($(css("")));// 別の月に変更する場合のために以前の内容を破棄 -(2)
      table =  $table({id:css("")});       //-(2)
      $add(frame, table);                  //-(2)
      setMonthHeader();
      setDayHeader();
      setDates();
      setStyle();
      return frame;
  
      function setMonthHeader(){
        // curDateの年／月を使う
        var year = curDate.getFullYear();   // -(3)
        var month = curDate.getMonth() + 1; // -(3)
        $add(table, 
             $add($tr({className:css("header")}),  
                  $add($th({className:css("header"), colSpan:7}), year + "/" + month))); 
      }
      // 中略
  
      function setDates(){
        // curDate自体を動かさないように，
        // curDateを複製して表示用Dateオブジェクトとして利用する 
        var d = new Date(curDate);          // -(3)
        var nextMonth = d.getMonth() < 11 ? d.getMonth() + 1 : 0;
        d.setDate(1);
        d.setDate(-d.getDay() + 1);
        // 中略    

        /**
         * 年月日が一致したときのみ「今日」の見栄えにする
         */ 
        function setClassName(td, d){
          var buffer = [];
          if(d.getMonth() == curDate.getMonth()){ // -(3)
            buffer.push(css("onDate"));
            buffer.push(css(DAYS[d.getDay()]));
          } else {
            buffer.push(css("outDate"));
          }
          if(d.getDate() == TODAY_DATE &&
             d.getMonth() == TODAY_MONTH &&
             d.getFullYear() == TODAY_YEAR){
            buffer.push(css("today"));
          }
          td.className = buffer.join(" ");
        }
        
      }

      function setStyle(){
        var style =
        <><![CDATA[
         //中略
                   #_gcal_ td._gcal_select { //-(5)
                     color : gold;
                     font-weight : bold;
                     border-top : 1px solid white;
                     border-left : 1px solid white;
                     border-bottom : 1px solid #666666;
                     border-right : 1px solid #666666;
                     background-color:#FFFFEE;
                   }
                   ]]></>;
        GM_addStyle(style);
      }
    }

    var gPanel = null; 
    function toggleCalendar(){
      if(!gPanel) {
        gPanel = $add($div({id:"_gpanel"}), makeTable());
        $add(document.body, gPanel);
        selectDate(curDate);
      }
      with(gPanel.style){
        if(display != "block"){
          display = "block";
        } else {
          display = "none";
        }
      }
    }

    /* 図２のA部分がここにくる */
    
    // 外部インタフェースとなるオブジェクトを返す // -(1)
    return {toggle:toggleCalendar,
            nextMonth:makeGoMonthOffset(1),
            previousMonth:makeGoMonthOffset(-1),
            goToday:goToday,
            nextDate:makeGoDateOffset(1),
            previousDate:makeGoDateOffset(-1),
            nextWeek:makeGoDateOffset(7),
            previousWeek:makeGoDateOffset(-7)
    };
  })();

    /* 図２のB部分がここにくる */