// ==UserScript==
// @name           WatchItLater
// @namespace      https://github.com/segabito/
// @description    動画を見る前にマイリストに登録したいGreasemonkey (Chrome/Fx用)
// @include        http://www.nicovideo.jp/*
// @include        http://i.nicovideo.jp/*
// @include        http://ch.nicovideo.jp/*
// @include        http://ext.nicovideo.jp/thumb/*
// @exclude        http://ads*.nicovideo.jp/*
// @exclude        http://live*.nicovideo.jp/*
// @exclude        http://dic.nicovideo.jp/*
// @exclude        http://www.upload.nicovideo.jp/*
// @exclude        http://upload.nicovideo.jp/*
// @exclude        http://ch.nicovideo.jp/tool/*
// @exclude        http://flapi.nicovideo.jp/*
// @match          http://www.nicovideo.jp/*
// @match          http://ch.nicovideo.jp/*
// @match          http://i.nicovideo.jp/*
// @match          http://api.ce.nicovideo.jp/api/v1/system.unixtime?
// @match          http://*.nicovideo.jp/*
// @match          http://ext.nicovideo.jp/*
// @match          http://search.nicovideo.jp/*
// @grant          GM_xmlhttpRequest
// @version        1.141120
// @downloadURL none
// ==/UserScript==


//
// * ver 1.140524
// * ver 1.140522
// - 本家のサムネイル仕様変更に対応

// * ver 1.140428
// - 本家の仕様変更で使えなくなっていた、プレイリストのブックマーク保存機能を復活

// * ver 1.140319
// - 謎の技術によって、ニコメンドがなくても説明文の動画リンクにサムネイルを出せるように
// - 細かなスタイル調整

// * ver 1.140303
// - 動画選択画面で再生リストの開閉が記憶されなくなったのに対抗
// - 動画切換え時に一番上までスクロールするようになったのに対抗
// - 本家の内部仕様変更(jQuery ver up等)に対応

// * ver 1.140227
// - タグ検索のソート順が毎回リセットされるようになったのに対抗

// * ver 1.140218
// - コメント重複を勝手に直してたけど不要になったので除去
// - 二本目以降の動画だけ自動再生を追加

// * ver 1.140207
// - テレビちゃんメニューの表示修正
// - スレッドIDのリンクからもタグを取得できるように(watchページ内のみ)
// - マイリスト選択メニュー部分の右クリックでとりマイの位置に戻る隠し機能

// * ver 1.140122
// - テレビちゃんメニューをShinjukuWatch仕様に

// * ver 1.140110
// - 検索フォームのオートコンプリートを調整
// - ニコメンドまわりのコード除去
// - 微妙にNicorenizerとの相性を改善

(function() {
  var isNativeGM = true;
  var monkey =
  (function(isNativeGM) {
    var w;
    try { w = unsafeWindow || window; } catch (e) { w = window;}
    var document = w.document;
    var require = (function() {
      var require = w.require || function() {};
      if (!require.defined) {
        require.defined = function() { return false; };
      }
      return require;
    })();
    var $ = require.defined('jquery') ? w.require('jquery') : w.jQuery;
    var _ = require.defined('lodash') ? w.require('lodash') : w._;
    var jQuery = $;
    var WatchApp   = require.defined('WatchApp')   ? require('WatchApp')   : w.WatchApp;
    var PlayerApp  = require.defined('PlayerApp')  ? require('PlayerApp')  : w.PlayerApp;
    var WatchJsApi = require.defined('WatchJsApi') ? require('WatchJsApi') : w.WatchJsApi;

    var conf = {
      autoBrowserFull: false, // 再生開始時に自動全画面化
      disableAutoBrowserFullIfNicowari: false, // ユーザーニコ割があるときは自動全画面化しない
      autoNotFull: true, // 再生完了時にフルスクリーン解除(原宿と同じにする)
      autoTagPin: false,
      topPager: true, // 検索ボックスのページャを上にする
      hideLeftIchiba: false,
      autoClosePlaylistInFull: true, // 全画面時にプレイリストを自動で閉じる
      autoOpenSearch: false, // 再生開始時に自動検索画面
      autoScrollToPlayer: true, // プレイヤー位置に自動スクロール(自動全画面化オフ時)
      hideNewsInFull: true, // 全画面時にニュースを閉じる
      wideCommentPanel: false, // コメントパネルをワイドにする
      removeLeftPanel: true, // 左パネルを消滅させる
      leftPanelJack: false, // 左パネルに動画情報を表示
      rightPanelJack: true, // 右パネルに動画情報を表示
      headerViewCounter: false, // ヘッダに再生数コメント数を表示
      popupViewCounter: 'full', // 動画切り替わり時にポップアップで再生数を表示
      ignoreJumpCommand: false, // @ジャンプ無効化
      nicoSSeekCount: -1, // @ジャンプによるシーク(ループなど)を許可する回数 -1=無限 0以上はその回数だけ許可
      doubleClickScroll: true, // 空白部分ををダブルクリックで動画の位置にスクロールする
      hidePlaylist: true, // プレイリストを閉じる
      hidePlaylistInVideoExplorer: true, // 動画選択画面でプレイリストを閉じる
      hidariue: false, // てれびちゃんメニュー内に、原宿以前のランダム画像復活
      videoExplorerHack: true, // 検索画面を乗っ取る
      squareThumbnail: true, // 検索画面のサムネを4:3にする
      enableFavTags: false, // 動画検索画面にお気に入りタグを表示
      enableFavMylists: false, // 動画検索画面にお気に入りマイリストを表示
      searchPageItemCount: 50, // 検索モードの1ページあたりの表示数
      enableMylistDeleteButton: false, // 動画検索画面で、自分のマイリストから消すボタンを追加する
      enableHoverPopup: true, // 動画リンクのマイリストポップアップを有効にする
      enableAutoTagContainerHeight: true, // タグが2行以内なら自動で高さ調節(ピン留め時のみ
      autoSmallScreenSearch: false, // ポップアップからのタグ検索でもプレイヤーを小さくする
      enableNewsHistory: false, // ニコニコニュースの履歴を保持する
      defaultSearchOption: '', // 検索時のデフォルトオプション
      autoPlayIfWindowActive: 'no', // 'yes' = ウィンドウがアクティブの時だけ自動再生する
      autoPlay2ndVideo: false, // 2本目以降の動画だけ自動再生
      enableYukkuriPlayButton: false, // スロー再生ボタンを表示する
      noNicoru: false, // ニコるボタンをなくす
      enoubleTouchPanel: false, // タッチパネルへの対応を有効にする
      mouseClickWheelVolume: 0, // マウスボタン+ホイールで音量調整を有効にする 1 = 左ボタン 2 = 右ボタン
      enableQTouch: false, // タッチパネルモード有効
      commentVisibility: 'visible', // 'visible', 'hidden', 'lastState'
      lastCommentVisibility: 'visible',
      controllerVisibilityInFull: '', // 全画面時に操作パネルとコメント入力欄を出す設定
      enableTrueBrowserFull: false, // フチなし全画面モードにする (Chromeは画面ダブルクリックで切り替え可能)
      enableSharedNgSetting: false, //
      hideNicoNews: false, // ニコニコニュースを消す
      hashPlaylistMode: 0,    // location.hashにプレイリストを保持 0 =無効 1=連続再生時 2=常時
      storagePlaylistMode: '', // localStorageにプレイリストを保持
      compactVideoInfo: true, //
      hoverMenuDelay: 0.4, // リンクをホバーした時のメニューが出るまでの時間(秒)
      enableFullScreenMenu: true, // 全画面時にホイールでメニューを出す
      enableHeatMap: false, //
      heatMapDisplayMode: 'hover', // 'always' 'hover'
      replacePopupMarquee: true, //
      enableRelatedTag: true, // 関連タグを表示するかどうか
//      playerTabAutoOpenNicommend: 'enable', // 終了時にニコメンドを自動で開くかどうか 'enable' 'auto' 'disable'
      autoPauseInvisibleInput: true, //
      customPlayerSize: '', //
      removeCommentPanelHoverEvent: false, //
      disableVideoExplorer: false, //
      disableTagReload: false, //
      disableHorizontalScroll: false, // 横スクロールバーを出なくする
      hideCommentPanelSocialButtons: false, // コメントパネル下のソーシャルボタンを隠す
      mylistPanelPosition: '',
      enableDescriptionThumbnail: true, // 説明文の動画リンクにサムネイルとタイトル表示
      fullscreenMenuLevel: 0, // フルスクリーン時のメニュー表示

      enableLocalMylistCache: false,

      rankingCategory_g_ent2_Close:     true,
      rankingCategory_g_life2_Close:    true,
      rankingCategory_g_tech_Close:     true,
      rankingCategory_g_culture2_Close: true,
      rankingCategory_g_other_Close:    true,

      searchEngine:              'sugoi', // 'normal' 'sugoi'
      searchStartTimeRange:      '', //
      searchLengthSecondsRange:  '', //
      searchCommentCountRange:   '', //
      searchMusicDlFilter:       false, //

      hideVideoExplorerExpand: true, // 「動画をもっと見る」ボタンを小さくする
//      nicommendVisibility: 'visible', // ニコメンドの表示 'visible', 'underIchiba', 'hidden'
      ichibaVisibility:    'visible', // 市場の表示 '',   'visible', 'hidden'
      reviewVisibility:    'visible', // レビューの表示   'visible', 'hidden'
      bottomContentsVisibility: 'hidden', // 動画下のコンテンツ表示表示非表示
      hideMenuInFull: 'hide', // 全画面時にマイリストメニューを隠す '', 'hide' = 目立たなくする, 'hideAll' = 完全非表示

      flatDesignMode: '',  // 'on' グラデーションや角丸をなくす。 7/25からQwatchがフラットデザインになったので不要になった
      playerBgStyle: '',  // ￪ の後継パラメータ 'gray' 'white' ''

      shortcutTogglePlay:         {char: 'P', shift: false, ctrl: false, alt: true,  enable: false}, // 停止/再生
      shortcutDefMylist:          {char: 'M', shift: true,  ctrl: false, alt: false, enable: false}, // とりマイ登録のショートカット
      shortcutMylist:             {char: 'M', shift: false, ctrl: true , alt: false, enable: false}, // マイリスト登録のショートカット
      shortcutOpenSearch:         {char: 'S', shift: true,  ctrl: false, alt: false, enable: false}, // 検索オープンのショートカット
      shortcutOpenDefMylist:      {char: 'D', shift: true,  ctrl: false, alt: false, enable: false}, // とりマイオープンのショートカット
      shortcutOpenRecommend:      {char: 'R', shift: true,  ctrl: false, alt: false, enable: false}, // 関連動画(オススメ)を開くショートカット
      shortcutCommentVisibility:  {char: 'V', shift: true,  ctrl: false, alt: false, enable: false}, // コメント表示ON/OFFのショートカット
      shortcutScrollToNicoPlayer: {char: 'P', shift: true,  ctrl: false, alt: false, enable: false}, // プレイヤーまでスクロールのショートカット
      shortcutShowOtherVideo:     {char: 'U', shift: true,  ctrl: false, alt: false, enable: false}, // 投稿者の関連動画表示のショートカット
      shortcutMute:               {char: 'T', shift: true,  ctrl: false, alt: false, enable: false}, // 音量ミュートのショートカット
      shortcutDeepenedComment:    {char: 'B', shift: true,  ctrl: false, alt: false, enable: false}, // コメント背面表示
      shortcutToggleStageVideo:   {char: 'H', shift: true,  ctrl: false, alt: false, enable: false}, // ハードウェアアクセラレーション(StageVideo)のショートカット

      shortcutInvisibleInput:     {char: 'C', shift: false, ctrl: false,  alt: true, enable: true}, // 停止/再生

      initializeImmediately: !true, // 動画のロードを待たずに初期化する

      watchCounter: 0, // お前は今までに見た動画の数を覚えているのか？をカウントする
      forceEnableStageVideo: false,
      forceExpandStageVideo: false,
      enableAutoPlaybackContinue: false, // 一定時間操作しなかくても自動再生を続行
      lastLeftTab: 'videoInfo',
      lastRightTab: 'w_videoInfo',
      lastRightTabInExplorer: 'comment',
      lastControlPanelPosition: '',
      enableSortTypeMemory: true, // 検索のソート順を記憶する
      searchSortType: 'n', //
      searchSortOrder: 'd', // 'd'=desc 'a' = asc
      fxInterval: 40, // アニメーションのフレームレート 40 = 25fps
      enableGpuLayer: false, // 一部の要素でGPU描画を有効にしてみる？
      debugMode: false
    };


  //===================================================
  //===================================================
  //===================================================

    function addStyle(styles, id) {
      var elm = document.createElement('style');
      window.setTimeout(function() {
        elm.type = 'text/css';
        if (id) { elm.id = id; }

        var text = styles.toString();
        text = document.createTextNode(text);
        elm.appendChild(text);
        var head = document.getElementsByTagName('head');
        head = head[0];
        head.appendChild(elm);
      }, 0);
      return elm;
    }

    if (!isNativeGM) {
      this.GM_xmlhttpRequest = function(options) {
        try {
          var req = new XMLHttpRequest();
          var method = options.method || 'GET';
          req.onreadystatechange = function() {
            if (req.readyState === 4) {
              if (typeof options.onload === "function") options.onload(req);
            }
          };
          req.open(method, options.url, true);
          if (options.headers) {
            for (var h in options.headers) {
              req.setRequestHeader(h, options.headers[h]);
            }
          }

          req.send(options.data || null);
        } catch (e) {
          if (conf.debugMode) console.log(e);
        }
      };
    }

  (function() { // 各ページ共通
    var __css__ = (function() {/*
      .tagItemsPopup {
        background: #eef;
      }
      .popupMenu {
        position: absolute;
        min-width: 200px;
        font-Size: 12pt;
        z-index: 2000000;
        box-shadow: 2px 2px 2px #888;
      }
      .popupMenu ul,   .popupMenu ul li {
        position: relative;
        list-style-type: none;
        margin: 0; padding: 0;
        white-space: nowrap;
      }
      .tagItemsPopup .icon{
        width: 17px;
        height: 15px;
      }
      .tagItemsPopup .nicodic, .tagItemsPopup .newsearch {
        margin: 1px 4px 1px 1px;
      }
      .tagItemsPopup .nicodic:hover, .tagItemsPopup .newsearch:hover {
        margin: 0px 3px 0px 0px;
        border: 1px outset;
      }

      .mylistListPopup {
        position:absolute;
        background: #fff;
        overflow: visible;
        padding: 8px;
        border: 1px outset #333;
        transition: opacity 0.3s ease;
      }
      .mylistListPopup.popupMenu ul li {
        position: relative;
        margin: 2px 8px;
        overflow-y: visible;
      }
      .mylistListPopup:not(.show) {
        left: -9999px;
        top: -9999px;
        opacity: 0;
      }
      .mylistListPopup.show {
        opacity: 1;
      }
      .mylistListPopup .listInner {
        -webkit-column-width: auto; -moz-column-width: auto;
        -webkit-column-count: 1 !important; {* Chromeだけバグるので *}
      }
      .mylistListPopup .icon {
        display: inline-block;
        width: 18px;
        height: 14px;
        margin: -4px 4px 0 0;
        vertical-align: middle;
        margin-right: 15px;
        background: url("http://uni.res.nimg.jp/img/zero_my/icon_folder_default.png") no-repeat scroll 0 0 transparent;
        transform: scale(1.5); -webkit-transform: scale(1.5);
        transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0;
        transition: transform 0.1s ease, box-shadow 0.1s ease;
        -webkit-transition: -webkit-transform 0.1s ease, box-shadow 0.1s ease;
        cursor: pointer;
      }
      .mylistListPopup .icon:hover {
        background-color: #ff9;
        transform: scale(2); -webkit-transform: scale(2);
      }
      .mylistListPopup .icon:after {
        content: '開く';
        position: absolute;
        bottom: 0px;
        right: 12px;
        padding: 2px;
        opacity: 0;
        transform: scale(0.5); -webkit-transform: scale(0.5);
        z-index: -1;
      }
       .mylistListPopup .icon:hover:after {
                {*box-shadow: 2px 2px 2px #888;*}
        background: #fff;
        z-index: 100;
        opacity: 1;
      }
      .mylistListPopup .deflist .icon { background-position: 0 -253px; }
      .mylistListPopup .folder1 .icon { background-position: 0 -23px;}
      .mylistListPopup .folder2 .icon { background-position: 0 -46px;}
      .mylistListPopup .folder3 .icon { background-position: 0 -69px;}
      .mylistListPopup .folder4 .icon { background-position: 0 -92px;}
      .mylistListPopup .folder5 .icon { background-position: 0 -115px;}
      .mylistListPopup .folder6 .icon { background-position: 0 -138px;}
      .mylistListPopup .folder7 .icon { background-position: 0 -161px;}
      .mylistListPopup .folder8 .icon { background-position: 0 -184px;}
      .mylistListPopup .folder9 .icon { background-position: 0 -207px;}


      .mylistListPopup .name {
        display: inline-block;
        vertical-align: middle;
        font-size: 110%;
        color: #666;
        text-derocation: none !important;
      }
      .mylistListPopup .name:hover {
        color: #000;
        background-color: #ff9;
      }
      .mylistListPopup .name:after {
        content: ' に登録';
        font-size: 75%;
        color: #fff;
      }
      .mylistListPopup .name.exist:after {
        content: ' に登録済';
        color: #933;
      }
      .mylistListPopup .name:hover:after {
        color: #666;
      }

    {* マイリスト登録パネル *}
      .mylistPopupPanel {
        height: 24px;
        z-index: 10000;
        {*border: 1px solid silver;
        border-radius: 3px; *}
        padding: 0;
        margin: 0;
        overflow: hidden;
        display: inline-block;
        background: #eee;
      }
      .mylistPopupPanel.fixed {
        position: fixed; right: 0; bottom: 0;
        transition: right 0.1s ease-out;
      }
      .mylistPopupPanel.fixed.left {
        right: auto;
        left: 0;
      }
      .mylistPopupPanel.fixed.top {
        bottom: auto;
        top: 0;
      }

      .mylistPopupPanel.fixed>* {
        transition: opacity 0.1s ease-out;
      }
      .mylistPopupPanel>*>* {
        transition: background 0.5s ease 0.5s, color 0.5s ease 0.5s;
      }
        .full_with_browser .mylistPopupPanel,   .mylistPopupPanel.black {
          background: #000; border: 0;
        }
        body.full_with_browser .mylistPopupPanel *,body .mylistPopupPanel.black.fixed * {
          background: #000; color: #888; border-color: #333;
        }
        .full_with_browser                  .mylistPopupPanel.hideAllInFull{
          display: none;
        }
        .full_with_browser.fullWithPlaylist .mylistPopupPanel.hideInFull,
        .full_with_browser.fullWithPlaylist .mylistPopupPanel.hideAllInFull {
          display: block;
        }
        .full_with_browser .mylistPopupPanel.hideInFull.fixed:not(:hover) {
          right: -100px;
          transition: right 0.8s ease-in-out 0.5s;
        }
        .full_with_browser .mylistPopupPanel.hideInFull.fixed.left:not(:hover) {
          left: -100px; right: auto;
          transition: left 0.8s ease-in-out 0.5s;
        }
        .full_with_browser .mylistPopupPanel.hideInFull:not(:hover)>*{
          opacity: 0;
          transition: opacity 0.3s ease-out 1s;
        }
      .mylistPopupPanel.w_touch {
        height: 40px;
      }
      iframe.popup {
        position: absolute;
      }
    {* マウスホバーで出るほうのマイリスト登録パネル *}
      .mylistPopupPanel.popup {
        position: absolute;
        z-index: 1000000;
        box-shadow: 2px 2px 2px #888;
      }
    {* マイリスト登録パネルの中の各要素 *}
      .mylistPopupPanel .mylistSelect {
        width: 64px;
        margin: 0;
        padding: 0;
        font-size: 80%;
        white-space: nowrap;
        {*background: #eee;*}
        border: 1px solid silver;
      }
        .mylistSelect:focus {
          border-style: outset;
        }
    {* 誤操作を減らすため、とりマイの時だけスタイルを変える用 *}
      .mylistPopupPanel.w_touch button {
        padding: 8px 18px;
      }
      .mylistPopupPanel.w_touch .mylistSelect {
        font-size: 170%; width: 130px; border: none;
      }
      .mylistPopupPanel.w_touch .mylistSelect:focus {
        border: 1px dotted;
      }
      .mylistPopupPanel.deflistSelected button {
      }
      .mylistPopupPanel.mylistSelected  button {
        color: #ccf;
      }
      .mylistPopupPanel button {
        margin: 0;
        font-weight: bolder;
        cursor: pointer;
      }
      .mylistPopupPanel button:active, #outline .playlistToggle:active, #outline .openVideoExplorer:active, #content .openConfButton:active {
        border:1px inset !important
      }
      .mylistPopupPanel button:hover, #outline .playlistToggle:hover, #outline .openVideoExplorer:hover, #outline .openConfButton:hover, #yukkuriPanel .yukkuriButton:hover {
        border:1px outset
      }
      .mylistPopupPanel .mylistAdd, .mylistPopupPanel .tagGet, #yukkuriPanel .yukkuriButton {
        border:1px solid #777; cursor: pointer; font-family:arial, helvetica, sans-serif; padding: 0px 4px 0px 4px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #eee; background-color: #888; margin: 0;
      }
      .mylistPopupPanel .mylistAdd:focus, .mylistPopupPanel .tagGet:focus, #yukkuriPanel .yukkuriButton:focus {
        border-style: outset; color: orange;
      }
      .mylistPopupPanel.deflistSelected {
        color: #ff9;
      }
      .mylistPopupPanel .deflistRemove, #yukkuriPanel .yukkuriButton.active{
        border:1px solid #ebb7b7; font-family:arial, helvetica, sans-serif; padding: 0px 6px 0px 6px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #f7e3e3;
      }
      .mylistPopupPanel.deflistSelected {
        color: #ff9;
      }
      .mylistPopupPanel .deflistRemove, #yukkuriPanel .yukkuriButton.active{
        border:1px solid #ebb7b7; font-family:arial, helvetica, sans-serif; padding: 0px 6px 0px 6px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); text-align: center; color: #FFFFFF; background-color: #f7e3e3;
      }
      .mylistPopupPanel.mylistSelected .deflistRemove {
        display: none;
      }
      .mylistPopupPanel .closeButton{
        color: #339;
        padding: 0;
        margin: 0;
        font-size: 80%;
        text-decoration: none;
      }
      .mylistPopupPanel .newTabLink{
        padding: 0 2px; text-decoration: underline; text-shadow: -1px -1px 0px #442B2B;
      }
      .mylistPopupPanel.fixed .newTabLink, .mylistPopupPanel.fixed .closeButton {
        display: none;
      }
      .w_fullScreenMenu .mylistPopupPanel.fixed { bottom: 2px; }

      {* ポイントが無いときは表示しない *}
      .item:not(.silver):not(.gold) .uadContainer {
        display: none !important;
      }

      .xDomainLoaderFrame {
        width: 1px;
        height: 1px;
        position: fixed;
        top: -100px;
        left: -100px;
        border: 0;
        overflow: hidden;
      }

    */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1]
        .replace(/\{\*/g, '/*').replace(/\*\}/g, '*/');
     addStyle(__css__, 'watchItLaterCommonStyle');
 })(); // end of commoncss




  (function() { // watchページだけのstyle
    if (!WatchJsApi) { return; }
    var __css__ = (function() { /*
    {* 動画タグとプレイリストのポップアップ *}
      #videoTagPopupContainer {
      }
      #videoTagPopupContainer.w_touch {
        line-height: 200%; font-size: 130%;
      }
      #videoTagPopupContainer.w_touch .nicodic{
        margin: 4px 14px;
      }
      .playlistMenuPopup {
        background: #666; color: white; padding: 4px 8px;
      }
      .playlistMenuPopup.w_touch {
        line-height: 250%;
      }
      #playlistSaveDialog {
        display: none;
      }
      #playlistSaveDialog.show {
        display: block;
      }
      #playlistSaveDialog.show .shadow{
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        background: #000; opacity: 0.5;
        z-index: 30000;
      }
      #playlistSaveDialog.show .formWindow{
        position: fixed;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        top: 45%;
        z-index: 30001;
      }
      #playlistSaveDialog      .formWindow .formWindowInner{
        -webkit-transition: opacity 1s ease-out;
        transition: opacity 1s ease-out;
        opacity: 0;
      }
      #playlistSaveDialog.show .formWindow .formWindowInner{
        text-align: left;
        opacity: 1;
        margin: 0 auto;
        background: #f4f4f4;
        width: 500px;
        padding: 8px;
        border: 1px solid;
      }
      #playlistSaveDialog.show .formWindow .formWindowInner a{
        font-weight: bolder;
      }
      #playlistSaveDialog.show .formWindow .formWindowInner a:hover{
        text-decoration: underline; background: white;
      }
      #playlistSaveDialog.show .formWindow .formWindowInner label{
        margin: 8px;
      }
      #playlistSaveDialog.show .formWindow .formWindowInner input{

      }
      #playlistSaveDialog.show .formWindow .formWindowInner .desc{
        font-size: 80%;
      }
      .playlistMenuPopup ul li {
        cursor: pointer;
      }
      .playlistMenuPopup ul li.savelist {
        color: #aaa;
      }
      .playlistMenuPopup ul li:hover {
        text-decoration: underline; background: #888;
      }
      #yukkuriPanel .yukkuriButton.active {
        border:1px inset
      }

      #content .openConfButton {
        border:1px solid #bbb; cursor: pointer; font-family:arial, helvetica, sans-serif; padding: 4px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); text-align: center; color: #444; background-color: #ccc; margin: 0;
      }
      #outline .playlistToggle, #outline .openVideoExplorer, #outline .openConfButton {
        border:1px solid #444; cursor: pointer; font-family:arial, helvetica, sans-serif; padding: 0px 4px 0px 4px; box-shadow: 1px 1px 0 rgba(0,0,0,0.3); text-align: center; color: #444; background-color: #ccc; margin: 0;
        height: 24px; border-radius: 0 0 8px 8px;
      }
      #outline .openConfButton { padding: 0 8px; letter-spacing: 4px; width: 60px; }

      {* 全画面時にプレイリスト表示 *}
      body.full_with_browser.fullWithPlaylist #playlist{
        z-index: 100 !important;
        display: block !important;
        position: absolute;
        bottom: 0;
      }
      body.full_with_browser.fullWithPlaylist .browserFullOption{
        display: none !important;
      }
      body.full_with_browser.fullWithPlaylist #content.playlist #playerContainerWrapper {
        margin-bottom: 167px !important;
      }


      {* 少しでも縦スクロールを減らすため、動画情報を近づける。人によっては窮屈に感じるかも *}
      #outline {
        margin-top: -16px;
      }
      #outline #feedbackLink{

      }
      #outline .videoEditMenuExpand{
        position: absolute;right: 0;top: 26px; z-index: 1;
      }
      {* ヘッダに表示する再生数 *}
      #videoCounter {
        color: #ff9; font-size: 70%;
      }
      {* 右に表示する動画情報 *}
      .sidePanel .sideVideoInfo, .sidePanel .sideIchibaPanel, .sidePanel .sideReviewPanel  {
        padding: 0px 0px 0 0px; width: 196px; height: 100%; z-index: 10019;
        position:absolute; top:0; right:0; border: 1px solid #000;
        overflow-x: visible; overflow-y: auto;
      }
      {* 右に表示する動画情報 *}
      #playerTabWrapper.sidePanel .sideVideoInfo, #playerTabWrapper.sidePanel .sideIchibaPanel, #playerTabWrapper.sidePanel .sideReviewPanel  {
        padding: 0px 0px 0 0px; width: 324px; height: 100%;
        position: absolute; top: 0; right:0;
      }

      body:not(.full_with_browser) .w_wide #playerTabWrapper .sideVideoInfo,
      body:not(.full_with_browser) .w_wide #playerTabWrapper .sideIchibaPanel,
      body:not(.full_with_browser) .w_wide #playerTabWrapper .sideReviewPanel,
      .videoExplorer #playerTabWrapper .sideVideoInfo,
      .videoExplorer #playerTabWrapper .sideIchibaPanel,
      .videoExplorer #playerTabWrapper .sideReviewPanel {
        width: 418px;
      }
      #playerTabWrapper.w_videoInfo #appliPanel, #playerTabWrapper.w_ichiba #appliPanel, #playerTabWrapper.w_review #appliPanel  {
        top: -9999px;
      }
      .sidePanel .sideVideoInfo {
        background: #f4f4f4; text-Align:   left; overflow-x: hidden; overflow-Y: auto; box-shadow: none; font-size: 90%; border: 1px solid black;
      }
      .sidePanel .sideIchibaPanel, .sidePanel .sideReviewPanel  {
        background: #f4f4f4; text-Align: center; overflow-x: hidden; overflow-Y: auto; box-shadow: none; font-size: 90%;
      }
      .sidePanel .sideVideoInfo .sideVideoInfoInner {
        padding: 0 4px; position: relative;
      }
      .sidePanel .sideVideoInfo .videoTitleContainer {
        background: #ddd; text-align: center;  color: #000; margin: 6px 6px 0;
        border: solid; border-width: 2px 2px 0; border-color: #888;
      }
      .sidePanel .sideVideoInfo .videoOwnerInfoContainer {
        margin: 0 6px; border: solid; border-width: 0 2px 0; border-color: #888;
      }
      .sidePanel .sideVideoInfo .videoThumbnailContainer {
        background: #ddd; text-align: center; color: #000; margin: 0;
      }
      .sidePanel .sideVideoInfo .videoThumbnailContainer img {
        cursor: pointer;
      }
      .sidePanel .sideVideoInfo .videoTitle {
        padding: 8px;
      }
      .sidePanel .sideVideoInfo .videoPostedAt {
        color: #333;
      }
      .sidePanel .sideVideoInfo .videoStats{
        font-size:90%;
      }
      .sidePanel .sideVideoInfo .videoStats li{
        display: inline-block; margin: 0 2px;
      }
      .sidePanel .sideVideoInfo .videoStats li span{
        font-weight: bolder;
      }
      .sidePanel .sideVideoInfo .videoStats .ranking{
        display: none !important;
      }
      .sidePanel .sideVideoInfo .videoInfo{
        background: #ddd; text-align: center; padding: 4px; margin: 0 6px 6px;
        border: solid; border-width: 0 2px 2px; border-color: #888;
      }
      .sideVideoInfo .sideVideoInfoInner{
        -webkit-transition: opacity 1s ease-out, color 3s ease-out;
        transition: opacity 1s ease-out, color 3s ease-out;
        opacity: 0;
      }
      .sideVideoInfo.show .sideVideoInfoInner{
        opacity: 1;
      }
      .videoCount.blink {
        color: #ccc;
      }
      .sidePanel .videoCountDiff {
        position: absolute; color: white; right: 0; opacity: 0; z-index: 100; text-shadow: 1px 1px 0 orange;
      }
      .sidePanel .videoCountDiff.blink {
        opacity: 1; color: white;
      }
      #siteHeader .videoCount, #siteHeader .videoCountDiff {
        min-width: 32px; text-align: right; display: inline-block;
      }
      #siteHeader .videoCountDiff, #fullScreenToggleContainer .videoCountDiff {
        position: absolute; color: yellow; opacity: 0; font-weight: bolder; text-shadow: 1px 1px 0 red;
      }
      #siteHeader .videoCountDiff.blink, #fullScreenToggleContainer .videoCountDiff.blink {
        opacity: 1; color: yellow;
      }
      .videoExplorer #siteHeaderNicopoPurchase,
      .videoExplorer #siteHeaderUserNickNameContainer,
      .size_medium #siteHeaderNicopoPurchase,
      .size_medium #siteHeaderUserNickNameContainer,
      #siteHeaderNotificationPremium {
        display: none !important;
      }
      #fullScreenToggleContainer .blink, #videoCounter .blink {
        color: #000;
      }
      .videoCountDiff:before      {content: '+';}
      .videoCountDiff.down:before {content: ''; }
      #popupMarquee .videoCountDiff {display: none;}
      .sidePanel .sideVideoInfo .videoDescription{
        overflow-x: hidden; text-align: left;
      }
      .sidePanel .sideVideoInfo .videoDescriptionInner{
        margin: 0 8px;
      }
      .sidePanel .sideVideoInfo .videoDetails{
        min-width: 150px;
      }
      .sidePanel .sideVideoInfo .videoDetails a{
        margin: auto 4px;
      }
      .sidePanel .sideVideoInfo .videoDetails a:visited{
        color: #04618c;
      }
      .sidePanel .sideVideoInfo .videoDetails a.watch{
        margin: auto 30px auto 4px;
        display:inline-block;
      }
      .sideVideoInfo .userName, .sideVideoInfo .channelName{
        display: block;
        font-size: 120%;
        cursor: pointer;
      }
      .sideVideoInfo .userIconContainer, .sideVideoInfo .channelIconContainer {
        background: #ddd; width: 100%; text-align: center; float: none;
      }
      .sidePanel .userIcon, .sidePanel .channelIcon{
        min-width: 128px; max-width: 150px; width: auto; height: auto; border: 0;
        box-shadow: 0 0 4px #666; cursor: pointer;
      }
      .sideVideoInfo .descriptionThumbnail {
        text-align: left; font-size: 90%; padding: 4px; background: #ddd;
        min-height: 50px; margin: 4px 8px; font-weight: normal; color: black;
      }
      .sideVideoInfo .descriptionThumbnail p {
        margin: 0 8px;
        font-weight: bolder;
      }
      .sideVideoInfo .descriptionThumbnail .uploadAt {
        font-size: 90%;
        margin: 4px;
        color: #333;
      }
      .sideVideoInfo .descriptionThumbnail .counterContainer {
        text-align: center;
      }
      .sideVideoInfo .descriptionThumbnail .view,
      .sideVideoInfo .descriptionThumbnail .comment,
      .sideVideoInfo .descriptionThumbnail .mylist
      {
        font-size: 90%;
        white-space: nowrap;
        margin-right: 4px;
        color: #333;
      }
      .sideVideoInfo .descriptionThumbnail .count {
        font-weight: bolder;
      }

      .sideVideoInfo .descriptionThumbnail.video img{
        height: 50px; cursor: pointer; float: left;
      }
      .sideVideoInfo .descriptionThumbnail.mylist img{
        height: 40px; cursor: pointer;
      }
      .sideVideoInfo .descriptionThumbnail.illust img{
        height: 60px; cursor: pointer;
      }
      .sideVideoInfo a.otherSite {
        font-weight: bolder; text-decoration: underline;
      }
      body:not(.videoExplorer) #leftPanel.removed {
        display: none; left: 0px;
      }
      body:not(.videoExplorer) #leftPanel.removed .sideVideoInfo {
        display: none; width: 0px !important; border: none; margin: 0; padding: 0; right: auto;
      }
      .sideVideoInfo .userIconContainer.isUserVideoPublic .notPublic { display: none; }
      .sideVideoInfo .userIconContainer                    .isPublic { display: none; }
      .sideVideoInfo .userIconContainer.isUserVideoPublic  .isPublic { display: inline; }
      body.videoExplorer #content.w_adjusted .sideIchibaPanel .ichiba_mainitem,
      .sidePanel .sideIchibaPanel .ichiba_mainitem {
        width: 180px; display:inline-block; vertical-align: top;
        margin: 4px 3px; border 1px solid silver;
      }

      body.videoExplorer #content.w_adjusted .sideIchibaPanel .ichiba_mainitem .thumbnail span {
        font-size: 60px;
      }
      body.videoExplorer #content.w_adjusted .sideIchibaPanel .ichiba_mainitem>div>dt {
        height: 50px;position: relative;
      }
      body.videoExplorer #content.w_adjusted .sideIchibaPanel .ichiba_mainitem .balloonUe {
        position: absolute;width: 100%;
      }
      body.videoExplorer #content.w_adjusted .sideIchibaPanel .ichiba_mainitem .balloonUe {
        position: absolute;
      }
      body.videoExplorer #content.w_adjusted .sideIchibaPanel .ichiba_mainitem .balloonShita {
        position: absolute;
      }

      .sidePanel.videoInfo, .sidePanel.ichiba{
        background: none;
      }

      .sideVideoInfo.isFavorite .userName:after, .sideVideoInfo.isFavorite.isChannel .videoOwnerInfoContainer .channelName:after{
        content: ' ★ '; color: gold; text-shadow: 1px 1px 1px black;
      }

      .sidePanel.videoInfo  #leftPanelContent, .sidePanel.ichiba  #leftPanelContent {
        display: none;
      }
      .sidePanel.w_comment    #playerTabContainer,
      .sidePanel.videoInfo    .sideVideoInfo,
      .sidePanel.ichiba       .sideIchibaPanel,
      .sidePanel.w_videoInfo  .sideVideoInfo,
      .sidePanel.w_ichiba     .sideIchibaPanel,
      .sidePanel.w_review     .sideReviewPanel {
        display: block; z-index: 10060;
      }
      .sidePanel:not(.w_comment) .watchWatchContainer {
        display: none;
      }

      #leftPanelTabContainer {
        display:none; background: #666; position: absolute; right: 4px; top: -27px; list-style-type: none; padding: 4px 6px 3px 60px; height: 20px;
      }
      #sidePanelTabContainer {
        display: none;
        position: absolute; list-style-type: none;
        padding: 5px 10px 0; right: -408px; top: 0; width: 350px; height: 34px;
                transform: rotate(90deg);         transform-origin: 0 0 0;
        -webkit-transform: rotate(90deg); -webkit-transform-origin: 0 0 0;
        z-index: 1000;
      }
      .full_with_browser #sidePanelTabContainer {
        background: #000 !important;
      }
      body:not(.videoExplorer):not(.full_with_browser) #sidePanelTabContainer.left {
        background: #000; right: auto; left: -375px; padding: 0; height: 27px;
                transform: rotate(-90deg);         transform-origin: 100% 0 0;
        -webkit-transform: rotate(-90deg); -webkit-transform-origin: 100% 0 0;
      }

      #leftPanelTabContainer.w_touch {
        top: -40px; height: 33px;
      }
      .sidePanel:hover #sidePanelTabContainer, .sidePanel:hover #leftPanelTabContainer {
        display: block;
      }
      #leftPanelTabContainer .tab{
        display: inline-block; cursor: pointer; background: #999; padding: 2px 4px 0px; border-width: 2px 2px 0px;
      }
        #leftPanelTabContainer.w_touch .tab, #sidePanelTabContainer.w_touch .tab {
          padding: 8px 12px 8px;
        }
      #sidePanelTabContainer .tab {
        background: none repeat scroll 0 0 #999999; border-width: 2px 2px 0; cursor: pointer;
        display: inline-block; font-size: 13px; padding: 5px 10px 8px;
        border-radius: 8px 8px 0px 0px;
      }
      body:not(.videoExplorer):not(.full_with_browser) #sidePanelTabContainer.left .tab {
        display: inline-block; font-size: 13px; padding: 5px 10px 0px;
      }
      #leftPanel.videoInfo .tab.videoInfo, #leftPanel.ichiba .tab.ichiba {
        background: #f4f4f4;    border-style: outset;
      }
      #playerTabWrapper.w_comment   .tab.comment,
      #playerTabWrapper.w_videoInfo .tab.videoInfo,
      #playerTabWrapper.w_ichiba    .tab.ichiba,
      #playerTabWrapper.w_review    .tab.review
      {
        background: #dfdfdf; border-style: outset;
      }

      #playerTabWrapper.w_videoInfo #playerCommentPanel,
      #playerTabWrapper.w_ichiba #playerCommentPanel,
      #playerTabWrapper.w_review #playerCommentPanel {
        {*display: none;*} top: -9999px;
      }
      .sidePanel.ichibaEmpty  .tab.ichiba, .sidePanel.reviewEmpty .tab.review {
        color: #ccc;
      }

      .sideIchibaPanel .ichibaPanelInner {
        margin:0; color: #666;
      }
      .sideIchibaPanel .ichibaPanelHeader .logo{
        text-shadow: 1px 1px 1px #666; cursor: pointer; padding: 4px 0px 4px; font-size: 125%;
      }
      .sideIchibaPanel .ichibaPanelFooter{
        text-align: center;
      }
      .sideIchibaPanel .ichiba_mainitem {
        margin: 0 0 8px 0; background: white; border-bottom : 1px dotted #ccc;
      }
      .sideIchibaPanel .ichiba_mainitem a:hover{
        background: #eef;
      }
      .sideIchibaPanel .ichiba_mainitem>div {
        max-width: 266px; margin: auto; text-align: center;
      }
      .sideIchibaPanel .ichiba_mainitem .blomagaArticleNP {
        background: url("http://ichiba.nicovideo.jp/embed/zero/img/bgMainBlomagaArticleNP.png") no-repeat scroll 0 0 transparent;
        height: 170px;
        margin: 0 auto;
        width: 180px;
      }
      .sideIchibaPanel .ichiba_mainitem .blomagaLogo {
        color: #FFFFFF;font-size: 9px;font-weight: bold;padding-left: 10px;padding-top: 8px;
      }
      .sideIchibaPanel .ichiba_mainitem .blomagaLogo span{
        background: none repeat scroll 0 0 #AAAAAA;padding: 0 3px;
      }
      .sideIchibaPanel .ichiba_mainitem .blomagaText {
        color: #666666;font-family: 'HGS明朝E','ＭＳ 明朝';font-size: 16px;height: 100px;
        padding: 7px 25px 0 15px;text-align: center;white-space: normal;word-break: break-all;word-wrap: break-word;
      }
      .sideIchibaPanel .ichiba_mainitem .blomagaAuthor {
        color: #666666; font-size: 11px;padding: 0 20px 0 10px;text-align: right;
      }
      .sideIchibaPanel .ichiba_mainitem .balloonUe{
        bottom: 12px; display: block; max-width: 266px;
      }
      .sideIchibaPanel .ichiba_mainitem .balloonUe a{
        background: url("/img/watch_zero/ichiba/imgMainBalloonUe.png") no-repeat scroll center top transparent;
        color: #666666 !important;
        display: block;
        font-size: 108%;
        line-height: 1.2em;
        margin: 0 auto;
        padding: 8px 15px 3px;
        text-align: center;
        text-decoration: none;
        word-wrap: break-word;
      }
      .sideIchibaPanel .ichiba_mainitem .balloonShita{
        height: 12px; bottom: 0; left: 0;
      }
      .sideIchibaPanel .ichiba_mainitem .balloonShita img{
        vertical-align: top !important;
      }
      .sideIchibaPanel .ichiba_mainitem .ichibaMarquee {
        display: none;
      }
      .sideIchibaPanel .ichiba_mainitem .thumbnail span {
        font-size: 22px; color: #0066CC;
        font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
      }
      .sideIchibaPanel .ichiba_mainitem .action {
        font-size: 85%;
      }
      .sideIchibaPanel .ichiba_mainitem .action .buy {
        font-weight: bolder; color: #f60;
      }
      .sideIchibaPanel .ichiba_mainitem .itemname {
        font-weight: bolder;
      }
      .sideIchibaPanel .ichiba_mainitem .maker {
        font-size: 77%; margin-bottom: 2px;
      }
      .sideIchibaPanel .ichiba_mainitem .price {
      }
      .sideIchibaPanel .ichiba_mainitem .action .click {
        font-weight: bolder;
      }
      .sideIchibaPanel .ichiba_mainitem .goIchiba {
        font-size: 77%; margin: 5px 0;
      }
      .sideIchibaPanel .addIchiba, .sideIchibaPanel .reloadIchiba {
        cursor: pointer;
      }
      .sideIchibaPanel .noitem {
        cursor: pointer;
      }

      #outline .bottomAccessContainer {
        position: absolute; top: 12px;
      }
      #outline .bottomConfButtonContainer {
        position: absolute; top: 12px; right: 0px;
      }
      body.videoExplorer .bottomAccessContainer{
        display: none;
      }
      #outline.under960 .bottomAccessContainer{
        right: 60px;
      }
      .watchItLaterSettingMenu {
        font-weight: bolder;
        white-space: nowrap;
      }
      #outline .sidebar {
        -webkit-transition: margin-top 0.3s ease-out;
        transition:         margin-top 0.3s ease-out;
      }
      #outline.under960 .sidebar {
        margin-top: 24px;
      }
      #videoHeader.menuClosed .watchItLaterMenu, #videoHeader.menuClosed .hidariue { display: none; }
      #videoHeader .watchItLaterMenu {
        position: absolute; width: 100px; left: -55px; top: 32px;
      }
      {* タイトルクリックでヘッダが開閉できるのをわかりやすく *}
      .videoDetailToggleButton:hover {
        text-decoration: underline;
      }
      .videoDetailToggleButton:hover:after {
        content: '▼';
        position: absolute;
        width: 32px;
        height: 20px;
        top: 0;
        bottom: 0;
        right: -32px;
        margin: auto;
        color: #888;
        font-size: 80%;
      }
      .infoActive .videoDetailToggleButton:hover:after {
        content: '▲';
      }

      {* プレイリスト出したり隠したり *}
      #playlist>* {
        -webkit-transition: opacity 0.6s; transition: opacity 0.6s;
      }
      body:not(.full_with_browser):not(.videoExplorer) #playlist.w_closing>* {
        opacity: 0;
      }
      body:not(.full_with_browser):not(.videoExplorer) #playlist:not(.w_show){
        position: absolute; top: -9999px;
      }
      #playlist.w_show{
        {*max-height: 180px;*}
      }
      .playlistToggle:after {
        content: "▼";
      }
      .playlistToggle.w_show:after {
        content: "▲";
      }

      body.videoExplorer #content.w_adjusted #playlist .playlistInformation {
        white-space: nowrap;
      }
      body.videoExplorer #content.w_adjusted #playlist .playlistInformation  .playbackOption {
        position: absolute;
      }
      body.videoExplorer #content.w_adjusted #playlist .playlistInformation  .generationMessage{
        margin-left: 90px; max-width: 350px; overflow: hidden; text-overflow: ellipsis;
      }
      body.videoExplorer #content.w_adjusted #playlist .playlistInformation .browserFullOption {
        position: absolute; right: 0; top: 0;
      }
      body.videoExplorer #content.w_adjusted #playlist .playlistInformation .browserFullOption a {
        background: #444;
      }
      #playlistContainerInner .thumbContainer, #playlistContainerInner .balloon{
        cursor: move;
      }


      {* ページャーの字が小さくてクリックしにくいよね *}
      #resultPagination {
        padding: 5px; font-weight: bolder; border: 1px dotted silter; font-size: 130%;
      }

      #playlistContainer #playlistContainerInner .playlistItem .balloon {
        bottom: auto; top: -2px; padding: auto;
      }

      body.w_channel #leftPanel .userIconContainer{
        display: none;
      }
      {* WatchItLater設定パネル *}
      #watchItLaterConfigPanel {
        position: fixed; bottom: 0px; right: 16px; z-index: 10001;
        width: 460px; padding: 0;
        transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transform-origin: 50% 0; -webkit-transform-origin: 50% 0;
        transform: scaleY(0);  -webkit-transform: scaleY(0);
      }
      #watchItLaterConfigPanel.open {
        transform: scaleY(1); -webkit-transform: scaleY(1);
      }
      #watchItLaterConfigPanelShadow {
        position: fixed; bottom: 16px; right: 16px; z-index: 10000;
        width: 460px; height: 559px; padding: 0;
        background: #000; {*box-shadow: 0 0 2px black; border-radius: 8px;*} -webkit-filter: opacity(70%);
        transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transform-origin: 50% 0; -webkit-transform-origin: 50% 0;
        transform: scaleY(0); -webkit-transform: scaleY(0);
      }
      #watchItLaterConfigPanelShadow.open {
        transform: scaleY(1); -webkit-transform: scaleY(1);
      }
      #watchItLaterConfigPanelShadowTop {
        position: fixed; bottom: 563px; right:0px; z-index: 10000; background: #333;
        width: 492px; height: 20px; padding: 0; border-radius: 32px; -webkit-filter: opacity(90%); display: none;
      }
      #watchItLaterConfigPanelOverShadow {
        position: fixed; bottom: 575px; right: 0px; width: 488px; height: 8px;
        box-shadow: 0 4px 16px #333;z-index: 10002; display: none;
      }
      #watchItLaterConfigPanel .head {
        background-color: #CCCCCC;border-radius: 0;color: black;height: 50px;
        overflow: hidden;padding: 5px 0 0 16px;position: relative;
      }
      #watchItLaterConfigPanel .head h2 {
        font-size: 135%;
      }
      #watchItLaterConfigPanel .inner{
        height: 500px; overflow-y: auto;border-width: 4px 16px 16px 16px; border-radius: 0 0 16px 16px;
        border-style: solid;border-color: #ccc;
      }
      #watchItLaterConfigPanel ul{
        border-style: inset; border-color: #ccc; border-width: 0 1px 0;
      }
      #watchItLaterConfigPanel ul.shortcutContainer{
        border-width: 0 1px 1px;
      }
      #watchItLaterConfigPanel ul.videoStart{
        border-width: 1px 1px 0;
      }
      #watchItLaterConfigPanel li{
      }
      #watchItLaterConfigPanel li:hover{
        {*background: #ddd;*}
      }
      #watchItLaterConfigPanel li.buggy{
        color: #888;
      }
      #watchItLaterConfigPanel label{
        margin: 0 5px;
      }
      #watchItLaterConfigPanel label:hover{
      }
      #watchItLaterConfigPanel .foot {
        text-align: right; padding: 0 12px;
      }
      #watchItLaterConfigPanel .closeButton{
        border: 0 none;border-radius: 0 0 4px 4px;box-shadow: 0 1px 2px white;color: #666; border: 1px solid #999;
        cursor: pointer;float: right;margin-top: 8px;position: absolute;right: 16px;
        text-shadow: 0 1px 0 white;top: -10px; width: 60px;
      }
      #watchItLaterConfigPanel.autoBrowserFull_false .disableAutoBrowserFullIfNicowari,
      #watchItLaterConfigPanel.autoBrowserFull_true .autoScrollToPlayer,
      #watchItLaterConfigPanel.autoBrowserFull_true .autoOpenSearch,
      #watchItLaterConfigPanel.removeLeftPanel_true .leftPanelJack  {
        color: #ccc; text-shadow: -1px -1px 0 #888;
      }
      #watchItLaterConfigPanel .reload .title:after {
        content: ' (※)'; font-size: 80%; color: #900;
      }
      #watchItLaterConfigPanel .debugOnly {
        display: none;
      }
      #watchItLaterConfigPanel.debugMode .debugOnly {
        display: block; background: #888;
      }
      #watchItLaterConfigPanel .section {
        border-style: solid;border-width: 10px 12px 10px 12px;color: white; font-size: 135%; position: relative;
        font-weight: bolder; cursor: pointer; {*text-shadow: 2px 2px 1px #000000;*}
        transition: border-width 0.2s ease-in-out 0.4s, color 0.3s; -webkit-transition: border-width 0.2s ease-in-out 0.4s, color 0.4s;
      }
      #watchItLaterConfigPanel .open .section {
        border-width: 20px 12px 12px 12px;
        transition: border-width 0.2s ease-in-out     ; -webkit-transition: border-width 0.2s ease-in-out     ;
      }
      #watchItLaterConfigPanel .section:hover:after {
        content: '▼';
        position: absolute; top: 0px; right: 10px; font-size: 150%;
        transition: transform 0.2s ease-in-out 0.4s; -webkit-transition: -webkit-transform 0.2s ease-in-out 0.4s;
      }
      #watchItLaterConfigPanel .open .section:after {
        content: '▼';
        position: absolute; top: 0px; right: 10px; font-size: 150%;
        transform: rotate(180deg); -webkit-transform: rotate(180deg);
        transition: transform 0.2s ease-in-out     ; -webkit-transition: -webkit-transform 0.2s ease-in-out;
      }
      #watchItLaterConfigPanel .section > div {
        padding: 8px 0 8px 12px; box-shadow: 0 0 4px black;
      }
      #watchItLaterConfigPanel .section > div > span {
        {*background: #333;*}
      }
      #watchItLaterConfigPanel li:not(.section) {
        background: #fff; border-width: 0px 0px 0px 24px; border-style: solid; border-color: #fff;
        max-height: 0px; overflow: hidden;
        transition: max-height 0.4s ease-in-out     , border-width 0.4s ease-in-out;
      }
       #watchItLaterConfigPanel .open li:not(.section) {
        max-height: 100px; border-width: 4px 0px 4px 24px;
        transition: max-height 0.4s ease-in-out 0.2s, border-width 0.4s ease-in-out 0.2s;
      }
      #watchItLaterConfigPanel .section .description{
        display: block; font-size: 80%;;
      }
      #watchItLaterConfigPanel .shortcutSetting:not(.enable) span :not(.enable){
        color: silver;
      }
      #watchItLaterConfigPanel .shortcutSetting .enable {
        cursor: pointer; margin: auto 10px;
      }
      #watchItLaterConfigPanel .shortcutSetting        .enable:before {
        content: '○ ';
      }
      #watchItLaterConfigPanel .shortcutSetting.enable .enable:before {
        content: '㋹ '; color: blue;
      }
      #watchItLaterConfigPanel .shortcutSetting      .ctrl, #watchItLaterConfigPanel .shortcutSetting     .alt, #watchItLaterConfigPanel .shortcutSetting       .shift {
        cursor: pointer; border: 2px outset; margin: 4px 4px; padding: 2px 4px; width: 180px; border-radius: 4px;background: #eee;
      }
      #watchItLaterConfigPanel .shortcutSetting.ctrl .ctrl, #watchItLaterConfigPanel .shortcutSetting.alt .alt, #watchItLaterConfigPanel .shortcutSetting.shift .shift {
        border: 2px inset; color: blue;
      }
      #watchItLaterConfigPanel .hoverMenuDelay input {
        width: 50px; ime-mode: disabled; text-align: center;
      }


      {* 動画検索画面に出るお気に入りタグ・お気に入りマイリスト *}
      .videoExplorerMenu .watchItLaterMenu.open,
      .videoExplorerMenu .watchItLaterMenu.opening {
        background: -moz-linear-gradient(center top , #D1D1D1, #FDFDFD) repeat scroll 0 0 transparent !important;
        background: -webkit-gradient(linear, left top, left bottom, from(#D1D1D1), to(#FDFDFD)) !important;
        border-bottom: 0 !important;
      }
      .videoExplorerMenu .watchItLaterMenu {
        position: relative;
        {*background: -moz-linear-gradient(center top , whitesmoke 0%, #E1E1E1 100%) repeat scroll 0 0 transparent;*}
        {*box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset;*}
        {*background: #f5f5f5;*}
        border-bottom: 1px solid #CCCCCC;
      }
      .videoExplorerMenu .watchItLaterMenu:hover{
        background: #dbdbdb;
      }
      .videoExplorerMenu .watchItLaterMenu {
        padding: 0 12px; display: block; color: black;
      }
      .videoExplorerMenu .slideMenu{
        width: 100%; height: auto !important;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        background: #fdfdfd;
        border-top: 0 !important;
        display: block;
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
      }
      .videoExplorerMenu .slideMenu.open {
        max-height: 2000px;
        transition: max-height   1s ease-in-out;
      }
      .videoExplorerMenu .toggleVideoExplorerMenu a {
        color: black; display: block;
      }
      .videoExplorerMenu .toggleVideoExplorerMenu a:after {
        content: "▼"; position: absolute; background: none; top: 0px; right: 10px; color: #ccc;
      }
      .videoExplorerMenu .toggleVideoExplorerMenu.open a:after {
        content: "▲";
      }

      .videoRankingList .isCategory {
        position: relative;
      }

      .rankingCategoryToggle {
        position: absolute;
        display: none;
        height: 20px;
        padding: 0px 8px;
        right: 14px;
        top: 0;
        cursor: pointer;
        border: 1px solid;
        color: #666;
        outline: none;
      }
      .rankingCategoryToggle::-moz-focus-inner {
        border: 0px;
      }
      .slideMenu.open  .isCategory:hover .rankingCategoryToggle {
        display: block;
      }
      .categoryClose .rankingCategoryToggle .close, .rankingCategoryToggle .open{
        display: none;
      }
      .categoryClose .rankingCategoryToggle .open{
        display: inline;
      }
      .videoRankingList li:not(.isCategory) {
        transition: max-height 0.5s;
        max-height: 50px; overflow:hidden;
        margin-left: 8px;
      }
      .videoRankingList .categoryClose:not(.isCategory) {
        max-height: 0px;
      }


      .videoExplorerMenu .slideMenu ul{
      }
      .videoExplorerMenu .slideMenu ul li{
        background: #fdfdfd; padding: 0; border: 0;font-size: 90%; height: auto !important;
      }
      .videoExplorerMenu .slideMenu ul li a{
        line-height: 165%; background: none; display: block;
      }
      .videoExplorerMenu.w_touch .slideMenu ul li a{
        line-height: 300%; font-size: 120%; color: black;
      }
        .videoExplorerMenu .slideMenu ul li a:before{
          background: url("http://uni.res.nimg.jp/img/zero_my/icon_folder_default.png") no-repeat scroll 0 0 transparent;
          display: inline-block;
          height: 14px;
          margin: -4px 4px 0 0;
          vertical-align: middle;
          width: 18px;
          content: ""
        }
        .videoExplorerMenu .slideMenu ul li          a.defMylist:before{ background-position: 0 -253px;}
        .videoExplorerMenu .slideMenu ul li.folder0  a:before{ background-position: 0 0;}
        .videoExplorerMenu .slideMenu ul li.folder1  a:before{ background-position: 0 -23px;}
        .videoExplorerMenu .slideMenu ul li.folder2  a:before{ background-position: 0 -46px;}
        .videoExplorerMenu .slideMenu ul li.folder3  a:before{ background-position: 0 -69px;}
        .videoExplorerMenu .slideMenu ul li.folder4  a:before{ background-position: 0 -92px;}
        .videoExplorerMenu .slideMenu ul li.folder5  a:before{ background-position: 0 -115px;}
        .videoExplorerMenu .slideMenu ul li.folder6  a:before{ background-position: 0 -138px;}
        .videoExplorerMenu .slideMenu ul li.folder7  a:before{ background-position: 0 -161px;}
        .videoExplorerMenu .slideMenu ul li.folder8  a:before{ background-position: 0 -184px;}
        .videoExplorerMenu .slideMenu ul li.folder9  a:before{ background-position: 0 -207px;}

        .videoExplorerMenu .slideMenu ul li.g_ent2 a:before     {  background-position: 0 -23px;}
        .videoExplorerMenu .slideMenu ul li.g_life2 a:before    {  background-position: 0 -46px;}
        .videoExplorerMenu .slideMenu ul li.g_politics a:before {  background-position: 0 -69px;}
        .videoExplorerMenu .slideMenu ul li.g_tech a:before     {  background-position: 0 -92px;}
        .videoExplorerMenu .slideMenu ul li.g_culture2 a:before {  background-position: 0 -115px;}
        .videoExplorerMenu .slideMenu ul li.g_other a:before    {  background-position: 0 -138px;}
        .videoExplorerMenu .slideMenu ul li.r18 a:before        {  background-position: 0 -207px;}
        .videoExplorerMenu .slideMenu ul li.all        a.all,
        .videoExplorerMenu .slideMenu ul li.g_ent2     a.g_ent2,
        .videoExplorerMenu .slideMenu ul li.g_life2    a.g_life2,
        .videoExplorerMenu .slideMenu ul li.g_politics a.g_politics,
        .videoExplorerMenu .slideMenu ul li.g_tech     a.g_tech,
        .videoExplorerMenu .slideMenu ul li.g_culture2 a.g_culture2,
        .videoExplorerMenu .slideMenu ul li.g_other    a.g_other,
        .videoExplorerMenu .slideMenu ul li.r18        a.r18
        { font-weight: bolder; border-top: 1px dotted #ccc; }


      .videoExplorerMenu .slideMenu ul li a:after{
        background: none !important;
      }
      .videoExplorerMenu .slideMenu ul li a:hover{
        background: #f0f0ff;
      }
      .videoExplorerMenu .slideMenu ul .reload{
        cursor: pointer; border: 1px solid; padding: 0;
      }

      .videoExplorerMenu .tagSearchHistory {
        border-radius: 0px; margin-top: 2px; padding: 4px; background: #ccc;
      }
      .videoExplorerMenu .itemList > li, #videoExplorerExpand {
        background: #f5f5f5;
      }
      .videoExplorerMenu .itemList ul > li:hover {
        background: #e7e7e7;
      }
      .videoExplorerMenu .itemList ul > li.active {
        background: #343434;
      }


      {* 動画タグが1行以下の時 *}
      body:not(.full_with_browser) .tag1Line  #videoTagContainer .tagInner #videoHeaderTagList .toggleTagEdit {
        height: 12px; padding: 6px 4px 2px;
      }
      body:not(.full_with_browser) .tag1Line  #videoTagContainer .tagInner #videoHeaderTagList .toggleTagEdit .toggleText{
        display: none;
      }
      {* 動画タグが2行以下の時 *}
      body:not(.full_with_browser) .tag2Lines #videoTagContainer .tagInner #videoHeaderTagList .toggleTagEdit {
        height: 36px;
      }
      {* タグ領域とプレイヤーの隙間をなくす *}
      body:not(.full_with_browser) #videoTagContainer, body:not(.full_with_browser) #videoHeader .videoMenuToggle {
        margin-bottom: -10px;
      }
      #videoHeaderMenu .searchContainer .searchText {
        margin-top: -8px;
      }
      #videoHeaderMenu .clear-button {
        position: absolute;
        top: -8px;
        right: 0px;
      }

      body.size_small #playerContainerWrapper {
        padding: 0;
      }

      {* ニュース履歴 *}
      body.videoExplorer #textMarquee .openNewsHistory, body.videoExplorer #textMarquee .newsHistory {
        display: none;
      }
      #textMarquee .openNewsHistory {
        position: absolute; width: 30px;
        font-size: 13px; padding: 0; margin: 0; height: 28px;
        cursor: pointer;
        bottom: 0;
        background: none repeat scroll 0 0 transparent;
        border: 1px none;
        border-radius: 2px 2px 2px 2px;
        cursor: pointer;
        right: 18px;
        z-index: 200;
      }
      #textMarquee .newsHistory {
        position: absolute;
        bottom: 0px; right: 0px; width: 100%;
        max-height: 132px;
        min-height: 40px;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 1;
        padding: 4px;
        display: none;
        background: #333;
        text-align: left;
        font-size: 14px;
        padding: 0;
      }
      #textMarquee .newsHistory li{
        padding: 0 2px;
      }
      #textMarquee .newsHistory li:nth-child(odd){
        background: #444;
      }
      #textMarquee .newsHistory li:nth-child(even){
        background: #333;
      }

      body #popupMarquee {
        width: 360px;
      }
      {* 半透明だとflashの上に来ると描画されないので強制的に黒にする(Chromeは平気) *}
      body.full_with_browser #popupMarquee.popupMarqueeBottomLeft {
        background: #000 !important; width: 400px; opacity: 1;
      }
      body.full_with_browser #playerContainer {
        margin-left: 0 !important;
      }
      body:not(.full_with_browser) #playerContainerWrapper {
        padding: 0px;
      }
      body.full_with_browser #playerContainer, body.size_small #playerContainer {
        top: auto;
      }
      body.full_with_browser.no_setting_panel .videoExplorerMenu {
        display:none;
      }


      body:not(.videoExplorer) {*#playlist:not(.nico-bucket-videoExplorer-b)*} #videoExplorerExpand {
        display: none;
      }
      #outline .openVideoExplorer {
        display: none;
      }
      #outline.w_hideSearchExpand .openVideoExplorer {
        display: inline-block;
      }

      .videoExplorerMenu .quickSearchInput {
        background: none repeat scroll 0 0 #F4F4F4;
        border: 1px inset silver;
        left: 60px;
        padding-left: 4px;
        position: absolute;
        top: 2px;
        width: 180px;
      }
      .videoExplorerMenu.w_touch .quickSearchInput {
        top: 4px; font-size: 20px;
      }
      .videoExplorerMenu .clear-button {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 4px;
        left: 250px;
        line-height: 18px;
        font-size: 16px;
        padding: 0;
        background: #e5e5e5;
        text-align: center;
        color: #999;
        cursor: pointer;
        display: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
      }

      .videoExplorerContent .contentItemList                 .column4 {
        text-align: center;
      }
      .videoExplorerContent .contentItemList                 .column4 .balloon {
        bottom: auto; top: 10px;
      }
      .videoExplorerContent .contentItemList                 .column4 .videoInformation>.info {
        font-size: 85%;
      }
      .videoExplorerContent .contentItemList                 .column4 .videoInformation>.info .info{
        color: #000;
      }
      .videoExplorerContent .contentItemList                 .column4 .videoInformationOuter {
        width: 100px; height: 48px; margin: auto; color: #666; text-align: left;
      }
      .videoExplorerBody .videoExplorerContent .contentItemList.column4 .item {
        height: 220px;
      }
      .column1 .itemMylistComment {
        font-size: 85%; color: #666; display: none;
        color: #400; border: 1px solid #ccc; padding: 0 4px 0px; line-height: 130%; border-radius: 4px;
      }
      .column1 .itemMylistComment:before {
        content: 'マイリストコメント ';
        background: #ccc; border-radius: 0 0 8px 0; display: inline-block; margin: 0 4px 4px -4px; padding: 2px;
        min-width: 100px;
      }
      .log-user-video-review .column1 .itemMylistComment {
        color: #004;
      }
      .log-user-video-review .column1 .itemMylistComment:before {
        content: 'レビュー ';
      }
      .column1 .itemMylistComment:after {
        content: '';
      }
      .column1 .itemMylistComment pre {
        font-family: inherit;
        display: inline;
        white-space: pre-wrap;
      }

      .videoExplorerContent .contentItemList                 .column1 .nicorepoOwnerIconContainer {
        display: none;
      }
      .videoExplorerContent .contentItemList .nicorepoResult .column1 .nicorepoOwnerIconContainer {
        float: right; display: block;
        padding: 24px 14px 0 4px;
      }
      .videoExplorerContent .contentItemList                 .column1 .nicorepoOwnerIconContainer img {
        height: 48px;
      }

      .videoExplorerBody.dummyMylist #searchResultContainer .favMylistEditContainer,
      .videoExplorerBody.dummyMylist:not(.ranking) #searchResultMylistSortOptions,
      .videoExplorerBody.dummyMylist .favMylistEditContainer,
      .videoExplorerBody.dummyMylist:not(.ownerNicorepo) #searchResultHeader {
        display: none !important;
      }

      .videoExplorerContent .contentItemList .thumbnailHoverMenu {
        position: absolute; padding: 0; z-index: 100;
        display: none;
        bottom: -1px; left: 0px;
      }
      .videoExplorerContent .contentItemList .deleteFromMyMylist {
        cursor: pointer; font-size: 70%; border: 1px solid #ccc; padding: 0;
        display: none;
      }
      .videoExplorerContent .contentItemList .showLargeThumbnail {
        cursor: pointer; font-size: 70%; border: 1px solid #ccc;;
      }
      .videoExplorerContent .contentItemList .showLargeThumbnail {
        padding: 0 4px;
      }
      .videoExplorerContent .contentItemList .item:hover .thumbnailHoverMenu {
        display: block;
      }
      .videoExplorerContent .contentItemList .log-user-video-upload {
        background: #ffe; border-radius: 4px;
      }
      .videoExplorerContent .contentItemList .nicorepoResult .itemVideoDescription, .videoExplorerContent .contentItemList .nicorepoResult .videoTitle{
      }
      .videoExplorerContent .contentItemList.channelGuideVideo {
        background: #eff; {* 検索結果にチャンネル動画が紛れ込むようになったのでわかりやすく *}
      }

      #videoExplorer.w_deflist .videoExplorerBody.isMine.enableMylistDeleteButton .item:hover .deleteFromMyMylist,
      #videoExplorer.w_mylist  .videoExplorerBody.isMine.enableMylistDeleteButton .item:hover .deleteFromMyMylist
      {
        display: inline-block;
      }

      #playlist .generationMessage {
        cursor: pointer;
      }
      #playlist .generationMessage:hover {
        text-decoration: underline;
      }
      #playlist .generationMessage:after {
        content: "▼";
      }

      #yukkuriPanel {
        position: fixed; z-index: 1500; bottom: 0; left: 0; display: inline-block;
        transition: bottom 0.2s ease;
      }
      #yukkuriPanel.mylistPanelLeft {
        bottom: 24px;
      }
      body.w_noNicoru .nicoru-button{
        left: -9999; display: none !important;
      }
      body.w_noNicoru .menuOpened #videoMenuTopList li.videoMenuListNicoru .nicoru-button{
        display: block !important;
      }
      body.w_noNicoru #videoTagContainer .tagInner #videoHeaderTagList li {
        margin: 0 18px 4px 0;
      }
      body.w_noNicoru #videoTagContainer .tagInner #videoHeaderTagList li .tagControlContainer, body.w_noNicoru #videoTagContainer .tagInner #videoHeaderTagList li .tagControlEditContainer {
        padding: 1px 0;
      }

      .userProfile.w_touch {
        font-size: 150%; line-height: 120%;
      }
      .resultPagination.w_touch {
        font-size: 200%;
      }
      .resultPagination.w_touch li{
        padding: 4px 16px;
      }
      select.w_touch {
        font-size: 200%;
      }
      {* 真・browserFullモード *}
      body.full_with_browser.hideCommentInput #nicoplayerContainerInner {
        {* コメント入力欄は動画上表示にするのではなく、画面外に押し出す事によって見えなくする *}
        margin-top: -10px; margin-bottom: -30px !important;
      }
      body.full_with_browser.w_hideControlPanel #nicoplayerContainerInner,
      body.full_with_browser.hideCommentInput.w_hideControlPanel #nicoplayerContainerInner {
        margin-bottom: -76px !important;
      }

      {*body.full_with_browser:not(.w_fullScreenMenu) .mylistPopupPanel.fixed,*}
      body.full_with_browser                        .yukkuriButton
      { display:none; }

      #fullScreenMenuContainer {
        -webkit-transition: opacity 0.2s ease-out;
        position:absolute;
        display: none;
      }
      body.full_with_browser #fullScreenToggleContainer {
        background: black;
        display: block;
        bottom: 100px;
        right:  50px;
        z-index: 10000;
        min-width: 400px;
        cursor: nw-resize;
        opacity: 0;
        color: white;
        box-shadow: 2px 2px 2px silver;
        border-radius: 4px;
      }
      body.full_with_browser #fullScreenToggleContainer .title {
        color: #ffc; font-size: 120%;
      }
      body.full_with_browser #fullScreenToggleContainer .ownerIcon {
        float: left; height: 55px; padding: 8px;
      }
      body.full_with_browser #fullScreenToggleContainer:hover, body.full_with_browser #fullScreenToggleContainer.active, body.w_fullScreenMenu #fullScreenToggleContainer {
        opacity: 1;
      }
      body:not(.full_with_browser) #fullScreenToggleContainer { display: none; }

      #sharedNgSettingContainer {
        display: inline-block; font-size: 80%; position: absolute; top: -18px; left: 5px;
      }
      #sharedNgSetting {
        background: #ddd; border: 1px solid silver;
      }
      {* ニュース消す *}
      #content.noNews #textMarquee {
        display: none !important;
      }
      body:not(.videoExplorer):not(.full_with_browser) #content.noNews #playerContainer {
        min-height: 461px;
      }
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerTabWrapper {
        height: auto !important; position: absolute; bottom: 18px;
      }
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerTabContainer {
        bottom: -17px;
      }
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerContainer.appli_panel #playerTabContainer {
        bottom:  20px;
      }
      #playerTabWrapper.w_videoInfo #playerTabContainer, #playerTabWrapper.w_ichiba #playerTabContainer, #playerTabWrapper.w_review #playerTabContainer {
        bottom: 0px !important;
      }
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerTabWrapper.w_videoInfo,
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerTabWrapper.w_ichiba,
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerTabWrapper.w_review
      {
        height: auto !important; position: absolute; bottom: 2px;
      }
     {* body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #leftPanel {
        height: auto !important; position: absolute; bottom: 2px;
      }*}
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerCommentPanel {
        height: 100% !important;
      }
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerContainer.appli_panel #appliPanel {
        bottom: -18px !important;
      }
      body:not(.videoExplorer):not(.setting_panel):not(.full_with_browser) #content.noNews #playerContainer {
        height: auto;
      }
      #outline.noIchiba  #nicoIchiba, #outline.noReview  #videoReview{
        display: none;
      }
      #bottomContentTabContainer.noBottom .outer, #bottomContentTabContainer.noBottom #pageFooter, .noBottom #superBanner{
        display: none !important;
      }
      #bottomContentTabContainer.noBottom #outline {
        background: #141414; padding-top: 0; padding-bottom: 35px;
      }

      #content.w_flat_gray  #playerContainerWrapper {
        background: #666;
      }
      #content.w_flat_white #playerContainerWrapper {
        background: #f4f4f4;
      }
      #content.w_flat_gray #wallImageContainer, #content.w_flat_white #wallImageContainer,
      #content.w_flat_gray #chipWallList,       #content.w_flat_white #chipWallList {
        display: none !important;
      }
      #content #chipWallList {
        right: auto; left: -42px;
      }
      #content #playlist .playlistInformation {
        background: #444;
      }
      #content #videoExplorerExpand a {
        text-shadow: none;
      }

      .videoMenuToggle {
        -webkit-transform-origin: 100% 100%; -webkit-transition: -webkit-transform 0.4s;
        transform-origin: 100% 100%; transition: transform 0.4s;
        z-index: 1000;
      }
      #content.w_compact .videoHeaderTitle {
        letter-spacing: -1px;
      }
      #content.w_compact .videoDetailExpand .arrow {
        position: absolute; top: 8px; right: -24px;
      }
      #content.w_compact .tag1Line  .videoMenuToggle {
        transform: scale(0.8, 0.41); -webkit-transform: scale(0.8, 0.41);
      }
      #content.w_compact .tag2Lines .videoMenuToggle {
        transform: scale(0.8); -webkit-transform: scale(0.8);
      }
      #content.w_compact #topVideoInfo .parentVideoInfo {
        margin-top: -9px; margin-bottom: 9x;
      }
      #content.w_compact #topVideoInfo .parentVideoInfo .cct{
        margin-bottom: 0;
      }
      #content.w_compact #topVideoInfo .parentVideoInfo .videoThumb{
        margin-top: 4px;
      }
      #content.w_compact #topVideoInfo .ch_prof, #content.w_compact #topVideoInfo .userProfile {
        min-width: 297px; margin-top: -1px; border: 1px solid #e7e7e7;
      }
      #content.w_compact #videoHeaderDetail .videoDetailExpand{
        height: auto; padding: 0;
      }
      #content.w_compact        #topVideoInfo .videoDescription.description {
        background: #fff; margin: 10px 0 0;padding: 4px ;width: 1000px;{* base - 8 *} {*font-size: 90%;*}
      }
      .size_normal #videoHeaderDetail h2 {
        max-width: 898px;
      }

      {* 本家の幅が変わったら変える必要がある。 変数化した方が楽かも base = 1008 *}
      body:not(.full_with_browser):not(.videoExplorer).size_normal #content.w_compact.w_wide #topVideoInfo .videoDescription.description {
        width: 1318px; {* base + 310 *}
      }
      body:not(.full_with_browser):not(.videoExplorer).size_normal #content.w_compact        #topVideoInfo .videoDescription.description {
        width: 1226px; {* base + 218 *}
      }
      body:not(.full_with_browser)                                 #content.w_compact.w_wide #topVideoInfo .videoDescription.description {
        width: 1092px; {* base +  84 *}
      }
      body:not(.full_with_browser).size_normal                     #content.w_compact.w_wide #videoTagContainer {
        width: 1263px; {* base + 255 *}
      }
      body:not(.full_with_browser)                                 #content.w_compact.w_wide #videoTagContainer {
        width: 1040px; {* base +  32 *}
      }
      body:not(.full_with_browser)                                 #content.w_compact        #videoTagContainer {
        width: 948px;  {* base -  60 *}
      }
      body:not(.full_with_browser)                                 #content.w_compact #videoHeader,              #foot_inner {
        width: 1008px; {* base +  48 *}
      }
      body:not(.full_with_browser).size_normal                     #content.w_compact #videoHeader, .size_normal #foot_inner {
        width: 1234px;  {* base + 226 *}
      }
      body:not(.full_with_browser)                                 #content.w_compact.w_wide #videoHeader {
        width: 1100px;
      }
      body:not(.full_with_browser).size_normal                     #content.w_compact.w_wide #videoHeader {
        width: 1326px;
      }

      #content.w_compact #topVideoInfo .videoMainInfoContainer{
        padding: 0;
      }
      #content.w_compact #videoDetailInformation{
        border-top: 0;
      }
      #content.w_compact #videoHeaderMenu .searchContainer {
        top: -16px;
      }
      #content.w_compact .videoInformation{
        margin: -4px 0 ;
      }
      #content.w_compact #topVideoInfo .videoStats {
        margin-bottom: 2px;
      }
      body:not(.full_with_browser) #content.w_compact #videoTagContainer .tagInner #videoHeaderTagList .toggleTagEdit {
        width: 72px;
      }
      body:not(.full_with_browser) #content.w_compact #videoTagContainer .tagInner #videoHeaderTagList {
        padding-left: 85px;
      }
      body.full_with_browser #videoHeaderTagList { background: #fafafa; }
      #content.w_compact #topVideoInfo {
        margin: 4px 0 4px;
      }
      #content.w_compact #topVideoInfo .videoShareLinks .socialLinks {
        margin-top: -6px;
      }
      #outline.w_compact  #videoInfoHead{
        margin: 0 ;
      }
      #outline.w_compact .videoInformation #videoTitle {
        margin: -4px 0 0;
      }
      #outline.w_compact .videoInformation #videoStats  {
        margin-top: -4px;
      }
      #outline.w_compact .videoInformation #videoStats .ranking {
        margin: 0 0 4px;
      }
      #outline.w_compact #videoShareLinks {
        margin: 0;
      }
      #outline.w_compact #bottomVideoDetailInformation {
        margin: -18px 0 0;
      }
      #outline.w_compact .infoHeadOuter .videoEditMenuExpand {
        position: absolute; top: 0;
      }
      #outline.w_compact .videoEditMenu {
        margin: 0;
      }
      #outline.w_compact .videoDescription {
        font-size: 90%; margin-top: -8px; padding: 0 0 4px 4px;
      }
      #outline.w_compact #videoComment {
        margin: 0px; border: 1px solid silver; border-radius: 4px 4px 4px 4px; padding: 0 4px;
      }
      #outline.w_compact #videoComment h4{
        padding-left: 4px;
      }
      #outline.w_compact .videoMainInfoContainer {
        border-bottom: 0; margin-bottom: 0;
      }
      #outline.w_compact {
        border-bottom: 0; margin-bottom: 0;
      }

      #outline.w_compact .sidebar { width: 300px; }

      #outline.w_compact #ichibaMain dl.ichiba_mainitem {
        margin: 0 22px 30px 0;
      }
      #footer     { z-index: 1; }

      body.en-us #playerAlignmentArea, body.zh-tw #playerAlignmentArea {
        {*padding-right: 0;*}
      }
      #footer .toggleBottom {
        cursor: pointer; text-align: center; width: 200px; padding: 0px 12px; margin: auto; border-radius: 16px 16px 0 0;
        border: 1px solid #333; background: #666; transition: background 0.4s ease-out, box-shadow 0.4s;
      }
      #footer:hover .toggleBottom {
        border: 1px outset; background: #ccc;
      }
      #footer .toggleBottom:hover {
        box-shadow: 0px 0px 8px #fff;
      }
      #footer.noBottom .toggleBottom {
        border-radius: 0 0 16px 16px;
      }
      #footer .toggleBottom .openBottom, #footer.noBottom .toggleBottom .closeBottom  {
        display: none;
      }
      #footer.noBottom .toggleBottom .openBottom {
        display: block;
      }
      #footer .toggleBottom>div {
        -webkit-transform: scaleX(3); transform: scaleX(3);
      }
      #footer .toggleBottom {
        cursor: pointer; text-align: center; width: 200px; padding: 0px 12px; margin: auto; border-radius: 16px 16px 0 0;
        border: 1px solid #333; background: #666; transition: background 0.4s ease-out, box-shadow 0.4s;
      }
      #footer:hover .toggleBottom {
        border: 1px outset; background: #ccc;
      }
      #footer .toggleBottom:hover {
        box-shadow: 0px 0px 8px #fff;
      }

      #footer.noBottom #foot_inner { padding: 0; }
      #footer.noBottom a:nth-of-type(3):after, #footer.noBottom a:nth-of-type(6):after  {
        content: ' | '; color: white;
      }
      #footer.noBottom br { display: none; }
      html { background: #141414; }
      .videoExplorer #videoExplorer,
      .videoExplorer #videoExplorer .videoExplorerBody,
      .videoExplorerContentWrapper
        {
        background: none;
      }

      .animateBlink {
        -webkit-transition: 1s ease-in; transition: 1s ease-in;
      }

      .w_compact .toggleDetailExpand, .w_compact .shortVideoInfo {
        display: none;
      }
      .videoDetailToggleButton {
        cursor: pointer;
      }
      #leftPanel {
        {*border-radius: 4px 4px 4px 4px;*}
        display: none; padding: 0; position: absolute; text-align: left; top: 0; z-index: 101;
      }
      body.ja-jp #leftPanel { display: none; }
      body:not(.videoExplorer) #leftPanel { display: none; }


      body.full_with_browser #playerTabWrapper, body.full_with_browser:not(.videoExplorer) .w_wide #playerTabWrapper {
        top: auto !important; bottom: 3000px !important; right: 50px !important;
        transition: bottom 0.2s ease-out; max-height: 500px;
      }

      body.full_with_browser.w_fullScreenMenu:not(.videoExplorer) #playerTabWrapper {
        top: auto !important; bottom:  200px !important; right: 50px !important;
      }

      #fullScreenMenuContainer { display: none; }
      body.full_with_browser #fullScreenMenuContainer {
        display: block; position: absolute; bottom: 3000px; left: 50px; z-index: 10000;
        background: #fff; cursor: pointer; transition: bottom 0.2s ease-out;
      }
      body.full_with_browser.w_fullScreenMenu #fullScreenMenuContainer {
        bottom: 100px;
      }

      #fullScreenMenuContainer .button {
        cursor: pointer; transition: color 0.4s ease-out;
      }
      #fullScreenMenuContainer .modeStatus { display: none; font-weight: bolder; }

      body:not(.fullWithPlaylist) #fullScreenMenuContainer .fullScreenModeSwitch .playlistClosing,
      body.fullWithPlaylist       #fullScreenMenuContainer .fullScreenModeSwitch .playlistOpening
      { display: inline; }

      #fullScreenMenuContainer .prevNext {
        padding-left: 16px;
        padding-right: 16px;
        font-weight: bolder;
      }

      body:fullscreen #fullScreenMenuContainer       .monitorFull {
        display: none;
      }
      body:not(:fullscreen) #fullScreenMenuContainer .monitorFull {
      }
      body:fullscreen #fullScreenMenuContainer       .closeMonitorFull {
      }
      body:not(:fullscreen) #fullScreenMenuContainer .closeMonitorFull {
        display: none;
      }



      #nicoplayerContainerInner.stageVideo       #fullScreenMenuContainer .stageVideoSwitch { color: blue; }
      #nicoplayerContainerInner:not(.stageVideo) #fullScreenMenuContainer .stageVideoSwitch .mode_off,
      #nicoplayerContainerInner.stageVideo       #fullScreenMenuContainer .stageVideoSwitch .mode_on { display: inline; }


      body.full_with_browser.w_fullScreenMenu .videoHeaderOuter {
        position: absolute; z-index: 1000; width: 100%;
      }
      body.full_with_browser.w_fullScreenMenu #videoTagContainer {
        display: block;
        width: 100%;
        margin-top: 0;
      }
      body.full_with_browser.w_fullScreenMenu #videoTagContainer #videoHeaderTagList {
        padding-left: 0;
      }
      body.full_with_browser #videoTagContainer .toggleTagEdit {
        display: none !important;
      }

      .popupMarqueeContent {
        background: black;
      }

      #videoExplorer, #playlist {
        transition: margin-left 0.2s ease-in-out;
      }

      .dummyMylist .editFavorite {
        display: none;
      }

      {* 不要な時まで横スクロールバーが出てしまうので *}
      #songrium_inline { overflow: hidden; }

      .sideVideoInfo .videoLinkContainer {
        display: inline-block;
        white-space: nowrap;
      }
      .sideVideoInfo .nextPlayButton {
        position: absolute;
        margin-top: -6px;
        margin-left: -30px;
        width: 30px;
        height: 30px;
              background: url(http://res.nimg.jp/img/watch_q9/icon_nextplay.png);
              {*background: url("http://res.nimg.jp/img/watch_zero/videoexplorer-s90d011f9a7.png") no-repeat scroll -37px 0 rgba(0, 0, 0, 0);*}
        z-index: 100;
        cursor: pointer;
        text-indent: -999em;
        overflow: hidden;
        display: inline-block;
        -webkit-transform: scale(1.0); transform: scale(1.0);
      }

      .nextPlayButton {
        -webkit-transform: scale(1.5); transform: scale(1.5);
        transition: transform 0.1s ease; -webkit-transition: -webkit-transform 0.1s ease;
      }
      .sideVideoInfo .nextPlayButton:hover {
        -webkit-transform: scale(1.5); transform: scale(1.5);
      }
      .nextPlayButton:active, .sideVideoInfo .nextPlayButton:active {
        -webkit-transform: scale(1.2); transform: scale(1.2);
      }

      .sideVideoInfo .nextPlayButton:active {
        background-position-y: 30px;
      }

      body.w_disableHorizontalScroll {
        overflow-x: hidden !important;
      }

      #videoTagContainerPin { display: none !important; } {* タグを固定しているか4行以上の時に現われるピン *}

      .w_adjusted #selectionSideAdAds >* {
        width: 100%; height: auto; max-width: 300px; max-height: 250px;
      }

      {* *}
      .w_noHover {
        pointer-events: none !important;
      }
      .w_noHover #playlist {
        pointer-events: auto !important;
      }
      {* ソーシャルボタン *}
      .area-JP .panel_ads_shown #playerTabContainer.w_noSocial.has_panel_ads .playerTabContent {
        bottom: 80px;
      }
      .area-JP                  #playerTabContainer.w_noSocial               .playerTabContent {
        bottom: 4px;
      }
      #playerTabContainer.w_noSocial .playerTabAds {
        bottom: 0;
      }
      #playerTabContainer.w_noSocial .socialButtons{
        display: none;
      }
      .w_noSocial .nicoSpotAds {
        bottom: 8px;
      }


      {* テレビちゃんメニュー スライドをやめる *}
      body #videoHeader #videoMenuWrapper{
        position: absolute; width: 324px; height: auto !important;
        opacity: 0;
        transition: opacity 0.4s ease;
        right: 0px;
      }
      body #videoHeader.menuOpened #videoMenuWrapper{
        z-index: 1000 !important;
        border: 1px solid #000;
        background: white;
        box-shadow: 0px 0px 4px #000;
        top: 110px;
        bottom: auto;
        opacity: 1;
      }
      body .tag1Line  #videoHeader.menuOpened #videoMenuWrapper{
        top: 62px;
      }
      body .tag2Lines #videoHeader.menuOpened #videoMenuWrapper{
        top: 86px;
      }
      body #videoHeader.infoActive.menuOpened #videoMenuWrapper{
        top: auto;
        bottom: 48px;
      }
      {* body #videoHeader #videoMenuWrapper .defmylistButton, body #videoHeader #videoMenuWrapper .mylistButton {
        display: none !important;
      } *}
      body #videoHeader #videoMenuTopList{
        position: relative;
        width: auto;
      }
      body #videoHeader.menuOpened #videoMenuWrapper .videoMenuList{
        display: inline-block;
        width: 60px;
        min-height: 72px;
      }
      body #videoMenuTopList li.videoMenuListNicoru {
        float: right;
        min-height: 72px;
      }
      body #videoHeader.isAdult .videoMenuToggle, body #videoHeader.noAudioDownload .downloadButton {
        display: inline-block;
        opacity: 0.5;
        pointer-events: none !important;
      }
      {* テレビちゃんメニューのスライド殺す *}
      body #videoHeader.menuOpened #videoMenuWrapper {
        margin-bottom: 0;
      }
      body #videoHeader.menuOpened #videoHeaderDetail {
        margin-top: 8px;
      }


      .largeThumbnailPopup, .largeThumbnailPopup div{
        background-color: #000;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        -o-background-size: contain;
        -ms-background-size: contain;
      }

      #nicoSpotAdAds >*:nth-child(2) {
        display: none !imortant;
        position: fixed;
        top: -999px;
      }

   */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1]
        .replace(/\{\*/g, '/*').replace(/\*\}/g, '*/');
    addStyle(__css__, 'watchItLaterStyle');
  })(); // end of watchItLaterStyle





  conf.load = function() {
    try {
      function loadStorage(key, def) {
        if (window.localStorage[key] === void 0) { return def; }
        return JSON.parse(window.localStorage.getItem(key));
      }

      for (var v in conf) {
        if (typeof conf[v] === 'function') { continue; }
        conf[v] = loadStorage('watchItLater_' + v, conf[v]);
      }
    } catch (e) {
    }
  };

  conf.getValue = function(varName) {
    return conf[varName];
  };
  conf.setValue = function(k, v) {
    var lastValue = conf[k];
    if (lastValue !== v) {
      conf[k] = v;
      window.localStorage.setItem('watchItLater_' + k, JSON.stringify(v));
      EventDispatcher.dispatch('on.config.' + k, v, lastValue);
    }
  };
  conf.load();

  var console = (function(conf) {
    if (conf.debugMode) { return window.console; }
    var noop = function() {};
    return {
      log: noop,
      error: noop,
      trace: noop,
      warn: noop,
      table: noop,
      time: noop,
      timeEnd: noop
    };
  })(conf);

  var ConfigPanel = (function($, conf, w) { // SettingPanel
    var pt = function(){};
    var $panel = null, $shadow = null;
    var menus = [
      {title: '再生開始・終了時の設定', className: 'videoStart'},
      {title: '自動で全画面モードにする', varName: 'autoBrowserFull',
        values: {'する': true, 'しない': false}, addClass: true},
      {title: '自動全画面化オンでも、ユーザーニコ割のある動画は', varName: 'disableAutoBrowserFullIfNicowari',
        values: {'全画面化しない': true, '全画面化する': false}},
      {title: '自動で検索モードにする(自動全画面化オフ時)', varName: 'autoOpenSearch',
        values: {'する': true, 'しない': false}},
      {title: '動画の位置に自動スクロール(自動全画面化オフ時)', varName: 'autoScrollToPlayer',
        values: {'する': true, 'しない': false}},
//    {title: '終了時に全画面モードを解除(原宿と同じにする)', varName: 'autoNotFull',
//      values: {'する': true, 'しない': false},
//      description: '連続再生中は解除しません'},
      {title: 'ウィンドウがアクティブの時だけ自動再生する', varName: 'autoPlayIfWindowActive',
        description: 'QWatch側の設定パネルの自動再生はオフにしてください。\n■こんな人におすすめ\n・自動再生ONにしたいけど別タブで開く時は自動再生したくない\n・複数タブ開いたままブラウザ再起動したら全部のタブで再生が始まって「うるせー！」という経験のある人',
        values: {'する': 'yes', 'しない': 'no'}},
      {title: '動画が切り替わる時、ポップアップでタイトルと再生数を表示', varName: 'popupViewCounter',
        description: '全画面状態で連続再生している時などに便利です',
        values: {'する': 'always', '全画面時のみ': 'full', 'しない': 'none'}},

      {title: 'プレイヤーの設定', className: 'playerSetting'},
      {title: 'コメントパネルを広くする', varName: 'wideCommentPanel',
        values: {'する': true, 'しない': false}},
      {title: 'コメントパネルにNG共有設定を表示', varName: 'enableSharedNgSetting',
        values: {'する': true, 'しない': false}, addClass: true},
      {title: 'コメントの表示', varName: 'commentVisibility',
        values: {'オフ': 'hidden', '最後の状態を記憶': 'lastState', 'オン': 'visible'}},
      {title: '右のパネルに動画情報・市場・レビューを表示', varName: 'rightPanelJack', reload: true,
        values: {'する': true, 'しない': false}},
      {title: 'ページのヘッダに再生数表示', varName: 'headerViewCounter', reload: true,
        values: {'する': true, 'しない': false}},
//      {title: 'ニコニコニュースの履歴を保持する', varName: 'enableNewsHistory', reload: true,
//        values: {'する': true, 'しない': false}},
      {title: 'ニコニコニュースを消す', varName: 'hideNicoNews',
        values: {'消す': true, '消さない': false}},
      {title: 'プレイヤーの背景', varName: 'playerBgStyle',
        description: 'ウォール機能より優先されます',
        values: {'白': 'white', 'グレー': 'gray', 'ウォール': ''}},
      {title: 'コメントの盛り上がりをグラフ表示', varName: 'enableHeatMap', reload: true,
        description: '動画のどのあたりが盛り上がっているのか、わかりやすくなります',
        values: {'する': true, 'しない': false}},
      {title: '大画面をもっと大画面にする', varName: 'customPlayerSize',
        description: '※有効にするとニコニコニュースが表示できなくなります。',
        values: {'フルHD': '1080p', '720p': '720p',  '自動調整(推奨)': 'auto', 'しない': ''}},
      {title: 'プレイリスト消えないモード', varName: 'storagePlaylistMode', reload: true,
        description: '有効にすると、リロードしてもプレイリストが消えなくなります。',
        values:
          (conf.debugMode ?
            {'ウィンドウを閉じるまで': 'sessionStorage', 'ずっと保持': 'localStorage', 'しない': ''} :
            {'有効(ウィンドウを閉じるまで)': 'sessionStorage', '無効': ''})
      },
      {title: '説明文中の動画IDにサムネイル表示',  varName: 'enableDescriptionThumbnail', reload: true,
//        description: 'Chrome+Tampermonkeyでは動きません',
        values: {'有効': true, '無効': false}},


      {title: '検索モードの設定', className: 'videoExplorer'},
      {title: '検索モードを無効化', varName: 'disableVideoExplorer',
        description: '無効にするとタグ検索などが原宿と同じになります。\nただし、自分で検索モードにしている時は検索モードで開きます',
        values: {'する': true, 'しない': false}},
      {title: 'プレイヤーをできるだけ大きくする (コメントやシークも可能にする)', varName: 'videoExplorerHack',
        description: '便利ですがちょっと重いです。\n大きめのモニターだと快適ですが、小さいといまいちかも',
        values: {'する': true, 'しない': false}},
      {title: 'お気に入りタグを表示', varName: 'enableFavTags',
        values: {'する': true, 'しない': false}},
      {title: 'お気に入りマイリストを表示', varName: 'enableFavMylists',
        description: '更新のあったリストが上に来るので、新着動画のチェックに便利です。',
        values: {'する': true, 'しない': false}},
      {title: '「マイリストから外す」ボタンを表示', varName: 'enableMylistDeleteButton',
        description: 'マイリストの整理に便利。\n ※ 消す時に確認ダイアログは出ないので注意',
        values: {'する': true, 'しない': false}},
      {title: '検索時に関連タグを表示する', varName: 'enableRelatedTag',
        values: {'する': true,  'しない': false}},
//      {title: 'niconico新検索βを使う', varName: 'searchEngine',
//        description: '投稿期間や動画長による絞り込みができるようになります',
//        values: {'使う': 'sugoi',  '使わない': 'normal'}},
      {title: '1ページの表示件数', varName: 'searchPageItemCount',
        values: {'100件': 100, '50件': 50, '32件': 32}},

      {title: '全画面モードの設定', className: 'fullScreen'},
      {title: '操作パネルとコメント入力欄を隠す', varName: 'controllerVisibilityInFull',
//        description: '全画面の時は少しでも動画を大きくしたい場合に便利',
        values: {'隠す': 'hidden', '隠さない': ''}},
      {title: '右下のマイリストメニュー', varName: 'hideMenuInFull',
        values: {'完全に消す': 'hideAll', '色だけ変える': '', '目立たなくする': 'hide'}},
      {title: 'ホイールを回したら動画情報を出す', varName: 'enableFullScreenMenu',
        description: 'ホイールを大きく下に回すとメニューが出ます。タッチパネルも対応',
        values: {'する': true, 'しない': false}},

      {title: 'ページ下半身の設定', className: 'playerBottom'},
      {title: 'ニコニコ市場の表示', varName: 'ichibaVisibility',
        values: {'非表示': 'hidden', '表示': 'visible'}},
      {title: 'レビューの表示', varName: 'reviewVisibility',
        values: {'非表示': 'hidden', '表示': 'visible'}},

      {title: '省スペース/軽量化設定', className: 'compact'},
      {title: 'タグが2行以内の時に高さを詰める(ピン留め時のみ)', varName: 'enableAutoTagContainerHeight', reload: true,
        values: {'詰める': true, '詰めない': false}},
      {title: '動画情報の空きスペースを詰める', varName: 'compactVideoInfo',
        description: '原宿ぐらいの密度になります。ちょっと窮屈かも',
        values: {'詰める': true, '詰めない': false}},
//      {title: '背景のグラデーションをなくす', varName: 'flatDesignMode',
//        description: '軽い表示になります',
//        values: {'なくす': 'on', 'なくさない': ''}},
      {title: '「ニコる」をなくす', varName: 'noNicoru',
        description: '画面上から見えなくなります。\nまた、コメントパネルの処理が軽くなります',
        values: {'なくす': true, 'なくさない': false}},
      {title: 'コメントパネルのマウスオーバー処理をなくす', varName: 'removeCommentPanelHoverEvent', reload: true,
        description: 'マウスオーバー時のちらちらした物がなくなり、表示が軽くなります',
        values: {'なくす': true, 'なくさない': false}},
      {title: 'タグの自動更新を無効化', varName: 'disableTagReload',
        values: {'する': true, 'しない': false}},
      {title: '横スクロールバーを出なくする', varName: 'disableHorizontalScroll',
        values: {'する': true, 'しない': false}},
      {title: 'コメントパネル下のソーシャルボタン', varName: 'hideCommentPanelSocialButtons',
        values: {'隠す': true, '隠さない': false}},
      {title: 'GPUレイヤーを使用してみる(上級者用)', varName: 'enableGpuLayer', reload: true, debugOnly: true,
        description: '環境によっては軽くなる かも しれません',
        values: {'する': true, 'しない': false}},

      {title: 'その他の設定', className: 'otherSetting'},
      {title: '動画リンクにカーソルを重ねたらマイリストメニューを表示', varName: 'enableHoverPopup', reload: true,
        description: 'マウスカーソルを重ねた時に出るのが邪魔な人はオフにしてください',
        values: {'する': true, 'しない': false}},
      {title: '動画リンクにカーソルを重ねてからメニューが出るまでの時間(秒)', varName: 'hoverMenuDelay',
       type: 'text', description: '単位は秒。 標準は0.4です'},
      {title: 'ニコレポのポップアップを置き換える',       varName: 'replacePopupMarquee', reload: true,
        description: '画面隅に出るポップアップの不可解な挙動を調整します',
        values: {'する': true, 'しない': false}},
      {title: '検索時のデフォルトパラメータ', varName: 'defaultSearchOption', type: 'text',
       description: '常に指定したいパラメータ指定するのに便利です\n例: 「-グロ -例のアレ」とすると、その言葉が含まれる動画が除外されます'},
      {title: '「@ジャンプ」を無効化', varName: 'ignoreJumpCommand', reload: true,
        description: '勝手に他の動画に飛ばされる機能を無効化します。',
        values: {'する': true, 'しない': false}},
      {title: '「@ジャンプ」によるシーク無効化(無限ループなど)', varName: 'nicoSSeekCount', reload: true,
        description: '完全に無効にする以外に、一動画あたりの回数を指定できます',
        values: {'2回まで有効': 2, '1回まで有効': 1, '完全無効化': 0, 'しない': -1}},
      {title: 'タッチパネル向けモード(画面を右フリックで開始)', varName: 'enableQTouch',
        description: '指で操作しやすいように、一部のボタンやメニューが大きくなります',
        values: {'使う': true, '使わない': false}},
      {title: 'マイリストメニューの位置', varName: 'mylistPanelPosition',
        values: {'左下': 'left', '右下': ''}},
      {title: '2本目以降の動画だけ自動再生 (※プレミアム用)', varName: 'autoPlay2ndVideo', reload: true,
        values: {'する': true, 'しない': false}},
      {title: 'マイリストのローカルキャッシュ', varName: 'enableLocalMylistCache', reload: true,
        description: '動画がどのマイリストに登録されてるかの情報をキャッシュします。\n「my」ボタンの右クリックを活用する人はおすすめ。',
        values: {'有効': true, '無効': false}},


      {title: 'マウスとキーボードの設定', description: '※Chromeはコメント入力中も反応してしまいます', className: 'shortcut'},
      {title: '背景ダブルクリックで動画の位置にスクロール', varName: 'doubleClickScroll',
        description: 'なにもない場所をダブルクリックすると、動画の位置にスクロールします。\n 市場を見てからプレイヤーに戻りたい時などに便利',
        values: {'する': true, 'しない': false}},
      {title: 'マウスのボタン＋ホイールでどこでも音量調整', varName: 'mouseClickWheelVolume',
        description: 'とっさに音量を変えたい時に便利',
        values: {'左ボタン＋ホイール': 1, '右ボタン＋ホイール': 2, '使わない': 0}},
      {title: '停止/再生',                            varName: 'shortcutTogglePlay',        type: 'keyInput'},
      {title: 'とりあえずマイリスト登録',       varName: 'shortcutDefMylist',          type: 'keyInput'},
      {title: 'マイリスト登録',                 varName: 'shortcutMylist',             type: 'keyInput',
        description: '右下で選択中のマイリストに登録'},
      {title: 'とりあえずマイリストを開く',           varName: 'shortcutOpenDefMylist',      type: 'keyInput'},
      {title: '動画投稿者の関連動画を開く',           varName: 'shortcutShowOtherVideo',     type: 'keyInput'},
      {title: '検索画面を開く',                       varName: 'shortcutOpenSearch',         type: 'keyInput'},
      {title: '関連動画(オススメ)を開く',             varName: 'shortcutOpenRecommend',      type: 'keyInput'},
      {title: 'コメント表示ON/OFF',                   varName: 'shortcutCommentVisibility',  type: 'keyInput'},
      {title: 'プレイヤーの位置までスクロール',       varName: 'shortcutScrollToNicoPlayer', type: 'keyInput'},
      {title: 'ミュート',                             varName: 'shortcutMute',               type: 'keyInput'},
      {title: 'コメントの背面表示ON/FF',              varName: 'shortcutDeepenedComment',    type: 'keyInput'},
      {title: 'ハードウェアアクセラレーションON/FF',  varName: 'shortcutToggleStageVideo',   type: 'keyInput'},

      {title: 'その他2(一発ネタ系)', description: 'いつのまにか消えるかもしれません', className: 'shortcut'},
      {title: 'テレビちゃんメニュー内にランダム画像(左上)表示', varName: 'hidariue',
        values: {'する': true, 'しない': false}},
      {title: 'ゆっくり再生(スロー再生)ボタンを表示', varName: 'enableYukkuriPlayButton',
        values: {'する': true, 'しない': false}},

      {title: '実験中の設定', className: 'forDebug'},
      {title: '動画のロードを待たずに初期化する', varName: 'initializeImmediately',
        values: {'する': true, 'しない': false}},
//      {title: 'プレイリスト消えないモード(※実験中)',       varName: 'hashPlaylistMode', debugOnly: true, reload: true,
//        values: {'有効(連続再生中のみ)': 1, '有効(常時)': 2, '無効': 0}},



    ];

    var listener = [];
    function dispatchEvent(name, value, lastValue) {
      for (var i = 0; i < listener.length; i++) {
        (listener[i])(name, value, lastValue);
      }
    }
    pt.createPanelDom = function() {
      if ($panel === null) {
        $panel = jQuery([
          '<div id="watchItLaterConfigPanel">',
          '<div class="head"><button class="closeButton" title="閉じる">▲</button><h2>WatchItLaterの設定</h2>(※)のつく項目は、リロード後に反映されます</div>',
          '<div class="inner"></div></div>'
        ].join(''));
        $panel.on('click', function(e) { e.stopPropagation(); });

        var scrollTo = function() {
          var $target = this;
          var isOpen = $target.parent().toggleClass('open').hasClass('open');
          if (isOpen) {
            setTimeout(function() {
              var $inner = $('#watchItLaterConfigPanel .inner');
              $inner.animate({
                scrollTop: $inner.scrollTop() + $target.parent().position().top - 50
              }, 400);
            }, 200);
          }
        };

        var $ul = null, $inner = $panel.find('.inner'), $item; //$panel.find('ul'), $item;
        for (var i = 0, len = menus.length; i < len; i++) {
          if (menus[i].varName) {
            $item = this.createMenuItem(menus[i]);
          } else {
            if (menus[i].description) {
             $item = $('<li class="section ' +menus[i].className + '"><div><span>'+ menus[i].title + '</span><span class="description">'+ menus[i].description + '</span></div></li>');
            } else {
              $item = $('<li class="section ' +menus[i].className + '"><div><span>'+ menus[i].title + '</span></div></li>');
            }
            if ($ul) $inner.append($ul);
            $ul =$('<ul class="sectionContainer"/>').addClass(menus[i].className + 'Container');
            $item.click($.proxy(scrollTo, $item));
          }
          $item.toggleClass('debugOnly', menus[i].debugOnly === true).toggleClass('reload', menus[i].reload === true);
          if ($ul) $ul.append($item);
        }
        if ($ul) $inner.append($ul);
        $panel.toggleClass('debugMode', conf.debugMode);
        var $bottom = jQuery('<div class="foot"></div>'), self = this;
        $panel.append($bottom);
        $panel.find('.closeButton').click(function() {
          self.close();
        });
        if ($shadow === null) {
          $shadow = $('<div id="watchItLaterConfigPanelShadow" /><div id="watchItLaterConfigPanelShadowTop"/><div id="watchItLaterConfigPanelOverShadow"/>');
        }
      }
    };

    pt.refresh = function() {
      var isVisible = $panel.hasClass('open');
      $panel.remove().empty();
      $panel = null;
      this.createPanelDom();
      if (isVisible) { $panel.show(); }
    };

    pt.createMenuItem = function(menu) {
      if (menu.type === 'text') {
        return this.createTextMenuItem(menu);
      } else
      if (menu.type === 'keyInput') {
        return this.createKeyInputMenuItem(menu);
      } else {
        return this.createRadioMenuItem(menu);
      }
    };
    pt.createRadioMenuItem = function(menu) {
      var title = menu.title, varName = menu.varName, values = menu.values;
      var $menu = jQuery('<li><p class="title">' + title + '</p></li>');
      if (menu.className) { $menu.addClass(menu.className);}
      if (menu.description) { $menu.attr('title', menu.description); }
      var currentValue = conf.getValue(varName);
      $menu.addClass(menu.varName);
      if (menu.addClass) { $panel.addClass(menu.varName + '_' + currentValue);}
      for (var k in values) {
        var v = values[k];
        var $label = jQuery('<label></label>');
        var $chk = jQuery('<input>');
        $chk.attr({type: 'radio', name: varName, value: JSON.stringify(v)});

        if (currentValue === v) {
          $chk.prop('checked', 'checked');
        }
        $chk.click(function() {
          var newValue = JSON.parse(this.value), oldValue = conf.getValue(varName);
          if (oldValue !== newValue) {
            if (menu.addClass) {
              $panel.removeClass(menu.varName + '_' + oldValue).addClass(menu.varName + '_' + newValue);
            }
            conf.setValue(menu.varName, newValue);
            if (typeof menu.onchange === 'function') {
              menu.onchange(newValue, oldValue);
            }
            dispatchEvent(menu.varName, newValue, oldValue);
          }
        });
        $label.append($chk).append(jQuery('<span>' + k + '</span>'));
        $menu.append($label);
      }
      return $menu;
    };
    pt.createTextMenuItem = function(menu) {
      var title = menu.title, varName = menu.varName;
      var $menu = jQuery('<li><p class="title">' + title + '</p></li>');
      if (menu.className) { $menu.addClass(menu.className);}
      if (menu.description) { $menu.attr('title', menu.description); }
      var currentValue = conf.getValue(varName);
      var $input = jQuery('<input type="text" />');
      $menu.addClass(menu.varName);
      if (menu.addClass) { $panel.addClass(menu.varName + '_' + currentValue);}
      $input.val(currentValue);
      $input.change(function() {
        var newValue = $input.val(), oldValue = conf.getValue(varName);
        if (oldValue !== newValue) {
          conf.setValue(varName, newValue);
          if (typeof menu.onchange === 'function') {
            menu.onchange(newValue, oldValue);
          }
          dispatchEvent(menu.varName, newValue, oldValue);
        }
      });
      $menu.append($input);
      return $menu;
    };

    pt.createKeyInputMenuItem = function(menu) {
      var title = menu.title, varName = menu.varName;
      var currentValue = conf.getValue(varName), currentKey = currentValue.char;

      function update() {
        var newValue = {char: $sel.val(), ctrl: $menu.hasClass('ctrl'), alt: $menu.hasClass('alt'), shift: $menu.hasClass('shift'), enable: $menu.hasClass('enable')};
        conf.setValue(varName, newValue);
        if (typeof menu.onchange === 'function') {
          menu.onchange(newValue);
        }
        dispatchEvent(menu.varName, newValue, conf.getValue(varName));
      }

      var $menu = jQuery('<li class="shortcutSetting"><p class="title">' + title + '</p></li>');
      var sel = ['<select>'], $sel;
      for (var v = 48; v <= 90; v++) {
        if (v >= 0x3c && v <= 0x3f) continue;
        var c = String.fromCharCode(v);
        var op = ['<option value="', c, '">', c, '</option>'  ].join('');
        sel.push(op);
      }
      sel.push('</select>');
      $sel = jQuery(sel.join(''));
      var $meta = jQuery('<span class="enable" data-meta="enable">有効</span><span class="ctrl" data-meta="ctrl">ctrl</span><span class="alt" data-meta="alt">alt</span><span class="shift" data-meta="shift">shift</span>').on('click', function(e) {
          var meta = jQuery(e.target).attr('data-meta');
          $menu.toggleClass(meta);
          update();
      });
      $sel.change(update);

      $menu.toggleClass('enable', currentValue.enable).toggleClass('ctrl', currentValue.ctrl).toggleClass('alt', currentValue.alt).toggleClass('shift', currentValue.shift);
      $sel.val(currentKey);

      if (menu.className) { $menu.addClass(menu.className);}
      if (menu.description) { $menu.attr('title', menu.description); }

      $menu.append(jQuery('<span/>').append($meta).append($sel));

      return $menu;
    };

    pt.toggleOpenSection = function(sectionName, toggle) {
      $('#watchItLaterConfigPanel .'+ sectionName + 'Container').toggleClass('open', toggle);
      $('#watchItLaterConfigPanel .inner').scrollTop($('#watchItLaterConfigPanel .' + sectionName).position().top - 50);
    };

    pt.addChangeEventListener = function(callback) {
      listener.push(callback);
    };
    pt.open = function()  {
      $('body').append($shadow).append($panel);
      setTimeout(function() {
        $shadow.addClass('open'); $panel.addClass('open');
      }, 50);
      setTimeout(function() {
        if (WatchController.isFullScreen()) {
          pt.toggleOpenSection('fullScreen', true);
        } else
        if (WatchController.isSearchMode()) {
          pt.toggleOpenSection('videoExplorer', true);
        }
      }, 1000);
    };
    pt.close = function() {
      $shadow.removeClass('open'); $panel.removeClass('open');
      setTimeout(function() {
        $shadow.detach(); $panel.detach();
      }, 800);
    };
    pt.toggle = function() {
      this.createPanelDom();
      if ($panel.hasClass('open')) {
        this.close();
      } else {
        this.open();
      }
    };

    return pt;
  })(jQuery, conf, w);


  /**
   * 通信用
   */
  window.WatchItLater = {
    config: {
      get: function(varName) {
        return conf.getValue(varName);
      },
      set: function(varName, value) {
        conf.setValue(varName, value);
      },
      open: function() {
        ConfigPanel.open();
      }
    },
    loader: {},
    debug: {},
    init: {},
    test: {
      assert: function(v, m) {
        if (v === true) {
          window.console.log('%c OK: ',  'color: black; background: lime;',  m);
        } else {
          window.console.log('%cFail: ', 'color: white; background: red;',   m);
          throw {message: 'Fail'};
        }
      },
      expect: function(a) {
        try {
          var assert = window.WatchItLater.test.assert, exp = {
            toBeTrue:    function(   desc) { assert(a === true   , desc); },
            toBeFalse:   function(   desc) { assert(a === false  , desc); },
            toEqual:     function(b, desc) { assert(a === b      , desc); },
            toBeNull:    function(   desc) { assert(a === null   , desc); },
            toBeNotNull: function(   desc) { assert(a !== null   , desc); },
            toBeDefined: function(   desc) { assert(a !== void 0 , desc); },
            toBeTruthy:  function(   desc) { assert(a ? true : false, desc); }
          };
          return exp;
        } catch(e) {
          window.console.log('%c', a);
        }
      },
      spec: {},
      run: function(name) {
        var def = (new $.Deferred()), promise = def.promise();
        var con = function(name) {
          return function() {
            var d = new $.Deferred();
            setTimeout(function() {
              window.console.log('%c RUN: ' + name, 'background: #8ff;');
              d.resolve();
            }, 100);
            return d.promise();
          };
        };
        var wrap = function(self, name) {
          return function() {
            var d = new $.Deferred();
            setTimeout(function() {
              try {
                $.proxy(self.spec[name], self)(d);
              } catch (e) {
                window.console.log(e);
                d.reject();
              }
            }, 0);
            return d.promise();
          };
        };
        var onFail = function(e) {
          window.console.log('%c fail : ','background: red;', e);
        };

        if (name) {
          promise = promise.then(con(name)).then(wrap(this, name), onFail);
        } else {
          for(var v in this.spec) {
            if (!v.match(/^test/)) continue;
            promise = promise.then(con(v)) .then(wrap(this,    v), onFail);
          }
        }
        promise.then(
          function() { window.console.log('%cテスト完了', 'background: #8ff'); },
          function() { window.console.log('%cテスト失敗', 'background: #f00'); }
        );
        def.resolve();
     }
    }
  };
//  w.WatchItLater = window.WatchItLater;


  var EventDispatcher = (function(conf) {
    var events = {};

    function addEventListener(name, callback) {
      name = name.toLowerCase();
      if (!events[name]) {
        events[name] = [];
      }
      events[name].push(callback);
    }

    function _dispatch(name) {
      name = name.toLowerCase();
      if (!events[name]) { return; }
      var e = events[name];
      for (var i =0, len = e.length; i < len; i++) {
        try {
          e[i].apply(null, Array.prototype.slice.call(arguments, 1));
        } catch (ex) {
          console.log('%c' + name, 'background:red; color: white;', i, e[i], ex);
        }
      }
    }
    function dispatch(name) {
      console.log('%cevent:', 'background: blue; color: white;', name);//, arguments);
      _dispatch.apply(null, arguments);
    }
    return {
      addEventListener: addEventListener,
      dispatch: dispatch,
      _dispatch: _dispatch // コンソール汚したくない用
    };
  })(conf);
  window.WatchItLater.event = EventDispatcher;

  /*
  * 通算視聴回数をカウント。 カウントしても意味はないけど、どれだけ無駄な時間を費やしたかを知りたくて実装。
  */
  var WatchCounter = (function(conf, w) {
    var key = 'watchItLater_watchCounter';
    function get() {
      return JSON.parse(w.localStorage.getItem(key));
    }
    function add() {
      var v = get() + 1;
      w.localStorage.setItem(key, JSON.stringify(v));
      console.log('%cwatchCounter: %c%d', 'color: orange;', 'font-weight: bolder;', v);
      return v;
    }
    var self = {
      get: get,
      add: add
    };
    return self;
  })(conf, w);
  window.WatchItLater.counter = WatchCounter;

  /**
   *  動画タグ取得とポップアップ
   *
   */
  var VideoTags = (function(conf, w){

    var host = location.host.replace(/^([\w\d]+)\./, 'www.');
    var pt = function(){};
    var lastPopup = null;

    pt.get = function(watchId, callback) {
      var _get = function(watchId, callback) {
        var url = 'http://' + host + '/tag_edit/' + watchId + '/?res_type=json&cmd=tags';
        //http://www.nicovideo.jp/tag_edit/sm9/?res_type=json&cmd=tags
        var req = {
          method: 'GET',
          url: url,
          onload: function(resp) {
            var result = JSON.parse(resp.responseText);
            if (typeof callback === 'function') callback(result.status, result);
          }
        };
        GM_xmlhttpRequest(req);
      };

      WatchController.getTid2Vid(watchId, function(videoId) {
        _get(videoId, callback);
      });
    };

    pt.hidePopup = function() {
      if (lastPopup) {
        lastPopup.style.display = 'none';
      }
    };

    var uniq = null, $history = null, popupContainer = null;
    pt.popupItems = function(watchId, baseX, baseY) {
      var self = this;
      popupContainer.innerHTML = '';
      this.get(watchId, function(status, resp) {
        if (status === 'ok') {
          var tags = resp.tags;
          self.hidePopup();
          if (tags.length > 0) {
            lastPopup = createPopup(tags, baseX, baseY);
          } else {
            Popup.show('この動画のタグはありません');
          }
        } else {
          Popup.alert(resp.error_message);
        }
      });

      function createPopup(tags, baseX, baseY) {
        var popup = createDOM(tags, baseX, baseY);
        popupContainer.appendChild(popup);
        popup.style.right = null;
        popup.style.left = baseX + 'px';
        popup.style.top = Math.max(baseY - popup.offsetHeight, 0, document.body.scrollTop, document.documentElement.scrollTop) + 'px';
        if (popup.offsetLeft + popup.offsetWidth > document.body.clientWidth) {
          popup.style.left = null;
          popup.style.right = 0;
        }

        return popup;
      }

      function createDOM(tags) {
        var items = document.createElement('ul');
        for (var i = 0, len = tags.length; i < len; i++) {
          items.appendChild(createItemDOM(tags[i]));
        }
        var popup = createPopupDOM();

        popup.appendChild(items);
        return popup;
      }

      function createPopupDOM() {
        var popup = document.createElement('div');
        popup.className        = 'tagItemsPopup popupMenu';
        popup.addEventListener('click', createPopupOnClick(), false);
        return popup;
      }

      function createPopupOnClick() {
        return function(e) {
          if (e.button !== 0 || e.shiftKey || e.ctrlKey || e.altKey || e.target.className === 'icon' || e.target.tagName === 'A') {
            return;
          }
          this.style.display = 'none';
          e.preventDefault();
          e.stopPropagation();
        };
      }

      function appendTagHistory(dom, text, dic) {
        var $ = w.$;
        if (uniq === null) {
          uniq = {};
          $history = $('<div class="tagSearchHistory"><h3 class="title">タグ検索履歴</h3></div>');
          $history.css({width: $('.videoExplorerMenu').width() - 8, maxHeight: '300px', overflowY: 'auto'});
          $('.videoExplorerMenu').append($history);
        }
        if (!uniq[text]) {
          var a = $(dom).clone().css({marginRight: '8px', fontSize: '80%'}).click(Util.Closure.openNicoSearch(text));
          dic.style.marginRight = '0';
          $history.find('.title').after(a).after(dic);
        }
        uniq[text] = 1;
      }

      function createItemDOM(tag) {
        var text = tag.tag;
        var li  = document.createElement('li');
        li.className = 'popupTagItem';

        text = text.replace(/&amp;/g, '&');

        // 大百科アイコン
        var dic = createDicIconDOM(tag, text);
        li.appendChild(dic);

        // 新検索(search.nicovideo.jp)へのリンク
        var newSearchIcon = createNewSearchIconDOM(tag, text);
        li.appendChild(newSearchIcon);

        // 本文リンク
        var a = document.createElement('a');
        a.appendChild(document.createTextNode(text));

        var href = text;
        if (conf.defaultSearchOption && conf.defaultSearchOption !== '' && !text.match(/(sm|nm|so)\d+/)) {
          href += ' ' + conf.defaultSearchOption;
        }
        var sortOrder = '?sort=' + conf.searchSortType + '&order=' + conf.searchSortOrder;
        a.href = 'http://' + host + '/tag/' + encodeURIComponent(href) + sortOrder;
        a.addEventListener('click', createItemOnClick(text, dic), false);
        li.appendChild(a);

        return li;
      }

      function createItemOnClick(text, dic) {
        return function(e) {
          if (e.button !== 0 || e.metaKey) return;
          if (w.WatchJsApi) {
            WatchController.nicoSearch(text, 'tag');
            e.preventDefault();
            appendTagHistory(this, text, dic);
          }
          return false;
        };
      }

      function createNewSearchIconDOM(tag, text) {
        var link = document.createElement('a');
        link.className = 'newsearch';
        link.title     = 'niconico新検索で開く';

        // TODO: パラメータの対応表作ってあわせる
        var newSortOrder = '';
        link.href = 'http://search.nicovideo.jp/video/search/' + encodeURIComponent(text) + newSortOrder;
        if (location.host !== 'search.nicovdieo.jp') {
          link.target = '_blank';
        }

        var icon = document.createElement('img');
        icon.className = 'icon';
        icon.src = 'http://uni.res.nimg.jp/img/favicon.ico';
        link.appendChild(icon);

        return link;
     }
      function createDicIconDOM(tag, text) {
        var dic = document.createElement('a');
        dic.className = 'nicodic';
        dic.href = 'http://dic.nicovideo.jp/a/' + encodeURIComponent(text);
        dic.target = '_blank';
        var icon = document.createElement('img');
        icon.className = 'icon';
        icon.src = tag.dic ? 'http://live.nicovideo.jp/img/2012/watch/tag_icon002.png' : 'http://live.nicovideo.jp/img/2012/watch/tag_icon003.png';
        dic.appendChild(icon);
        return dic;
      }
    };
    popupContainer = document.createElement('div');
    popupContainer.id = 'videoTagPopupContainer';
    document.body.appendChild(popupContainer);

    return pt;
  })(conf, w);









  /**
   *  マイリスト登録API
   *
   *  (9)の頃は、iframeを作ってその中にマイリスト登録のポップアップウィンドウを開くという手抜きを行っていたが、
   *  ポップアップウィンドウは評判が悪いし、そのうち廃止されるだろうなと思うので、
   *  真面目にAPIを叩くようにした。 (マイリストの新規作成機能は省略)
   *
   *  …と思っていたのだが、(9)からQになった今でもポップアップウィンドウは廃止されないようだ。
   */
  var Mylist = window.WatchItLater.mylist = (function(){
    var mylistlist = [];
    var initialized = false;
    var defListItems = [], mylistItems = {};
    var host = location.host.replace(/^([\w\d]+)\./, 'www.');
    var token = '';//

    function Mylist() {
      this.initialize();
    }

    function getToken() {
      if (!isNativeGM && host !== location.host) return null; //
      var _token = (w.NicoAPI && w.NicoAPI.token) ? w.NicoAPI.token : '';
      if (w.NicoAPI && w.NicoAPI.token) {
        return w.NicoAPI.token;
      } else
      if (w.WatchJsApi) {
        var watchInfoModel = require('watchapp/model/WatchInfoModel').getInstance();
        watchInfoModel.addEventListener('reset', function(watchInfoModel) {
          token = watchInfoModel.csrfToken;
        });
        if (watchInfoModel.initialized) {
          return watchInfoModel.csrfToken;
        } else {
          var dc = JSON.parse($("#watchAPIDataContainer").text());
          return dc.flashvars.csrfToken;
        }
      } else
      if (_token === null && w.FavMylist && w.FavMylist.csrf_token) {
        _token = w.FavMylist.csrf_token;
      }

      if (_token !== '') {
        return _token;
      }
      var url = 'http://' + host + '/mylist_add/video/sm9'; // マイリスト登録ウィンドウから強引にtoken取得
//      var url = 'http://' + host + '/my/mylist'; // マイリスト登録ウィンドウから強引にtoken取得
      GM_xmlhttpRequest({
        url: url,
        onload: function(resp) {
          //console.log(116, resp.responseText);
          var result = resp.responseText;
          if (result.match(/NicoAPI\.token *= *["']([a-z0-9\-]+)["'];/)) {
            console.log('NicoAPI.token=', token);
            token = RegExp.$1;
          } else {
            console.log('%cNicoAPI.token Not Found', 'background: red;');
          }
        }
      });
      return _token;
    }

    var pt = Mylist.prototype, events = {defMylistUpdate: [], mylistUpdate: []};

    function dispatchEvent(name) {
      var e = events[name];
      for (var i =0, len = e.length; i < len; i++) {
        e[i].apply(null, Array.prototype.slice.call(arguments, 1));
      }
    }

    pt.onDefMylistUpdate = function(callback) {
      events.defMylistUpdate.push(callback);
    };

    pt.onMylistUpdate = function(callback) {
      events.mylistUpdate.push(callback);
    };

    pt.getUserId = function() {
      if (document.cookie.match(/user_session_(\d+)/)) {
        return RegExp.$1;
      } else {
        return false;
      }
    };

    var onInitialized = [];
    pt.initialize = function() {
      if (initialized) return;
      var uid = this.getUserId();
      if (!uid) {
        return;
      }
      if (!isNativeGM && host !== location.host) {
        initialized = true;
        return;
      }
      token = getToken();
      //var url = 'http://' + host + '/api/watch/uservideo?user_id=' + uid;
      var url = 'http://' + host + '/api/mylistgroup/list';
      GM_xmlhttpRequest({
        url: url,
        onload: function(resp) {
          var result = JSON.parse(resp.responseText);
          if (result.status === "ok" && result.mylistgroup) {
            mylistlist = result.mylistgroup;
            initialized = true;
            for (var i = 0; i < onInitialized.length; i++) {
              onInitialized[i](mylistlist.concat());
            }
          }
        }
      });
      this.reloadDefList();
    };

    pt.loadMylistList = function(callback) {
      if (initialized) {
        setTimeout(function() { callback(mylistlist.concat()); }, 0);
      } else {
        onInitialized.push(callback);
      }
    };

    pt.isMine = function(id) {
      if (!initialized) { return false; }
      for (var i = 0, len = mylistlist.length; i < len; i++) {
        if (mylistlist[i].id == id) { return true; }
      }
      return false;
    };

    pt.reloadDefList = function(callback) {
      var url = 'http://' + host + '/api/deflist/list';
      GM_xmlhttpRequest({
        url: url,
        onload: function(resp) {
          try {
            JSON.parse(resp.responseText);
          } catch (e) {
            window.console.log(e);
            window.console.log(resp.responseText);
          }
          if (!resp.responseText) return;
          var result = JSON.parse(resp.responseText);
          if (result.status === "ok" && result.mylistitem) {
            defListItems = result.mylistitem;
            if (typeof callback === "function") callback(defListItems);
          }
        }
      });
    };

    pt.loadMylist = function(groupId, callback) {
      if (mylistItems[groupId]) {
        setTimeout(function() {callback(mylistItems[groupId]); }, 0);
        return;
      }
      var url = 'http://' + host + '/api/mylist/list?group_id=' + groupId;
      GM_xmlhttpRequest({
        url: url,
        onload: function(resp) {
          var result = JSON.parse(resp.responseText);
          if (result.status === "ok" && result.mylistitem) {
            mylistItems[groupId] = result.mylistitem;
            if (typeof callback === "function") callback(result.mylistitem);
          }
        }
      });
    };

    pt.clearMylistCache = function(groupId) {
      delete mylistItems[groupId];
    };

    pt.reloadMylist = function(groupId, callback) {
      this.clearMylistCache(groupId);
      return this.loadMylist(groupId, callback);
    };


    pt.findDeflistByWatchId = function(watchId) {
//      if (/^[0-9]+$/.test(watchId)) return watchId; // スレッドIDが来た

      for (var i = 0, len = defListItems.length; i < len; i++) {
        var item = defListItems[i], wid = item.item_data.watch_id;
        if (wid == watchId) return item;
      }
      return null;
    };

    pt.findMylistByWatchId = function(watchId, groupId) {
//      if (/^[0-9]+$/.test(watchId)) return watchId; // スレッドIDが来た
      var items = mylistItems[groupId];
      if (!items) { return null; }
      for (var i = 0, len = items.length; i < len; i++) {
        var item = items[i], wid = item.item_data.watch_id;
        if (wid == watchId) return item;
      }
      return null;
    };

    // おもに参考にしたページ
    // http://uni.res.nimg.jp/js/nicoapi.js
    // http://d.hatena.ne.jp/lolloo-htn/20110115/1295105845
    // http://d.hatena.ne.jp/aTaGo/20100811/1281552243
    pt.deleteDefListItem = function(watchId, callback) {
      var item = this.findDeflistByWatchId(watchId);
      if (!item) return false;
      var item_id = item.item_id;
      var url = 'http://' + host + '/api/deflist/delete';
      var data = 'id_list[0][]=' + item_id + '&token=' + token;
      var req = {
        method: 'POST',
        data: data,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}, // これを忘れて小一時間はまった
        url: url,
        onload: function(resp) {
          var result = JSON.parse(resp.responseText);
          if (typeof callback === "function") callback(result.status, result);
          if (jQuery) {
            defListItems = jQuery.grep(defListItems, function(item) {
              return item.item_data.watch_id !== watchId;
            });
          }
          dispatchEvent('defMylistUpdate');
        }
      };
      GM_xmlhttpRequest(req);
      return true;
    };

    pt.addDefListItem = function(watchId, callback, description) {
      var url = 'http://' + host + '/api/deflist/add';

      // 例えば、とりマイの300番目に登録済みだった場合に「登録済みです」と言われても探すのがダルいし、
      // 他の動画を追加していけば、そのうち押し出されて消えてしまう。
      // なので、重複時にエラーを出すのではなく、「消してから追加」することによって先頭に持ってくる。
      // 「重複してたら先頭に持ってきて欲しいな～」って要望掲示板にこっそり書いたりしたけど相手にされないので自分で実装した。
      var data = "item_id=" + watchId + "&token=" + token, replaced = true;
      if (description) {
        data += '&description='+ encodeURIComponent(description);
      }

      var _add = function(status, resp) {
        var req = {
          method: 'POST',
          data: data,
          url: url,
          headers: {'Content-Type': 'application/x-www-form-urlencoded' }, // これを忘れて小一時間はまった
          onload: function(resp) {
            var result = JSON.parse(resp.responseText);
            if (typeof callback === "function") callback(result.status, result, replaced);
          }
        };
        GM_xmlhttpRequest(req);
      };
      // とりあえずマイリストにある場合はdeleteDefListItem()のcallbackで追加、ない場合は即時追加
      if (!this.deleteDefListItem(watchId, _add)) {
        replaced = false;
        _add();
        dispatchEvent('defMylistUpdate');
      }
    };

    pt.addMylistItem = function(watchId, groupId, callback, description) {
      var self = this;
      var url = 'http://' + host + '/api/mylist/add';
      var data = ['item_id=', watchId,
                  '&group_id=', groupId,
                  '&item_type=', 0, // video=0 seiga=5
                  '&description=', (typeof description === 'string') ? encodeURIComponent(description) : '',
                  '&token=', token
      ].join('');
      // 普通のマイリストのほうは重複しても「消してから追加」という処理を行っていない。
      // とりあえずマイリストと違って登録の順番に意味があるのと、
      // 古いのが押し出される心配がないため。
      var _add = function() {
        var req = {
          method: 'POST',
          data: data,
          url: url,
          headers: {'Content-Type': 'application/x-www-form-urlencoded' },
          onload: function(resp) {
            var result = JSON.parse(resp.responseText);
            if (typeof callback === "function") callback(result.status, result);
            if (result.status === 'ok') {
              dispatchEvent('mylistUpdate', {action: 'add', groupId: groupId, watchId: watchId});
              EventDispatcher.dispatch('onMylistItemAdded', groupId, watchId);
              self.clearMylistCache(groupId);
            }
          },
          error: function() {
            Popup.alert('ネットワークエラー');
          }
        };
        GM_xmlhttpRequest(req);
      };
      // 普通のマイリストに入れたら、とりあえずマイリストからは削除(≒移動)
      if (!this.deleteDefListItem(watchId, _add)) _add();
    };

    pt.updateMylistItem = function(watchId, groupId, callback, description) {
      var self = this;
      this.loadMylist(groupId, function() {
        var item = self.findMylistByWatchId(watchId, groupId);
        if (!item) {
          Popup.alert('マイリスト中に該当する動画がみつかりませんでした');
          return;
        }
        var
          itemId = item.item_id,
          url = 'http://' + host + '/api/mylist/update',
          data = ['item_id=', itemId,
                  '&group_id=', groupId,
                  '&item_type=', 0, // video=0 seiga=5
                  '&description=', (typeof description === 'string') ? encodeURIComponent(description) : '',
                  '&token=', token
          ].join(''),
          req = {
            method: 'POST',
            data: data,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            url: url,
            onload: function(resp) {
              var result = JSON.parse(resp.responseText);
              if (result.status === 'ok') {
                if (typeof callback === "function") callback(result.status, result);
                dispatchEvent('mylistUpdate', {action: 'update', groupId: groupId, watchId: watchId});
                EventDispatcher.dispatch('onMylistItemUpdated', groupId, watchId);
              }
            },
            error: function() {
              Popup.alert('ネットワークエラー');
            }
          };

        GM_xmlhttpRequest(req);
      });
    };


    pt.deleteMylistItem = function(watchId, groupId, callback) {
      var self = this;
      this.loadMylist(groupId, function() {
        var item = self.findMylistByWatchId(watchId, groupId);
        if (!item) {
          Popup.alert('マイリスト中に該当する動画がみつかりませんでした');
          return;
        }
        var
          item_id = item.item_id,
          url = 'http://' + host + '/api/mylist/delete',
          data = [
            'id_list[0][]=', item_id,
            '&group_id=',    groupId,
            '&token=',       token
          ].join(''),
          req = {
            method: 'POST',
            data: data,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            url: url,
            onload: function(resp) {
              var result = JSON.parse(resp.responseText);
              if (result.status === 'ok') {
                if (typeof callback === "function") callback(result.status, result);
                dispatchEvent('mylistUpdate', {action: 'delete', groupId: groupId, watchId: watchId});
                EventDispatcher.dispatch('onMylistItemDeleted', groupId, watchId);
              }
            },
            error: function() {
              Popup.alert('ネットワークエラー');
            }
          };

        GM_xmlhttpRequest(req);
      });
    };


    /**
     *  マイリスト登録パネルを返す
     */
    pt.getPanel = function(watchId, videoId) {
      if (isNativeGM || host === location.host) {
        return this.getNativePanel(watchId, videoId);
      } else {
        return this.getIframePanel(watchId, videoId);
      }
    };

    pt.getNativePanel = function(watchId, videoId) {
      var self = this;
      var _watchId = watchId, _videoId = videoId || watchId;
      var body = document.createElement('div');
      var mylistListPopup = null;
      body.className = 'mylistPopupPanel deflistSelected';
      var nobr = document.createElement('nobr');
      body.appendChild(nobr);

      var extArea = document.createElement('span');


      var isWatchPage = (window.PlayerApp) ? true : false;

      var addDeflist = function(watchId, description) {
        self.addDefListItem(watchId, function(status, result, replaced) {
          self.reloadDefList();
          if (status !== 'ok') {
            Popup.alert('とりあえずマイリストへの登録に失敗: ' + result.error.description);
          } else {
            var torimai = '<a href="/my/mylist">とりあえずマイリスト</a>';
            Popup.show(
              torimai +
              (replaced ? 'の先頭に移動しました' : 'に登録しました')
            );
          }
        }, description);
      };
      var addMylist = function(watchId, mylistId, mylistName, description) {
        self.addMylistItem(watchId, mylistId, function(status, result) {
          self.reloadDefList();
          if (status === 'ok') {
            Popup.show( '<a href="/my/mylist/#/' + mylistId + '">' + mylistName + '</a>に登録しました');
          } else {
            Popup.alert(mylistName + 'への登録に失敗: ' + result.error.description);
          }
        }, description);
      };
      var setButtonStyleUpdating = function(btn) {
        btn.style.opacity = 0.5;
        btn.style.cursor = 'pointer';
        btn.disabled = true;

        window.setTimeout(function() {
          btn.disabled = false;
          btn.style.opacity = 1;
          btn.style.cursor = 'pointer';
          btn = null;
        }, 1000);
      };
      var onMylistListClick = function(mylistId, mylistName, type) {
        if (type === 'icon') {
          if (window.WatchJsApi) {
            if (mylistId === 'default') {
              WatchController.showDeflist();
            } else {
              WatchController.showMylist(mylistId);
            }
          } else {
            location.href = 'http://' + host +  '/my/mylist/#/' + mylistId.replace('default','home');
          }
          return;
        }
        if (mylistId === 'default') {
          addDeflist(_watchId);
        } else {
          addMylist(_watchId, mylistId, mylistName);
        }
      };

      body.watchId = function(w, v) {
        if (w) {
          _watchId = w;
          _videoId = v || w;
          var isThreadId = (/^[0-9]+$/.test(w));

          deleteDef.disabled = false;
          if (self.findDeflistByWatchId(w)) {
            deleteDef.style.display = '';
          } else {
            deleteDef.style.display = 'none';
          }
          if (!isWatchPage && isThreadId) {
            tagBtn.style.display = 'none'; // スレッドIDから動画IDを取る手段がないためタグ取得が難しい
          } else {
            tagBtn.style.display = '';
          }
          if (newTabLink) {
            newTabLink.href = 'http://nico.ms/' + _watchId; // QWatchに乗っ取られないようにnico.msをかます(せこい)
          }
          if (mylistListPopup) {
            mylistListPopup.hide();
          }
          return body;
        }
        return _watchId;
      };

      body.show = function() {
        body.style.display = '';
        if (mylistListPopup) {
          mylistListPopup.hide();
        }
      };
      body.hide = function() {
        body.style.display = 'none';
        if (mylistListPopup) {
          mylistListPopup.hide();
        }
      };

      function createSelector() {
        var sel = document.createElement('select');
        var lastSelect = 0;

        sel.className = 'mylistSelect';
        var appendO = function(sel, text, value) {
          var opt = document.createElement('option');
          opt.appendChild(document.createTextNode(text));
          opt.value = value;
          sel.appendChild(opt);
          return opt;
        },
        createOptions = function() {
          for (var i = 0, len = mylistlist.length; i < len; i++) {
            var mylist = mylistlist[i];
            appendO(sel, (i + 1).toString(36) + ':' +  mylist.name, mylist.id);
          }
        },
        onSelect = function() {
          // jQueryは全てのページにあるわけではないので気をつける。忘れると原宿が死ぬ
          if (sel.selectedIndex === 0) {
            body.className = body.className.replace('mylistSelected', 'deflistSelected');
          } else {
            lastSelect = sel.selectedIndex;
            body.className = body.className.replace('deflistSelected', 'mylistSelected');
          }
        },
        selectDeflist = function() {
          sel.selectedIndex = 0;
          onSelect();
        },
        onContextMenu = function(e) {
          e.preventDefault();
          e.stopPropagation();

          if (lastSelect === 0) return;
          if (sel.selectedIndex === 0) {
            sel.selectedIndex = lastSelect;
          } else {
            sel.selectedIndex = 0;
          }
          onSelect();
        };

        appendO(sel, '0:とりマイ', 'default');
        sel.selectedIndex = 0;
        window.setTimeout(createOptions, initialized ? 0 : 3000);

        sel.addEventListener('change', onSelect, false);
        sel.addEventListener('contextmenu', onContextMenu, false);


        body.addEventListener('dblclick', selectDeflist, false);
        return sel;
      }

      function createSubmitButton() {
        var btn = document.createElement('button');
        btn.appendChild(document.createTextNode('my'));
        btn.className = 'mylistAdd';
        btn.title = 'マイリストに追加\n(ボタンを右クリックで詳細メニュー)';

        var callMylistListPopup = function() {
          if (!mylistListPopup) {
            mylistListPopup = new MylistListPopup(mylistlist, onMylistListClick);
          }
          mylistListPopup.toggle(btn, _watchId);
        };

        btn.addEventListener('contextmenu', function(e) {
          if (jQuery) {
            e.preventDefault();
            e.stopPropagation();
            callMylistListPopup();
          }
        });

        btn.addEventListener('click', function(e) {
          var description = null;
          if (e.shiftKey) {
            description = prompt('マイリストコメントの入力');
            if (!description) return;
          }
          setButtonStyleUpdating(btn);

          var mylistId = sel.value, name = sel.options[sel.selectedIndex].textContent;
          if (mylistId === 'default') {
            addDeflist(_watchId, description);
          } else {
            addMylist(_watchId, mylistId, name, description);
          }
        } ,false);
        return btn;
      }

      function createDeleteDeflistItemButton() {
        var btn = document.createElement('button');
        btn.appendChild(document.createTextNode('×'));
        btn.className = 'deflistRemove';
        btn.title = 'とりあえずマイリストから外す';

        btn.addEventListener('click', function() {

          setButtonStyleUpdating(btn);

          self.deleteDefListItem(_watchId, function(status, result) {
            self.reloadDefList();
            btn.style.display = 'none';
            if (status !== "ok") {
              Popup.alert('とりあえずマイリストから削除に失敗: ' + result.error.description);
            } else {
              Popup.show('とりあえずマイリストから外しました');
            }
          });
        } ,false);
        return btn;
      }

      function createTagListButton() {
        var btn = document.createElement('button');
        btn.appendChild(document.createTextNode('tag'));
        btn.className = 'tagGet';
        btn.title = 'タグ取得';
        btn.addEventListener('click', function(e) {
          btn.disabled = true;

          setButtonStyleUpdating(btn);

          if (jQuery) {
            var $btn = jQuery(btn), o = $btn.offset();
            VideoTags.popupItems(_videoId, o.left, o.top + $btn.outerHeight());
          } else {
            VideoTags.popupItems(_videoId, e.pageX, e.pageY);
          }
        } ,false);
        return btn;
      }

      function createNewTabLink() {
        var a = document.createElement('a');
        a.className = 'newTabLink';
        a.target = '_blank';
        a.title = 'この動画を新しいウィンドウで開く';
        a.innerHTML = '▲';
        return a;
      }

      var newTabLink = createNewTabLink();
      if (w.WatchJsApi) {
        nobr.appendChild(newTabLink);
      }


      var sel = createSelector();
      var submit = createSubmitButton(sel);
      nobr.appendChild(sel);
      nobr.appendChild(submit);
      if (jQuery) {
        jQuery(sel).keydown(function(e) {
          e.stopPropagation();
          if (e.keyCode === 13) { // ENTER
            submit.click();
          }
        });
      }

      var tagBtn = createTagListButton();
      nobr.appendChild(tagBtn);

      var deleteDef = createDeleteDeflistItemButton();
      nobr.appendChild(deleteDef);



      nobr.appendChild(extArea);

      body.watchId(_watchId, _videoId);
      return body;
    };

    // XHRでクロスドメインを超えられない場合はこちら
    // 将来マイリストのポップアップウィンドウが廃止されたら使えない
    // (マイページから強引に生成するか？)
    pt.getIframePanel = function(watchId) {
      var _watchId = watchId;
      var body = document.createElement('iframe');
      body.name = 'nicomylistaddDummy';
      body.className = 'mylistPopupPanel';
      body.setAttribute('style', 'width: 130px; height: 24px; z-index: 10000; border: 1px solid silver; padding: 0; margin: 0; overflow: hidden');

      body.watchId = function(w) {
        if (w) {
          _watchId = w;
          body.contentWindow.location.replace("http:/" + "/www.nicovideo.jp/mylist_add/video/" + w);
          return body;
        }
        return _watchId;
      };
      if (watchId !== '') {
        body.src = "http:/" + "/www.nicovideo.jp/mylist_add/video/" + _watchId;
      }

      // ダミーメソッド
      body.show = function() {
        body.style.display = '';
      };
      body.hide = function() {
        body.style.display = 'none';
      };


      return body;
    };

    return new Mylist();
  })();

  var MylistListPopup = function() { this.initialize.apply(this, arguments); };
  MylistListPopup.prototype = {
    initialize: function(mylistList, onItemClick) {
      this._mylistList = mylistList.concat();
      this.initializeView(mylistList);
      this._onItemClick = onItemClick;
    },
    initializeView: function() {
      var $ = jQuery;
      this._$view = $([
        '<div class="mylistListPopup popupMenu">',
          '<div class="listInner">',
          '<ul></ul>',
          '</div>',
        '</div>',
        ''].join(''));
      this._$list = this._$view.find('ul');
      this._$inner = this._$view.find('.listInner');


      $('body').append(this._$view);

      this.refresh();

      this.initializeEvent(this._$view);
    },
    initializeEvent: function($view) {
      $view.on('click', jQuery.proxy(function(e) {
        if (e.button !== 0 || e.metaKey || e.shiftKey || e.altKey || e.ctrlKey) { return; }
        var target = e.target, $target = jQuery(target);
        this.hide();
        e.preventDefault();

        var mylistId = $target.attr('data-mylist-id');
        var mylistName = $target.attr('data-mylist-name');
        if (!mylistId) { return; }
        var type = target.className;

        if (typeof this._onItemClick === 'function') {
          this._onItemClick(mylistId, mylistName, type);
        }
      }, this));
      var self = this, closeTimer = null;
      $view.hover(
        function() {
          if (closeTimer) { window.clearTimeout(closeTimer); }
        },
        function() {
          closeTimer = window.setTimeout(function() { self.hide(); }, 1000);
        });

      $view = null;
    },
    adjustColumnCount: function() {
      this._$inner.css({
        'column-count': '',
        'max-height': ''
      });
      var height = this._$view.outerHeight(),
          clientHeight = jQuery(window).innerHeight(),
          threshold = clientHeight * 0.4;
      if (threshold < height) {
        var columns = parseInt( height / threshold, 10) + 1;
        this._$inner.css({
          'column-count': columns,
          'max-height': clientHeight * 0.8
        });
      }
    },
    updateList: function(mylistList) {
      this._mylistList = mylistList.concat();
      this.refresh();
    },
    refresh: function() {
      var mylistList = this._mylistList;
      this._$list.empty();
      for (var i = 0, len = mylistList.length; i < len; i++) {
        var mylist = mylistList[i];
        this.appendItem(mylist.id, mylist.name, mylist.icon_id);
      }
      this.appendItem('default', 'とりあえずマイリスト');

      this.adjustColumnCount();
    },
    appendItem: function(id, name, icon_id) {
      var $mylist = jQuery([
          '<li class="folder', icon_id, '">',
            '<span class="icon"></span>',
            '<a href="my/mylist/#/', id.replace('default', 'home'), '" class="name">',
              name,
            '</a>',
          '</li>',
        ''].join(''));
      $mylist.find('.icon, .name').attr({
        'data-mylist-id': id,
        'data-mylist-name': name
      });

      if (id === 'default') {
        $mylist.addClass('deflist');
      } else
      if (id.indexOf('ext') === 0) {
        $mylist.addClass('ext');
      }
      this._$list.append($mylist);
    },
    updateExist: function(watchId) {
      if (!watchId) {
        return;
      }
      this._$view.find('.exist').removeClass('exist');
      this._$view.find('.name').each(function() {
        var $this = jQuery(this), mylistId = $this.attr('data-mylist-id');
        if (mylistId === 'default') { return; }
        $this
          .toggleClass('exist', window.WatchItLater.mylist.cache.hasItem(mylistId, watchId));
      });

      this._$view.find('.deflist .name')
        .toggleClass('exist',   window.WatchItLater.mylist.findDeflistByWatchId(watchId) !== null);
    },
    show: function(elm, watchId) {
      this.adjustColumnCount();
      this._$view.addClass('show active');

      if (!elm) { return; }
      var
        $ = jQuery,
        $elm = $(elm),
        o = $elm.offset(),
        $view = this._$view,
        $window = $(window),
        scrollLeft = $window.scrollLeft(),
        scrollTop  = $window.scrollTop();

      $view.css({
        top:  Math.max(o.top - $view.outerHeight(), 0, scrollTop),
        left: o.left
      });
      if ($view.offset().left + $view.outerWidth() > $window.innerWidth() + scrollLeft) {
        $view.css({
          left: Math.max(0, $window.innerWidth() + scrollLeft - $view.outerWidth())
        });
      }

      this.updateExist(watchId);
      jQuery('body').on('click', $.proxy(this._onBodyClick, this));
    },
    hide: function() {
      var $view = this._$view
        .removeClass('show');
      window.setTimeout(function() {
        $view.css({top: '', left: '', right: ''}).removeClass('active');
      }, 500);
      jQuery('body').off('click', this._onBodyClick);
    },
    toggle: function(elm, watchId) {
      if (this._$view.hasClass('avtive')) {
        this.hide();
      } else {
        this.show(elm, watchId);
      }
    },
    _onBodyClick: function() {
      this.hide();
    }
  };

  window.WatchItLater.mylist.cache = (function() {
    var CacheList = function() { this.initialize.apply(this, arguments); };
    CacheList.prototype = {
      initialize: function() {
        this.reset();
      },
      reset: function() {
        this._cacheList = {};
      },
      setCache: function(mylistId, items) {
        if (!this.hasCache(mylistId)) {
          this._cacheList[mylistId] = new MylistCache();
        }
        this._cacheList[mylistId].update(items);
      },
      hasCache: function(mylistId) {
        if (this._cacheList[mylistId]) {
          return true;
        }
        return false;
      },
      hasItem: function(mylistId, watchId) {
        if (!this.hasCache(mylistId)) {
          return false;
        }
        return this._cacheList[mylistId].hasItem(watchId);
      },
      addItem: function(mylistId, watchId) {
        if (!this.hasCache(mylistId)) {
          return false;
        }
        this._cacheList[mylistId].addItem(watchId);
      },
      removeItem: function(mylistId, watchId) {
        if (!this.hasCache(mylistId)) {
          return false;
        }
        this._cacheList[mylistId].removeItem(watchId);
      },
      count: function(mylistId) {
        if (!this.hasCache(mylistId)) {
          return NaN;
        }
        this._cacheList[mylistId].count();
      },
      toJSON: function() {
        var cacheList = this._cacheList;
        return this._cacheList;
      },
      parse: function(jsonString) {
        var data;
        try {
          data = JSON.parse(jsonString);
        } catch (e) {
          data = {};
        }
        this.reset();
        for (var mylistId in data) {
          var mylistCache = data[mylistId];
          this._cacheList[mylistId] = new MylistCache(mylistCache);
        }
      }
    };

    var MylistCache = function() { this.initialize.apply(this, arguments); };
    MylistCache.prototype = {
      initialize: function(mylistData) {
        this._name = '';
        if (mylistData) {
          this.update(mylistData);
        }
      },
      update: function(mylistData) {
        this._cache = [];
        this._hash = {};
        var items = mylistData.items ? mylistData.items : mylistData;
        for (var i = 0, len = items.length; i < len; i++) {
          var
            item = items[i],
            watchId = typeof item.getId === 'function' ? item.getId() : item.id;
          this._cache.push({id: watchId});
          this._hash[watchId] = true;
        }
        if (mylistData.name) {
          this._name = mylistData.name;
        }
      },
      hasItem: function(watchId) {
        return this._hash[watchId] === true;
      },
      addItem: function(watchId) {
        if (this.hasItem(watchId)) {
          return;
        }
        this._hash[watchId] = true;
        this._cache.push({id: watchId});
      },
      removeItem: function(watchId) {
        if (!this.hasItem(watchId)) {
          return;
        }
        delete this._hash[watchId];
        this._cache = $.grep(this._cache, function(item) {
          return item.id !== watchId;
        });
      },
      count: function() {
        return this._cache.length;
      },
      toJSON: function() {
        return {
          name:  this._name,
          items: this._cache
        };
      },
      parse: function(jsonString) {
        var items;
        try {
          items = JSON.parse(jsonString);
        } catch (e) {
          items = [];
        }
        this.update(items);
      }
    };

    var cacheList, noop = function() {};
    var initialize = function() {
      initialize = noop;
      console.log('%cinitialize mylistCache', 'background: lightgreen;');
      cacheList = new CacheList();

      if (conf.enableLocalMylistCache) {
        if (window.PlayerApp) {
          $(window).on('beforeunload.watchItLater', function(e) {
            window.localStorage.setItem('watchItLater_mylistCache', serialize());
          });
        }
        var cacheData = window.localStorage.getItem('watchItLater_mylistCache');
        if (cacheData) {
          cacheList.parse(cacheData);
        }
      }
    };
    var hasCache = function(mylistId, watchId) {
      initialize();
      return cacheList.hasItem(mylistId, watchId);
    };
    var hasItem = function(mylistId, watchId) {
      initialize();
      return cacheList.hasItem(mylistId, watchId);
    };
    var addItem = function(mylistId, watchId) {
      initialize();
      cacheList.addItem(mylistId, watchId);
    };
    var removeItem = function(mylistId, watchId) {
      initialize();
      cacheList.removeItem(mylistId, watchId);
    };
    var setCache = function(mylistId, items) {
      initialize();
      cacheList.setCache(mylistId, items);
    };
    var serialize = function() {
      initialize();
      return JSON.stringify(cacheList);
    };
    var unserialize = function(json) {
      initialize();
      cacheList.parse(json);
    };
    var clearCache = function() {
      window.localStorage.removeItem('watchItLater_mylistCache');
    };


    EventDispatcher.addEventListener('onMyMylistLoad', function(mylistId, list) {
      setCache(mylistId, list || []);
    });
    EventDispatcher.addEventListener('onMylistItemAdded',  function(mylistId, watchId) {
      initialize();
      cacheList.addItem(mylistId, watchId);
    });
    EventDispatcher.addEventListener('onMylistItemDeleted',  function(mylistId, watchId) {
      initialize();
      cacheList.removeItem(mylistId, watchId);
    });


    return {
      initialize: initialize,
      hasItem: hasItem,
      addItem: addItem,
      setCache: setCache,
      serialize: serialize,
      unserialize: unserialize,
      clearCache: clearCache
    };
  })();


  var LocationHashParser = (function(conf, w) {
    var self, dat = {};

    function initialize() {
      var hash = w.location.hash.toString();
      var redirectedHash = window.sessionStorage.getItem('watchItLater_redirectedHash');
      if (redirectedHash) {
        console.log('%cNiconicodo redirect', 'background: lightgreen;');
        hash = redirectedHash;
        window.sessionStorage.removeItem('watchItLater_redirectedHash');
      }
      try {
        if (hash.indexOf('#json={') === 0) {
          dat = JSON.parse(hash.substr(6));
        }
      } catch (e) {
        try {
         dat = JSON.parse(decodeURIComponent(hash.substr(6)));
        } catch(ex) {
          console.log(ex);
        }
        console.log(e);
      }
    }
    function setValue(key, value) {
      dat[key] = value;
    }
    function getValue(key) {
      return dat[key];
    }
    function deleteValue(key) {
      delete dat[key];
    }
    function updateHash() {
      var loc = window.location.href.split('#')[0];
      location.replace(loc +  getHash());
    }
    function removeHash() {
      if (location.hash.length <= 1) { return; }
      var scrollTop = $(window).scrollTop();
      var loc = window.location.href.split('#')[0];
      location.replace(loc + '#');
      $(window).scrollTop(scrollTop);
    }
    function getHash() {
      var json = JSON.stringify(dat);
      if (json === '{}') { return ''; }
      return '#json=' + json;
    }
    function getUrl() {
      var loc = window.location.href.split('#')[0];
      return loc + getHash();
    }
    function clear() {
      dat = {};
      removeHash();
    }

    self = {
      initialize: initialize,
      setValue: setValue,
      getValue: getValue,
      deleteValue: deleteValue,
      updateHash: updateHash,
      removeHash: removeHash,
      getHash: getHash,
      getUrl: getUrl,
      clear: clear
    };
    return self;
  })(conf, w);

  window.WatchItLater.loader.favMylists = (function() {
    var lastUpdate = 0;
    var favMylistList = [];
    var host = location.host.replace(/^([\w\d]+)\./, 'www.');
    var $ = w.$;
    /**
     *  お気に入りマイリストの取得。 jQueryのあるページでしか使えない
     *  マイページを無理矢理パースしてるので突然使えなくなるかも
     */
    var self = {
      load: function(callback) {
        if (!jQuery) return; //

        function request(page) {
          url = baseUrl + '?page=' + page;
          GM_xmlhttpRequest({
            url: url,
            onload: function(resp) {
              var $result = $(resp.responseText).find('#favMylist');

              if ($result.length >= 1) {
                updateMaxPage($result);

                if (page === 1) { favMylistList = []; }

                $result.find('.outer').each(function() {
                  favMylistList.push(readBlock(this));
                });
              }

              if (page < maxPage) {
                setTimeout(function() {
                  page++;
                  request(page);
                }, 500);
              } else {
                sort();
                do_callback();
              }
            }
          });
        }
        function readBlock(elm) {
          var
            $elm         = $(elm),
            $a           = $elm.find('h5 a'), $desc = $elm.find('.mylistDescription'),
            iconType     = $elm.find('.folderIcon').attr('class').split(' ')[1],
            id           = ($a.attr('href').split('/').reverse())[0],
            $postTime    = $elm.find('.postTime span'),
            postTime     = $.trim($postTime.text()),
            postTimeData = $postTime.data(),
            $videoLink   = $elm.find('.videoTitle a'),
            videoTitle   = $videoLink.text(),
            videoHref    = $videoLink.attr('href'),
            videoId      = videoHref ? (videoHref.split('/').reverse()[0]) : '';
          return {
            id: id,
            name: $a.text(),
            description: $desc.text(),
            iconType: iconType,
            lastVideo: {
              title: videoTitle,
              videoId: videoId,
              postedAt: postTime,
              postTimeData: postTimeData
            }
          };
        }

        function updateMaxPage($result) {
          var $paging = $result.find('.pagerWrap:first .pager:first a');
          maxPage = Math.min(Math.max($paging.length, 1), 3);
        }
        function sort() {
          favMylistList.sort(function(a, b) {
              return (a.lastVideo.postedAt < b.lastVideo.postedAt) ? 1 : -1;
          });
        }
        function do_callback() {
          if (typeof callback === 'function') { callback(favMylistList); }
        }

        var now = Date.now();
        if (now - lastUpdate < 3 * 60 * 1000) {
          do_callback();
          return;
        }
        lastUpdate = now;

        var
          baseUrl = 'http://' + host + '/my/fav/mylist',
          url = baseUrl,
          maxPage = 1;

        request(1);

      }
    };
    return self;
  })();


  window.WatchItLater.loader.favTags = (function(w) {
    var lastUpdate = 0;
    var favTagList = [], favTagTextList = [];
    var host = location.host.replace(/^([\w\d]+)\./, 'www.');
    var $ = w.$;
    var pt = function(){};

    var load = function(callback) {
      if (!jQuery) return; //
      var now = Date.now();
      if (now - lastUpdate < 60 * 1000) {
        if (typeof callback === 'function') { callback(favTagList); }
        return;
      }
      lastUpdate = now;
      var api = 'http://' + host + '/api/favtag/list?t=' + now;
      $.ajax({
        url: api,
        timeout: 30000,
        complete: function(result) {
          if (result.status !== 200) {
            return;
          }
          try {
            var json = JSON.parse(result.responseText), items = json.favtag_items;
            for (var i = 0, len = items.length; i < len; i++) {
              var text = items[i]['tag'];
              favTagList.push({href: '/tag/' + encodeURIComponent(text), name: items[i]['tag']});
              favTagTextList.push(text);
            }
            EventDispatcher.dispatch('onFavTagsLoad', favTagTextList.concat());
            if (typeof callback === 'function') { callback(favTagList); }
          } catch (e) {
            console.log('tag parse error!', e);
          }
        }
      });
    };

    pt.load = load;
    return pt;
  })(w);


  /**
   *  左下に出るポップアップメッセージ
   *
   */
  var Popup = (function(){
    function Popup() {}

    Popup.show = function(text) {
      console.log('%c' + text, 'background: cyan;');
      if (w.WatchJsApi) {
        text = text.replace(/[\n]/, '<br />');
        require('watchapp/init/PopupMarqueeInitializer').popupMarqueeViewController.onData(
          // Firefoxではflashの上に半透明要素を重ねられないのでとりあえず黒で塗りつぶす
          '<span style="background: black;">' + text + '</span>'
        );
      }
    };

    Popup.alert = function(text) {
      console.log('%c' + text, 'background: yellow;');
      if (w.WatchJsApi) {
        text = text.replace(/[\n]/, '<br />');
        require('watchapp/init/PopupMarqueeInitializer').popupMarqueeViewController.onData(
          '<span style="background: black; color: red;">' + text + '</span>'
        );
      } else {
        w.alert(text);
      }
    };

    Popup.hide = function() {
      if (w.WatchJsApi) {
        require('watchapp/init/PopupMarqueeInitializer').popupMarqueeViewController.stop();
      }
    };
    return Popup;
  })();


  var KeyMatch = (function() {
    var self;

    function create(def) {
      var ch = def.char[0].toUpperCase();
      return {
        prop: {
          char: ch,
          code: typeof def.code === 'number' ? def.code : ch.charCodeAt(0),
          shift:  !!def.shift,
          ctrl:   !!def.ctrl,
          alt:    !!def.alt,
          enable: !!def.enable
        },
        test: function(event) {
          if (
            this.prop.enable === true           &&
            this.prop.shift   === event.shiftKey &&
            this.prop.ctrl    === event.ctrlKey  &&
            this.prop.alt     === event.altKey   &&
            this.prop.code    === event.which
          ) {
            event.preventDefault();
            return true;
          }
          return false;
        },
        json: function() {
          return JSON.stringify(this.prop);
        }
      };
    }

    self = {
      create: create
    };
    return self;
  })();

  var TouchEventDispatcher = (function(target) {
    var
      self,
      touchStartEvent = null,
      touchEndEvent = null,
      events = {
      onflick: []
    };
    function dispatchEvent(name) {
      var e = events[name];
      for (var i =0, len = e.length; i < len; i++) {
        e[i].apply(null, Array.prototype.slice.call(arguments, 1));
      }
    }

    target.addEventListener('touchstart', function(e) {
      touchStartEvent = e;
    }, false);
    target.addEventListener('touchcancel', function(e) {
      touchStartEvent = null;
    }, false);
    target.addEventListener('touchend', function(e) {
      touchEndEvent = e;
      if (touchStartEvent !== null) {
        var
          sx = touchStartEvent.changedTouches[0].pageX, sy = touchStartEvent.changedTouches[0].pageY,
          ex = touchEndEvent.changedTouches[0].pageX,   ey = touchEndEvent.changedTouches[0].pageY,
          dx = (sx - ex), dy = (sy - ey), len = Math.sqrt(dx * dx + dy * dy), s;
          if (len > 150) {
            s = dy / len;
            var a = Math.abs(s), ss = Math.round(s);
            if (a <= 0.3 || a >= 0.7) {
              var d;
              if (ss < 0) { d = 'down'; } else if (ss > 0) { d = 'up'; }
              else if (dx < 0) { d = 'right';} else { d = 'left'; }
              dispatchEvent('onflick', {
                direction: d,
                distance: len,
                x: dx, y: dy,
                startEvent: touchStartEvent,
                endEvent: touchEndEvent
              });
            }
          }
      }
      touchStartEvent = touchEndEvent = null;
    }, false);

    function onflick(callback) {
      events.onflick.push(callback);
    }

    self = {
      onflick: onflick
    };
    return self;
  })(w.document);



  /**
   *  リンクのマウスオーバーに仕込む処理
   *  ここの表示は再考の余地あり
   */
  var AnchorHoverPopup = (function(w, conf,EventDispatcher) {
    var mylistPanel = Mylist.getPanel(''), hoverMenuDelay = conf.hoverMenuDelay * 1000;
    mylistPanel.className += ' popup';
    mylistPanel.style.display    = 'none';
    document.body.appendChild(mylistPanel);

    EventDispatcher.addEventListener('on.config.hoverMenuDelay', function(delay) {
      delay = parseFloat(delay, 10);
      if (isNaN(delay)) { return; }
      hoverMenuDelay = Math.abs(delay * 1000);
    });

    function showPanel(watchId, baseX, baseY, w_touch) {

      var cn = mylistPanel.className.toString();
      if (w_touch === true) {
        cn = cn.replace(' w_touch', '') + ' w_touch';
      } else {
        if (cn.indexOf('w_touch') >= 0 && mylistPanel.style.display !== 'none') {
          // フリック操作で表示したパネルが出ている間はそちらを優先し、なにもしない
          return;
        }
        cn = cn.replace(' w_touch', '');

      }
      VideoTags.hidePopup();
      if (mylistPanel.className !== cn) mylistPanel.className = cn;

      mylistPanel.style.display = '';
      mylistPanel.watchId(watchId);
      mylistPanel.style.right = null;
      mylistPanel.style.left = (baseX) + 'px';
      mylistPanel.style.top = Math.max(baseY - mylistPanel.offsetHeight, 0, document.body.scrollTop, document.documentElement.scrollTop) + 'px';

      if (mylistPanel.offsetLeft + mylistPanel.offsetWidth > document.body.clientWidth) {
        mylistPanel.style.left = null;
        mylistPanel.style.right = 0;
      }

    }


    var videoReg = /(\?cc_video_id=|\?cc_id=|watch\/)([a-z0-9]+)/;
    var excludeReg = /(news|live|seiga)\..*?nicovideo\.jp/;

    function each(w, watchId) {

      this.w_eventInit = false;

      this.addEventListener('mouseover', function() {
        var mx = 0, my = 0, self = this;
        if (this.href) this.setAttribute('href', this.href.split('?')[0]);

        self.w_mouse_in = true;
        self.w_mouse_timer = null;
        self.w_mouse_timer = setTimeout(function() {
          self.w_mouse_timer = null;
          if (!self.w_mouse_in) {
            return;
          }
          var o;
          if (jQuery) {
            var $e = jQuery(self);
            var t = $e.text();
            o = t !== "" ? $e.offset() : $e.find('*').offset();
            showPanel(watchId, o.left, o.top);
          } else
          if (self.getBoundingClientRect) {
            o = (self.firstChild && self.firstChild.tagName === 'IMG') ? self.firstChild.getBoundingClientRect() : self.getBoundingClientRect();
            var top = Math.max(w.document.documentElement.scrollTop, w.document.body.scrollTop),
                left = Math.max(w.document.documentElement.scrollLeft, w.document.body.scrollLeft);
            showPanel(watchId, left + o.left, top + o.top);
          } else {
            showPanel(watchId, mx + 8, my + 8);
          }
          EventDispatcher.dispatch('mylistPanelOpen', mylistPanel, self, watchId);
        }, hoverMenuDelay);

        if (!this.w_eventInit) {
          this.addEventListener('mouseout', function() {
            self.w_mouse_in = false;
            if (self.w_mouse_timer) {
              clearTimeout(self.w_mouse_timer);
              self.w_mouse_timer = null;
            }
          }, false);
          if (!jQuery) {
            this.addEventListener('mousemove', function(ev) {
              mx = ev.pageX;
              my = ev.pageY;
            }, false);
          }
          this.w_eventInit = true;
        }
      }, false);
      this.added = 1;
    }

    function bind(force, target) {
      if (!conf.enableHoverPopup) { return; }

      var a = Array.prototype.slice.apply(document.links), vreg = videoReg, ereg = excludeReg;
        for (var i = 0, len = a.length; i < len; i++) {
          var e = a[i];
          var m, href= e.href;
          if (
            href &&
            !e.added &&
            (m = vreg.exec(href)) !== null &&
            !ereg.test(href) &&
//            e.className !== "itemEcoLink" &&
            e.className !== "playlistSaveLink"
          ) {
            each.apply(e, [w, m[2]]);
          }
        }
    }
    function bindTouch() {
      TouchEventDispatcher.onflick(function(e) {
        var se = e.startEvent;
        if (e.direction === 'right' && (se.target.tagName === 'A' || se.target.parentElement.tagName === 'A')) {
          var
            a = (se.target.tagName === 'A') ? e.startEvent.target : e.startEvent.target.parentElement,
            href = a.href, vreg = videoReg, ereg = excludeReg, m, watchId;
          if (
            href &&
            (m = vreg.exec(href)) !== null &&
            !ereg.test(href) &&
//            e.className !== "itemEcoLink" &&
            true
          ) {
            watchId = m[2];
             var o;
            if (jQuery) {
              var $a = jQuery(a);
              var t = $a.text();
              o = t !== "" ? $a.offset() : $a.find('*').offset();
              showPanel(watchId, o.left, o.top, true);
            } else {
              o = (a.firstChild && a.firstChild.tagName === 'IMG') ? a.firstChild.getBoundingClientRect() : a.getBoundingClientRect();
              var top  = Math.max(w.document.documentElement.scrollTop,  w.document.body.scrollTop),
                  left = Math.max(w.document.documentElement.scrollLeft, w.document.body.scrollLeft);
              showPanel(watchId, left + o.left, top + o.top, true);
            }
          }
        }
      });
    }

    var lastUpdate = 0, linksCount = document.links.length,
      bindLoop = function(nextTime) {
        var now = Date.now();
        var updateInterval = w.document.hasFocus() ? 3000 : 15000;
        if (now - lastUpdate < updateInterval) {
          var len = document.links.length;
          if (linksCount === len) {
            return;
          }
          linksCount = len;
        }
        bind();
        lastUpdate = now;
      };

    var self = {
      hidePopup: function() {
        VideoTags.hidePopup();
        mylistPanel.hide();
        return this;
      },
      updateNow: function() {
        bind();
        lastUpdate -= 1500;
        return this;
      }
    };


    if (location.host === "ext.nicovideo.jp") {
      bind();
    } else {
      var thumbnailReg = /\.smilevideo\.jp\/smile\?i=(\d+)/;
      if (location.host === 'ch.nicovideo.jp' && jQuery) {
        jQuery('.lazyimage, .thumb_video.thumb_114.wide img, .itemset li .image a .item').each(function() {
          var $e = jQuery(this).text(' ');
          var src = $e.attr('data-original') || $e.attr('src');
          if (typeof src === 'string' && thumbnailReg.test(src)) {
            each.apply(this, [w, 'so' + RegExp.$1]);
          }
        });
      }
      bindTouch();
      bind();
      setInterval(bindLoop, 500);
    }
    return self;
  })(w, conf, EventDispatcher);
  window.WatchItLater.popup = AnchorHoverPopup;


  //===================================================
  //===================================================
  //===================================================


  /**
   *  マイリスト登録のポップアップウィンドウを乗っ取る処理
   *
   *  iframeの子ウィンドウ内に開かれた時に実行される
   *  クロスドメインを越えられない環境ではこっちを使うしかない
   */
  (function(){ // mylist window
    if (w.location.href.indexOf('/mylist_add/') < 0 || w.name === 'nicomylistadd') return;

      var $ = jQuery;
      $('body,table,img,td').css({border:0, margin:0, padding:0, background: "transparent", overflow: 'hidden'});
      $('#main_frm').css({background: '#fff', paddig: 0, borderRadius: 0}).addClass('mylistPopupPanel');

      if ($('#edit_description').length < 1) {
        $('#main_frm .font12:first').css({position: 'absolute', margin: 0, top: 0, left: 0, padding: 0, color: 'red', fontSize: '8pt'});
        // ログインしてないぽい
        return;
      }

      $('#box_success').css({position: 'absolute', top: 0, left: 0});
      $('#box_success h1').css({color: 'black', fontSize: '8pt', padding: 0});
      $('td').css({padding: 0});

      // 「マイリストに登録しました」
//      $('.mb8p4:last').show();
//      $('.mb8p4:last h1').css({fontSize : "8pt"});

      $('table:first').css({width: '200px'});
      $('table:first td.main_frm_bg').css({height: '20px'});
      $('table:first table:first').hide();

      $('select')
        .css({width: '64px',position: 'absolute', top:0, left:0, margin: 0})
        .addClass('mylistSelect');
      $('select')[0].selectedIndex = $('select')[0].options.length - 1;
      $('#select_group option:last')[0].innerHTML = 'とりマイ';

//      var submit = document.createElement("input");
//      submit.className = 'mylistAdd';
//      submit.type  = "submit";
//      submit.value = "マ";
//      $(submit).css({position: 'absolute', top: 0, left: '64px'});
//      $('select')[0].parentNode.appendChild(submit);


      $('#edit_description').hide();

      w.document.documentElement.scrollTop  = 0;
      w.document.documentElement.scrollLeft = 0;


      $($.browser.safari ? 'body' : 'html').scrollTop(0);

      w.window.close = function()
      {
        return;
      };
      w.window.alert = function()
      {
        w.document.write('<span style="position:absolute;top:0;left:0;font-size:8pt;color:red;">' +
                 arguments[0] + '</span>');
      };
  })();


  //===================================================
  //===================================================
  //===================================================

  window.WatchItLater.loader.videoArrayAPILoader = (function() {
    var sessionId = 0;
    var deferredList = {};
    var cacheData = {};
    var currentRequestIds = '', currentPromise;
    var loaderFrame, loaderWindow;
    var BASE_URL = 'http://i.nicovideo.jp/v3/video.array?v=';
    var isChrome = window.navigator.userAgent.toLowerCase().indexOf('chrome') >= 0;

    //WatchItLater.loader.videoArrayAPILoader.load('sm9').then(function(info) { console.log(info); });

    var load = function(watchId) {
      var ids = [], result = {}, def = new $.Deferred(), timeoutTimer = null;

      initialize();

      $(typeof watchId !== 'string' ? watchId : [watchId]).each(function(i, id) {
        if (cacheData[id]) {
          result[id] = cacheData[id];
        } else {
          ids.push(id);
        }
      });
      ids = window._.unique(ids);
      if (ids.length < 1) {
        window.setTimeout(function() { def.resolve(result); }, 0);
        return def;
      }
      var _ids = JSON.stringify(ids);
      var onSuccess = function(infoList) {
        $(ids).each(function(i, id) {
          result[id] = result[id] || infoList[id] || cacheData[id];
        });

        window.clearTimeout(timeoutTimer);
        currentRequestIds = ''; currentPromise = null;
        def.resolve(result);
        def = null;
      };
      var onFail = function() {
        window.clearTimeout(timeoutTimer);
        console.log('%cVideoArrayAPILoader.onFail', 'color: red;');
        currentRequestIds = ''; currentPromise = null;
        if (def) {
          def.reject();
        }
        def = null;
      };

      sessionId++;

      timeoutTimer = window.setTimeout(onFail, 30 * 1000);

      if (_ids === currentRequestIds) {
        currentPromise.then(onSuccess, onFail);
        return def;
      }

      currentRequestIds = _ids;
      sendRequest(ids, sessionId).then(onSuccess, onFail);

      return def.promise();
    };

    var sendRequest = function(ids, sessionId) {
      var def = new $.Deferred();
      currentPromise = def;
      deferredList[sessionId] = def;
      if (isChrome) {
        // 基本的に i.nicovideo.jpのほうが高機能だが、Chrome + Tampermonkeyからは使えないため回避策
        window.WatchItLater.loader.ceAPIClient.videoArray(ids, 'xml').then(
          function(xml) { onXmlLoad(sessionId, xml); },
          function()    { onXmlFail(sessionId); }
        );
      } else {
        loaderWindow.location.replace(BASE_URL + ids.join(',') + '#' + sessionId);
      }
      return def.promise();
    };

    var parseVideoArray = function(xml) {
      var $xml = $(xml), infoList = {};
      $xml.find('video_info').each(function() {
        var info = new parseVideoInfo($(this));
        infoList[info.id] = cacheData[info.id] = cacheData[info.default_thread] = info;
        if (info.threadIds && info.threadIds.length > 1) {
          $(info.threadIds).each(function(i, threadId) {
            infoList[threadId] = cacheData[threadId] = info;
          });
        }
      });
      return infoList;
    };

    var parseVideoInfo = function($xml) {
      var info = {threadIds: []};
      var elements = [
        'id', 'user_id', 'title', 'description', 'length_in_seconds',
        'thumbnail_url', 'first_retrieve', 'default_thread',
        'view_counter', 'mylist_counter'];

      $(elements).each(function(i, elm) {
        info[elm] = $xml.find(elm + ':first').text();
      });

      info['num_res'] = $xml.find('thread:first num_res').text();

      var duration = parseInt(info['length_in_seconds'], 10);
      info['length'] = parseInt(duration / 60, 10) + ':' + (100 + (duration % 60)).toString().substr(1);

      info['first_retrieve_t'] = info['first_retrieve'];

      var DateFormat = require('watchapp/util/DateFormat');
      info['first_retrieve'] = DateFormat.strftime('%Y-%m-%d %H:%M:%S', new Date(info['first_retrieve']));

      $xml.find('thread id, channel_thread id').each(function() {
        info.threadIds.push(this.innerHTML);
      });
      return info;
    };

    var onXmlLoad = function(sessionId, xml) {
      if (deferredList[sessionId]) {
        deferredList[sessionId].resolve(parseVideoArray(xml));
        delete deferredList[sessionId];
        currentPromise = null;
      }
    };

    var onXmlFail = function(sessionId) {
      if (deferredList[sessionId]) {
        deferredList[sessionId].reject();
        delete deferredList[sessionId];
        currentPromise = null;
      }
    };

    var initialize = function() {
      initialize = window._.noop;

      loaderFrame = document.createElement('iframe');
      loaderFrame.name      = 'watchItLaterAPILoader';
      loaderFrame.className = 'watchItLaterAPILoaderFrame xDomainLoaderFrame';
      document.body.appendChild(loaderFrame);

      loaderWindow = loaderFrame.contentWindow;

      EventDispatcher.addEventListener('onMessage', function(data, type) {
        if (type !== 'VideoArrayAPILoader') { return; }
        var sessionId = data.session, xml = data.xml;
        try {
          //console.log('VideoArrayAPILoader.onMessage', data.session, data.xml);
          onXmlLoad(sessionId, xml);
        } catch (e) {
          console.log('message parse error', e);
          onXmlFail(sessionId);
        }
      });

    };

    // sample URL
    // http://i.nicovideo.jp/v3/video.array?v=sm9,sm3393520,sm5909863,so23023492,1394173596
    //initialize();
    return {
      load: load
    };
  })();

  // 参考: http://www59.atwiki.jp/nicoapi/pages/24.html
  // TampermonkeyはContent-Type: text/xmlのページで動かないため、
  // 同じドメインにある適当なテキストapiを踏み台にして通信する
  window.WatchItLater.loader.ceAPIClient = (function() {
    var BASE_URL = 'http://api.ce.nicovideo.jp/api/v1/system.unixtime?';
    var MESSAGE_ORIGIN = 'http://api.ce.nicovideo.jp/';

    function CeAPIClient() {}

    CeAPIClient.prototype = {
      initialize: function() {
        this.initialize = this.initialize_;
        console.log('%cinitialize CeAPIClient', 'background: lightgreen;');
        this._initialDef = new $.Deferred();

        var sessions  = this._sessions  = {};
        var cacheData = this._cacheData = {};

        var loaderFrame = document.createElement('iframe');
        loaderFrame.name      = 'ceAPILoader';
        loaderFrame.className = 'ceAPILoaderFrame xDomainLoaderFrame';
        document.body.appendChild(loaderFrame);

        this._loaderWindow = loaderFrame.contentWindow;

        EventDispatcher.addEventListener('onMessage', $.proxy(function(data, type) {
          if (type !== 'ceAPILoader') { return; }
          if (data.status === 'initialized') {
            return this._onInitialized();
          }

          if (data.sessionId) {
            var def = sessions[data.sessionId];
            delete sessions[data.sessionId];

            if (data.status === 'ok') {
              cacheData[data.url] = data.body;
              return def.resolve(data.body);
            } else {
              cacheData[data.url] = data.body;
              window.setTimeout(function() { delete cacheData[data.url]; }, 60000);
              return def.reject(data.status);
            }
          }
        }, this));

        this._loaderWindow.location.replace(BASE_URL);

        return this._initialDef.promise();
      },
      initialize_: function() {
        var def = new $.Deferred();
        window.setTimeout(function() { def.resolve(); }, 0);
        return def.promise();
      },
      _onInitialized: function() {
        return this._initialDef.resolve();
      },
      _load: function(url) {
        var def = new $.Deferred(), cacheData = this._cacheData;
        if (cacheData[url]) {
          window.setTimeout(function() { def.resolve(cacheData[url]); }, 0);
          return def.promise();
        }

        var sessionId = 'session_' + Math.random();
        this._sessions[sessionId] = def;
        try {
          this._loaderWindow.postMessage(JSON.stringify({
            sessionId: sessionId,
            url: url
          }),
          MESSAGE_ORIGIN);
        } catch (e) {
          console.log('%cException!', 'background: red;', e);
          delete this._sessions[sessionId];
          return def.reject();
        }
        return def.promise();
      },
      videoArray: function(watchId, format) {
        return this.initialize().then($.proxy(function() {
          var url = '/nicoapi/v1/video.array?v=';
          var ids = [], def = new $.Deferred();

          $(typeof watchId !== 'string' ? watchId : [watchId]).each(function(i, id) {
            ids.push(id);
          });
          ids = window._.unique(ids);
          if (ids.length < 1) {
            window.setTimeout(function() { def.resolve({}); }, 0);
            return;
          }

          url = url + ids.join(',');
          if (!format || format !== 'xml') {
            url += '&__format=json';
          }

          this._load(url).then(function(result) {
            try {
              if (!format && format !== 'xml') {
                result = JSON.parse(result).nicovideo_video_response;
                result.status = result['@status'];
                delete result['@status'];
              }
            } catch (e) {
              console.log('%cJSON parse Error!', 'background: red;', e);
              def.reject({});
            }
            return def.resolve(result);
          }, function() {
            return def.reject();
          });

          return def.promise();
        }, this));
      }
    };

    return new CeAPIClient();
  })();


  //===================================================
  //===================================================
  //===================================================

  var _watchController = function(w) {
    var _false = function() { return false; };
    var
      watchInfoModel = require('watchapp/model/WatchInfoModel').getInstance() || {},
      VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer'),
      PlayerInitializer = require('watchapp/init/PlayerInitializer'),
      CommonModelInitializer = require('watchapp/init/CommonModelInitializer'),
      WindowUtil = require('watchapp/util/WindowUtil'),
      PlaylistInitializer = require('watchapp/init/PlaylistInitializer'),

      nicoPlayer              = PlayerInitializer.nicoPlayerConnector || {},
      videoExplorerController = VideoExplorerInitializer.videoExplorerController,
      videoExplorer           = videoExplorerController.getVideoExplorer(),
      videoExplorerContentType = require('watchapp/components/videoexplorer/model/ContentType'),
      $ = w.$, WatchJsApi = w.WatchJsApi;
    return {
      isZeroWatch: function() {
        return (window.WatchJsApi) ? true : false;
      },
      getWatchInfoModel: function() {
        return watchInfoModel;
      },
      nicoSearch: function(word, search_type) {
        if (!search_type) {
          try {
            var type = videoExplorerContentType.SEARCH;
            search_type = videoExplorer.getContentList().getContent(type).getSearchType();
          } catch(e) {
            search_type = search_type || 'tag';
          }
        }
        videoExplorerController.searchVideo(word, search_type);
        AnchorHoverPopup.hidePopup();
      },
      showMylist: function(mylistId) {
        videoExplorerController.showMylist(mylistId.toString());
      },
      clearDeflistCache: function() {
        VideoExplorerInitializer.deflistVideoAPILoader._cache.clear();
      },
      clearMylistCache: function(id) {
        if (id) {
          VideoExplorerInitializer.mylistVideoAPILoader._cache.deleteElement(
            'http://riapi.nicovideo.jp/api/watch/mylistvideo?id=' + id.toString()
          );
        } else {
          VideoExplorerInitializer.mylistVideoAPILoader._cache.clear();
        }
      },
      showDeflist: function() {
        videoExplorerController.showDeflist();
      },
      changeScreenMode: function(mode) {
        WatchJsApi.player.changePlayerScreenMode(mode);
        setTimeout(function(){$(window).resize();}, 3000);
      },
      isFixedHeader: function() {
        return !$('body').hasClass('nofix');
      },
      // ヘッダー追従かどうかを考慮したscrollTop
      scrollTop: function(top, dur) {
        var header = (this.isFixedHeader() ? $("#siteHeader").outerHeight() : 0);

        if (top !== void 0) {
          return $(window).scrollTop(top - header, dur);
        } else {
          return $(window).scrollTop() + header;
        }
      },
      scrollToVideoPlayer: function(force) {
        // 縦解像度がタグ+プレイヤーより大きいならタグの開始位置、そうでないならプレイヤーの位置にスクロール
        // ただし、該当部分が画面内に納まっている場合は、勝手にスクロールするとかえってうざいのでなにもしない
        var $body = $('body'), isContentFix = $body.hasClass('content-fix');
        $body.addClass('w_noHover').removeClass('content-fix');
        var h = $('#playerContainer').outerHeight() + $('#videoTagContainer').outerHeight();
        var top = $(window).height() >= h ? '#videoTagContainer, #playerContainer' : '#playerContainer';


        if (force) {
          // 要素が画面内に納まっている場合でも、その要素の位置までスクロール
          WindowUtil.scrollFit(top, 600);
        } else {
          // 要素が画面内に収まっている場合はスクロールしない
          WindowUtil.scrollFitMinimum(top, 600);
        }
        $(window).scrollLeft(0);
        $body.toggleClass('content-fix', isContentFix);
        setTimeout(function() {
          $body.removeClass('w_noHover');
        }, 800);
      },
      play: function() {
        nicoPlayer.playVideo();
      },
      pause: function() {
        nicoPlayer.stopVideo();
      },
      togglePlay: function() {
        var status = $("#external_nicoplayer")[0].ext_getStatus();
        if (status === 'playing') {
          this.pause();
        } else {
          this.play();
        }
      },
      isPlaying: function() {
        var status = $("#external_nicoplayer")[0].ext_getStatus();
        return status === 'playing';
      },
      nextVideo: function() {
        return nicoPlayer.playNextVideo();
      },
      prevVideo: function() {
        return nicoPlayer.playPreviousVideo();
      },
      vpos: function(v) {
        if (typeof v === 'number') {
          return nicoPlayer.seekVideo(v);
        } else {
          return nicoPlayer.getVpos();
        }
      },
      openSearch: function() {
        VideoExplorerInitializer.expandButtonView.open();
      },
      closeSearch: function() {
        videoExplorer.changeState(false);
        videoExplorer.close();
      },
      openVideoOwnersVideo: function() {
        if (this.isChannelVideo()) {
          this.openChannelOwnersVideo();
        } else {
          this.openUpNushiVideo();
        }
      },
      openUpNushiVideo: function() {
        videoExplorerController.showOwnerVideo();
      },
      openChannelOwnersVideo: function() {
        videoExplorerController.showMylist('-3');
      },
      openUserVideo: function(userId, userNick) {
        videoExplorerController.showOtherUserVideos(userId, userNick);
      },
      openRecommend: function() {
        var
          type = videoExplorerContentType.RELATED_VIDEO,
          open = function() {
            var rel = VideoExplorerInitializer.videoExplorer._menu.getItemByContentType(type);
            rel.select();
          };
        if (videoExplorer.isOpen()) {
          open();
        } else {
          this.openSearch();
          setTimeout(open, 500);
        }
      },
      getVideoExplorerCurrentItems: function(format) {
        var ac = videoExplorer._contentList.getActiveContent();
        if (!ac || !ac.getItems) return [];
        var items = ac.getItems();

        if (!format) {
          return items;
        } else
        if (format === 'playlist') {
          var result = [];
          for (var i = items.length - 1; i >= 0; i--) {
            result.unshift(
              videoExplorerController._item2playlistItem(items[i])
            );
          }
          return result;
        }
      },
      getWatchId: function() {// スレッドIDだったりsmXXXXだったり
        return watchInfoModel.v;
      },
      getVideoId: function() {// smXXXXXX, soXXXXX など
        return watchInfoModel.id;
      },
      getMyNick: function() {
        return CommonModelInitializer.viewerInfoModel.nickname;
      },
      getMyUserId: function() {
        return CommonModelInitializer.viewerInfoModel.userId;
      },
      getPlaylistItems: function() {
         return PlaylistInitializer.playlist.items || PlaylistInitializer.playlist.currentItems;
      },
      setPlaylistItems: function(items, currentItem) {
        var playlist = PlaylistInitializer.playlist;
        playlist.reset(
          items,
          'WatchItLater',
          playlist.type,
          playlist.option
        );
        if (currentItem) { playlist.playingItem = currentItem; }
        else { playlist.playingItem = items[0]; }
      },
      shufflePlaylist: function(target) {
        var x = this.getPlaylistItems(), items = [], i, currentIndex = -1, currentItem = null;
          if (target === 'right') {
          for (i = 0; i < x.length;) {
            if (x[0]._isPlaying) {
              currentIndex = i;
              currentItem = x.shift();
              items.push(currentItem);
              break;
            } else {
              items.push(x.shift());
            }
          }
        }

        x = x.map(function(a){return {weight:Math.random(), value:a};})
          .sort(function(a, b){return a.weight - b.weight;})
          .map(function(a){return a.value;});
        for (i = 0; i < x.length; i++) {
          if (x[i]._isPlaying) {
            items.unshift(x[i]);
          } else {
            items.push(x[i]);
          }
        }
        var PlaylistManager = require('watchapp/view/playlist/PlaylistManager');
        var pm = PlaylistManager, pv = PlaylistInitializer.playlistView;
        var left = pm.getLeftSideIndex();
        this.setPlaylistItems(items, currentItem);
        pv.scroll(left);
      },
      clearPlaylist: function(target) {
        var x = this.getPlaylistItems(), items = [], i, currentItem = null;
        if (target === 'left') {
          for (i = x.length - 1; i >= 0; i--) {
            items.unshift(x[i]);
            if (x[i]._isPlaying) {
              currentItem = x[i];
              break;
            }
          }
        } else
        if (target === 'right') {
          for (i = 0; i < x.length ; i++) {
            items.push(x[i]);
            if (x[i]._isPlaying) {
              currentItem = x[i];
              break;
            }
          }
        }
        else {
          for (i = 0; i < x.length; i++) {
            if (x[i]._isPlaying) {
              currentItem = x[i];
              items.unshift(x[i]);
            }
          }
        }
        this.setPlaylistItems(items, currentItem);
      },
      appendSearchResultToPlaylist: function(mode) {
        var
          items = this.getPlaylistItems(),
          searchItems = this.getVideoExplorerCurrentItems('playlist'),
          uniq = {}, i, playingIndex = 0, c, len, currentItem = null;
        if (!searchItems || searchItems.length < 1) {
          return;
        }
        for (i = 0, len = items.length; i < len; i++) {
          uniq[items[i].id] = true;
          if (items[i]._isPlaying) { playingIndex = i; currentItem = items[i]; }
        }
        if (mode === 'next') {
          for (i = searchItems.length - 1; i >= 0; i--) {
            c = searchItems[i];
            ("undefined" === typeof c.type || "video" === c.type) && uniq[c.id] === void 0 && items.splice(playingIndex + 1, 0, c);
          }
        } else {
          for (i = 0, len = searchItems.length; i < len; i++) {
            c = searchItems[i];
            ("undefined" === typeof c.type || "video" === c.type) && uniq[c.id] === void 0 && items.push(c);
          }
        }
        this.setPlaylistItems(items, currentItem);
      },
      insertVideoToPlaylist: function(id) {
        WatchItLater.VideoInfoLoader.load(id).then(function(info) {
            var PlaylistItem = require('watchapp/model/playlist/PlaylistItem');
            var item = new PlaylistItem(info);
            PlaylistInitializer.playlist.insertNextPlayingItem(item);
          }, function(err) {
            Popup.alert(err.message);
          });
      },
      addDefMylist: function(description) {
        var watchId = watchInfoModel.id;
        setTimeout(function() {
          Mylist.addDefListItem(watchId, function(status, result, replaced) {
            Mylist.reloadDefList();
            if (status !== "ok") {
              Popup.alert('とりあえずマイリストの登録に失敗: ' + result.error.description);
            } else {
              var torimai = '<a href="/my/mylist">とりあえずマイリスト</a>';
              Popup.show(
                torimai +
                (replaced ? 'の先頭に移動しました' : 'に登録しました')
              );
            }
          }, description);
        }, 0);
      },
      commentVisibility: function(v) {
        if (v === 'toggle') {
          return this.commentVisibility(!this.commentVisibility());
        } else
        if (typeof v === 'boolean') {
          nicoPlayer.playerConfig.set({commentVisible: v});
          return this;
        } else {
          var pc = nicoPlayer.playerConfig.get();
          return pc.commentVisible;
        }
      },
      deepenedComment: function(v) {
        if (v === 'toggle') {
          return this.deepenedComment(!this.deepenedComment());
        } else
        if (typeof v === 'boolean') {
          nicoPlayer.playerConfig.set({deepenedComment: v});
          return this;
        } else {
          var pc = nicoPlayer.playerConfig.get();
          return pc.deepenedComment;
        }
      },
      allowStageVideo: function(v) {
        if (v === 'toggle') {
          return this.allowStageVideo(!this.allowStageVideo());
        } else
        if (typeof v === 'boolean') {
          nicoPlayer.playerConfig.set({allowStageVideo: v});
          return this;
        } else {
          var pc = nicoPlayer.playerConfig.get();
          return pc.allowStageVideo;
        }
      },
      isStageVideoSupported: function() {
        try {
          var exp = w.document.getElementById('external_nicoplayer');
          return exp.isStageVideoSupported();
        } catch(e) {
          console.log(e);
          return false;
        }
      },
      isStageVideoAvailable: function() {
        try {
          var exp = w.document.getElementById('external_nicoplayer');
          return exp.isStageVideoAvailable();
        } catch(e) {
          console.log(e);
          return false;
        }
      },
      toggleStageVideo: function() {
        if (!this.isStageVideoSupported()) {
          Popup.alert('ハードウェアアクセラレーションを使用できない状態か、未対応の環境です');
          return;
        }
        var isAllowed = this.allowStageVideo(), exp = $('#external_nicoplayer')[0];
        exp.setIsForceUsingStageVideo(!isAllowed && conf.forceEnableStageVideo);
        this.allowStageVideo(!isAllowed);
        setTimeout($.proxy(function() {
          isAllowed = this.allowStageVideo();
          var isAvailable = this.isStageVideoAvailable();
          Popup.show('ハードウェアアクセラレーション:' +
            (isAllowed ? '設定ON' : '設定OFF') + ' / ' +
            (isAvailable ? '使用可能' : '使用不能')
          );
        }, this), 100);
      },
      mute: function(v) {
        var exp = w.document.getElementById('external_nicoplayer');

        if (v === 'toggle') {
          return this.mute(!this.mute());
        } else
        if (typeof v === 'boolean') {
          exp.ext_setMute(v);
          return this;
        } else {
          return exp.ext_isMute();
        }
      },
      volume: function(v) {
        var exp = w.document.getElementById('external_nicoplayer');
        if (typeof v === 'string' && v.match(/^[+-]\d+$/)) {
          this.volume(this.volume() + v * 1);
        } else
        if (typeof v === 'number' || (typeof v === 'string' && v.match(/^\d+$/))) {
          exp.ext_setVolume(Math.max(0, Math.min(v * 1, 100)));
        }
        return exp.ext_getVolume();
      },
      isWide: function() {
        var exp = w.document.getElementById('external_nicoplayer');
        return exp.ext_isWide();
      },
      isPlaylistActive: function() {
        return PlaylistInitializer.playlist.getPlaybackMode() !== 'normal';
      },
      isPlaylistRandom: function() {
        return PlaylistInitializer.playlist.isShuffle();
      },
      isPlaylistContinuous: function() {
        return PlaylistInitializer.playlist.getPlaybackMode() === 'continuous';
      },
      getOwnerIcon: function() {
        try {
          return this.isChannelVideo() ? watchInfoModel.channelInfo.iconUrl : watchInfoModel.uploaderInfo.iconUrl;
        } catch (e) {
          return 'http://uni.res.nimg.jp/img/user/thumb/blank_s.jpg';
        }
      },
      getOwnerName: function() {
        try {
          return this.isChannelVideo() ? watchInfoModel.channelInfo.name    : watchInfoModel.uploaderInfo.nickname;
        } catch (e) {
          return '';
        }
      },
      getOwnerId: function() {
        try {
          return this.isChannelVideo() ? watchInfoModel.channelInfo.id      : watchInfoModel.uploaderInfo.id;
        } catch (e) {
          return '0';
        }
      },
      getOwnerType: function() {
        try {
          return this.isChannelVideo() ? 'channel' : 'user';
        } catch (e) {
          return 'channel';
        }
      },
      getOwnerPage: function() {
        try {
          if (this.isChannelVideo()) {
            return $('#ch_prof').find('.symbol').attr('href');
          } else {
            return '/user/' + this.getOwnerId();
          }
        } catch (e) {
          return '';
        }
      },
      isFavoriteOwner: function() {
        try {
          return this.isChannelVideo() ?
            !!(watchInfoModel.channelInfo && watchInfoModel.channelInfo.isFavorited) :
            watchInfoModel.uploaderInfo.isFavorited;
        } catch (e) {
          return false;
        }
      },
      isVideoPublic: function() { // 投稿動画一覧を公開しているか？ 公開マイリストがあるかどうかとは別なのでややこしい
        return this.isChannelVideo() ? true : watchInfoModel.uploaderInfo.isUserVideoPublic;
      },
      isChannelVideo: function() {
        return watchInfoModel.isChannelVideo();
      },
      getOwnerInfo: function() {
        return {
          type:       this.getOwnerType(),
          name:       this.getOwnerName(),
          icon:       this.getOwnerIcon(),
          id:         this.getOwnerId(),
          page:       this.getOwnerPage(),
          isFavorite: this.isFavoriteOwner(),
          isVideoPublic: this.isVideoPublic()
        };
      },
      isSearchMode: function() {
        return videoExplorer.isOpen(); ////return $('body').hasClass('videoExplorer');
      },
      isFullScreen: function() {
        return $('body').hasClass('full_with_browser');
      },
      // フルスクリーンの時にタグとかプレイリストを表示する設定かどうか
      isFullScreenContentAll: function() {
        try {
          var content = localStorage.BROWSER_FULL_OPTIONS;
          if (typeof content !== 'string') return false;
          var isAll = JSON.parse(content).content === 'all';
          return isAll;
        } catch(e) {
          console.log('%cexception', 'background: red; color: white;', e);
          return false;
        }
      },
      isIchibaEmpty: function() {
        return $('#ichibaMain')   .find('.ichiba_mainitem').length < 1;
      },
      postComment: function(comment, command) {
        comment = $.trim(comment);
        if (comment.length <= 0) { return; }
        if (!command) { command = ''; }

        setTimeout(function() {
          try {
            var exp = w.document.getElementById('external_nicoplayer');
            console.log('postComment: ', [comment, command]);
            if (!exp.externalPostChat(comment, command)) {
              Popup.alert('コメント投稿に失敗しました');
            }
          } catch(e) {
            Popup.alert('コメント投稿に失敗しました');
          }
        }, 0);
      },
      // スレッドIDから動画IDに変換。出来なかった時はそのまま返す
      getTid2Vid: function(watchId, callback) {
        if (!watchId.match(/^[0-9]+$/)) {
          return callback(watchId);
        }
        window.WatchItLater.VideoInfoLoader.load(watchId).then(function(info) {
            callback(info.id);
          },
          function() {
            callback(watchId);
          });
      }
    };
  }; // end _watchController

  (function() {
    window.WatchItLater.WatchController =
    window.WatchController = {
      isZeroWatch:  function() { return window.WatchJsApi ? true : false; },
      isFullScreen: function() { return false; },
      isSearchMode: function() { return false; },
      getTid2Vid: function(threadId, callback) { return callback(threadId); }
    };
  })();



  var Util = (function() {
    var Cache = {
      storage: {},
      get: function(key) {
        if (!this.storage[key]) {
          console.log('no cache');
          return false;
        } else
        if (this.storage[key].cachedUntil <= Date.now()){
          console.log('cache timeout');
          delete this.storage[key];
          return false;
        } else {
          console.log('cache exist');
          return this.storage[key].data;
        }
      },
      set: function(key, data, cacheTimeMs) {
        cacheTimeMs = cacheTimeMs || 1000 * 60 * 10;
        console.log('set cache', key, cacheTimeMs);
        this.storage[key] = {
          data: data,
          cachedUntil: Date.now() + cacheTimeMs
        };
        return data;
      }
    };
    var Browser = {
      isWebkit: function() {
        return navigator.userAgent.toLowerCase().indexOf('webkit') >= 0;
      },
      isFx: function() {
        return navigator.userAgent.toLowerCase().indexOf('firefox') >= 0;
      }
    };
    var
      isMetaKey = function(e) {
        if (e.button !== 0 || e.metaKey || e.shiftKey || e.altKey || e.ctrlKey) { return true; }
        return false;
      },
      prevent = function(e) {
        e.preventDefault(); e.stopPropagation();
      },
      scrollToVideoExplorer = function() {
        if (!WatchController.isSearchMode()) { return; }
        WindowUtil = require('watchapp/util/WindowUtil'),
        window.setTimeout(function() {
          WindowUtil.scrollFit($('#videoExplorer'));
        }, 100);
      };

    var Closure = {
      outScope: function(func) {
        return new Function([
          '(' + func.toString() + ').apply(this, arguments);'
        ].join(''));
      },
      openVideoOwnersVideo: function() {
        return function(e) {
          if (isMetaKey(e)) { return; }
          prevent(e);
          WatchController.openVideoOwnersVideo();
          scrollToVideoExplorer();
        };
      },
      openVideoOwnersNicorepo: function() {
        return function(e) {
          if (isMetaKey(e)) { return; }
          if (conf.disableVideoExplorer && !WatchController.isSearchMode()) {
            return;
          }
          prevent(e);
          //WatchController.showMylist(NicorepoVideo.REPO_OWNER);
          WatchController.showMylist('repo-owner-' + WatchController.getOwnerId());
          scrollToVideoExplorer();
        };
      },
      openDefMylist: function() {
        return function(e) {
          if (isMetaKey(e)) { return; }
          prevent(e);
          WatchController.showDeflist();
          scrollToVideoExplorer();
        };
      },
      openMylist: function(id) {
        return function(e) {
          if (isMetaKey(e)) { return; }
          prevent(e);
          WatchController.showMylist(id);
          scrollToVideoExplorer();
        };
      },
      openNicoSearch: function(word, type) {
        return function(e) {
          if (isMetaKey(e)) { return; }
          if (WatchController.isZeroWatch()) {
            prevent(e);
            WatchController.nicoSearch(word, type);
            scrollToVideoExplorer();
          }
        };
      },
      seekVideo: function(vpos) {
        return function(e) {
          if (isMetaKey(e)) { return; }
          prevent(e);
          WatchController.vpos(vpos);
        };
      },
      showLargeThumbnail: function(url) {
        return function() {
          WatchController.showLargeThumbnail(url);
        };
      },
      commentPanelContextMenu: function() {
        return function(a) {
          a.preventDefault(); a.stopPropagation();
          var c = this.commentListModel.getComment(this.parseResNo(jQuery(a.currentTarget)));
          var WatchApp = null, WatchController = null;
          if (c) {
            var
              $d   = this.CommentContextMenu.$contextMenuContainer,
              $e   = jQuery("#playerCommentPanel"),
              left = this.$commentTableHeaderOuter.position().left,
              top  = a.pageY - $e.offset().top,
              f   = Math.min($e.offset().top + $e.outerHeight(), jQuery(window).scrollTop() + jQuery(window).outerHeight());
            if (f < a.pageY + $d.outerHeight()) top -= a.pageY + $d.outerHeight() - f;
            this.CommentContextMenu.show(c, left, top);
          }
        };
      }
    };
    var Deferred = {
      wait: function(msec) {
       return function() {
          var args = Array.prototype.slice.call(arguments, 0);
          var d = new $.Deferred();
          setTimeout(function() {
            d.resolve.apply(d, args);
          }, msec);
          return d.promise();
        };
      }
    };

    var FullScreen = {
      now: function() {
        if (document.fullScreenElement || document.mozFullScreen || document.webkitIsFullScreen) {
          return true;
        }
        return false;
      },
      request: function(target) {
        var elm = typeof target === 'string' ? document.getElementById(target) : target;
        if (!elm) { return; }
        if (elm.requestFullScreen) {
          elm.requestFullScreen();
        } else if (elm.webkitRequestFullScreen) {
          elm.webkitRequestFullScreen();
        } else if (elm.mozRequestFullScreen) {
          elm.mozRequestFullScreen();
        }
      },
      cancel: function() {
        if (!this.now()) { return; }

        if (document.cancelFullScreen) {
          document.cancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        }
      }
    };

    var self = {
      Cache: Cache,
      Closure: Closure,
      Deferred: Deferred,
      Browser: Browser,
      FullScreen: FullScreen,
      here: function(func) { // えせヒアドキュメント
        return func.toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1].replace(/\{\*/g, '/*').replace(/\*\}/g, '*/');
      }
    };
    return self;
  })();
  window.WatchItLater.util = Util;

// いったん凍結
//  var NicoNews = (function() {
//    var initialized = false;
//    var $button = null, $history = null, $ul = null, deteru = {}, $textMarquee, $textMarqueeInner;
//    var isHover = false;
//
//    function onNewsUpdate(news) {
//      var type = news.data.type, $current = null,
//          newsText = $textMarqueeInner.find('.categoryOuter:last').text() +
//                     $textMarqueeInner.find('.item .title, .item .header, .item .bannertext, .item .text').text(),
//          newsHref = $textMarqueeInner.find('a').attr('href');
//      if (deteru[newsHref]) {
//        $current = deteru[newsHref].remove();
//      } else {
//        $current = deteru[newsHref] = makeTopic(newsText, newsHref, type);
//      }
//      $ul.append($current);
//      $current.show(200, scrollToBottom);
//    }
//    function makeTopic(title, url, type) {
//      return $([
//        '<li style="display: none;">',
//        '<a href="', url , '" target="_blank" class="', type, ' title="', window.escape(title),'">', title, '</a>',
//        '</li>',
//      ''].join(''));
//    }
//    function scrollToBottom() {
//      if (!isHover) {
//        $history.animate({scrollTop: $('.newsHistory ul').innerHeight()}, 200);
//      }
//    }
//
//    var self = {
//      initialize: function(w) {
//        if (!w.WatchJsApi || initialized) { return; }
//        var TextMarqueeInitializer = require('watchapp/init/TextMarqueeInitializer');
//        $textMarquee = $('#textMarquee');
//        $textMarqueeInner = $textMarquee.find('.textMarqueeInner');
//
//        TextMarqueeInitializer.textMarqueeViewController.scheduler.addEventListener(
//          'schedule',
//          onNewsUpdate);
//
//        $button = $('<button class="openNewsHistory" title="ニコニコニュースの履歴を開く">▲</button>');
//        $history = $('<div class="newsHistory" style="display: none;"><ul></ul></div>');
//        $history.hover(
//          function() { isHover = true; },
//          function() { isHover = false; }
//        );
//        $ul = $history.find('ul');
//        $button.click(function() { self.toggle(); });
//
//        $textMarquee.append($button).append($history);
//        initialized = true;
//      },
//      open: function() {
//        var WindowUtil = require('watchapp/util/WindowUtil');
//        $history.show(200, function() {
//          scrollToBottom();
//          WindowUtil.scrollFitMinimum('.newsHistory', 200);
//        });
//      },
//      close: function() {
//        $history.hide(200);
//        isHover = false;
//      },
//      toggle: function() {
//        if ($history.is(':visible')) {
//          $button.text('▲');
//          this.close();
//        } else {
//          $button.text('▼');
//          this.open();
//        }
//      }
//    };
//    return self;
//  })();



  /**
   *  マイリストや検索API互換形式のデータを返すやつ
   */
  var DummyMylist = function() { this.initialize.apply(this, arguments); };
  DummyMylist.prototype = {
    banner: '',
    id: '-100',
    sort: '4',
    isDeflist: -1,
    isWatchngCountFull: false,
    isWatchngThisMylist: false,
    itemCount: 0,
    items: [],
    rawData: {},
    page: 1,
    perPage: 32,
    type: 2, // 2: MYLIST_VIDEO
//
    // ver130726より新規追加 defineGetterのほうがいいかも

    status: 'ok',
    name: '',
    description: '',
    user_id: '',
    user_nickname: 'ニコニコ動画',
    default_sort: '1',
    is_watching_this_mylist: false,
    is_watching_count_full: false,
    list: [],
    // ここまで
    initialize: function(param) {
      this.rawData = {
        status: 'ok',
        list: [],
        name: '総合ランキング',
        description: '',
        is_watching_count_full:  false,
        is_watching_this_mylist: false,
        user_nickname: '',
        user_id: '',
        sort: '1'
      };
      this._baseCreateTime = Date.now();//new Date();
      this.rawData.user_nickname = param.user_nickname || WatchController.getMyNick();
      this.rawData.user_id       = param.user_id       || WatchController.getMyUserId();
      this.rawData.name          = param.name          || this.rawData.name;
      this.rawData.description   = param.description   || '';

      var ContentType = require('watchapp/components/videoexplorer/model/ContentType');
      this.type = param.type || ContentType.MYLIST_VIDEO;
      this.sort = this.rawData.sort = param.sort || this.sort;
      this.id   = param.id || '-100';

      this.status        = this.rawData.status;
      this.list          = this.rawData.list;
      this.name          = this.rawData.name;
      this.description   = this.rawData.description;
      this.default_sort  = this.rawData.sort || this.sort;
      this.user_nickname = this.rawData.user_nickname || this.user_nickname;
      this.user_id       = this.rawData.user_id;

    },
    setName: function(name) {
      this.rawData.name = name;
    },
    getName: function() {
      return this.rawData.name || '';
    },
    setPage: function(page) {
      this.page = page;
      this.items = this.rawData.list.slice(page * this.perPage - this.perPage, page * this.perPage);
    },
    push: function(item) {
      if (!item.create_time) {
        var tm = this._baseCreateTime - 60000 * this.itemCount;
        item.create_time = tm;
      }
      this.rawData.list.push(item);
      this.itemCount = this.rawData.list.length;
      this.setPage(this.page);
    },
    unshift: function(item) {
      if (!item.create_time) {
        var tm = this._baseCreateTime + 60000 * this.itemCount;
        item.create_time = tm;
      }
      this.rawData.list.unshift(item);
      this.itemCount = this.rawData.list.length;
      this.setPage(this.page);
    },
    slice: function(b, e) {
      this.rawData.list = this.rawData.list.slice(b, e);
      this.itemCount    = this.rawData.list.length;
      this.setPage(this.page);
    },
    sortItem: function(sortId, force) {
      sortId = parseInt(sortId, 10);
      if (!!!force && (sortId < 0 || sortId === parseInt(this.sort, 10)) ) { return; }
      var sortKey = ([
        'create_time',        'create_time',
        'mylist_comment',     'mylist_comment',
        'title',              'title',
        'first_retrieve',     'first_retrieve',
        'view_counter',       'view_counter',
        'thread_update_time', 'thread_update_time',
        'num_res',            'num_res',
        'mylist_counter',     'mylist_counter',
        'length_seconds',     'length_seconds'
      ])[sortId],
      order = (sortId % 2 === 0) ? 'asc' : 'desc';

      if (!sortKey) { return; }
      var compare= {
        asc:   function(a, b) { return (a[sortKey]   > b[sortKey]  ) ? 1 : -1; },
        desc:  function(a, b) { return (a[sortKey]   < b[sortKey]  ) ? 1 : -1; },
        iasc:  function(a, b) { return (a[sortKey]*1 > b[sortKey]*1) ? 1 : -1; },
        idesc: function(a, b) { return (a[sortKey]*1 < b[sortKey]*1) ? 1 : -1; }
      };
      // 偶数がascで奇数がdescかと思ったら特に統一されてなかった
      if (
        sortKey === 'first_retrieve'   ||
        sortKey === 'thread_update_time'
      ) {
        order = (sortId % 2 === 1) ? 'asc' : 'desc';
      } else
      // 数値系は偶数がdesc
      if (sortKey === 'view_counter'   ||
          sortKey === 'num_res'        ||
          sortKey === 'mylist_counter' ||
          sortKey === 'length_seconds'
        ) {
        order = (sortId % 2 === 1) ? 'iasc' : 'idesc';
      }
      this.sort = this.rawData.sort = sortId.toString();
      this.rawData.list.sort(compare[order]);
      this.items = this.rawData.list.slice(0, 32);
      this.list  = this.rawData.list.slice(0);
    }
  };

  var DummyMylistVideo = function() { this.initialize.apply(this, arguments); };
  DummyMylistVideo.prototype = {
    id: 0,
    title: '',
    length: 0,
    view_counter: 0,
    num_res: 0,
    mylist_counter: 0,
    description_short: '',
    first_retrieve: null,
    thumbnail_url: null,
    mylist_comment: '',
    create_time: null,
    type: 0, //'video',
    _info: {},


    initialize: function(info) {
      this._info             = info._info || this;
      this.id                = info.id;
      this.length            = info.length;
      this.mylist_counter    = info.mylist_counter || 0;
      this.view_counter      = info.view_counter   || 0;
      this.num_res           = info.num_res        || 0;
      this.first_retrieve    = info.first_retrieve || '2000-01-01 00:00:00';
      this.create_time       = info.create_time    || null;
      this.thumbnail_url     = info.thumbnail_url  || 'http://res.nimg.jp/img/common/video_deleted_ja-jp.jpg' /* 「視聴できません」 */;
      this.title             = info.title || '';
      this.type              = info.type || 'video';
      this.description_short = info.description_short;
      this.length            = info.length         || '00:00';
      this.length_seconds    = parseInt(info.length_seconds || 0, 10);
      this.mylist_comment    = info.mylist_comment || '';

      var ContentItemType = require('watchapp/components/videoexplorer/model/ContentItemType');
      this.type              = info.type || ContentItemType.VIDEO;

      if (this.length_seconds === 0 && this.length && this.length.indexOf(':') >= 0) {
        var sp = this.length.split(':');
        this.length_seconds = sp[0] * 60 + sp[1] * 1;
      } else
      if (this.length === '00:00' && this.length_seconds > 0) {
        this.length = parseInt(this.length_seconds / 60, 10) + ':' + (this.length_seconds % 60);
      }

      if (typeof info.is_middle_thumbnail !== 'boolean') {
        if (this.thumbnail_url.indexOf('.M') >= 0) {
          this.thumbnail_url = this.thumbnail_url.replace(/\.M$/, '');
          this.is_middle_thumbnail = true;
        } else
        if (this.thumbnail_url.indexOf('.M') < 0 &&
            this.id.indexOf('sm') === 0) {
          var threshold = 23608629, // .Mのついた最小ID?
              _id = window._.parseInt(this.id.substr(2));
          if (_id >= threshold) {
            this.is_middle_thumbnail = true;
          }
        }
      }
    },
    getType:        function() { return this.type; },
    getInfo:        function() { return this; }, // 手抜き
    getName:        function() { return this.title; },
    getId:          function() { return this.id; },
    getDescription: function() { return this.description_short; },


    length_seconds: 0, // TODO:
    thread_update_time: '2000-01-01 00:00:00' // TODO: 「コメントが新しい順でソート」に必要？
  };

  // 参考:
  // http://looooooooop.blog35.fc2.com/blog-entry-1146.html
  // http://toxy.hatenablog.jp/entry/2013/07/25/200645
  // http://ch.nicovideo.jp/pita/blomaga/ar297860
  // http://search.nicovideo.jp/docs/api/ma9.html
  var NewNicoSearch = function() { this.initialize.apply(this, arguments); };
  NewNicoSearch.API_BASE_URL  = 'http://api.search.nicovideo.jp/api/';
  NewNicoSearch.PAGE_BASE_URL = 'http://search.nicovideo.jp/video/';
  NewNicoSearch.prototype = {
    _u: '',      // 24h, 1w, 1m, ft  期間指定
    _ftfrom: '', // YYYY-MM-DD
    _ftto: '',   // YYYY-MM-DD
    _l: '',      // short long
    _m: false,   // true=音楽ダウンロード
    _sort: '',   // last_comment_time, last_comment_time_asc,
                // view_counter,      view_counter_asc,
                // comment_counter,   comment_counter_asc,
                // mylist_counter,    mylist_counter_asc,
                // upload_time,       upload_time_asc,
                // length_seconds,    length_seconds_asc
    _size: 32,   // 一ページの件数  maxは100
    _issuer: 'watch-it-later',
    _base_url: NewNicoSearch.API_BASE_URL,
    initialize: function(params) {

    },
    load: function(params, callback) {
      var url = this._base_url;
      var data = {};
      data.query   = params.query   || 'Qwatch';
      data.service = params.service || ['video']; // video video_tag
      data.search  = params.search  || ['title', 'tags', 'description'];
      data.join    = params.join    || [
        // TODO:投稿者IDを取得する方法がないか？
          'cmsid', 'title', 'description', 'thumbnail_url', 'start_time',
          'view_counter', 'comment_counter', 'mylist_counter', 'length_seconds', 'last_res_body'
        //  'user_id', 'channel_id', 'main_community_id', 'ss_adlut'
        ];
      data.filters = params.filters || [{}];
      data.sort_by = params.sort_by || 'start_time';
      data.order   = params.order   || 'desc';
      data.timeout = params.timeout || 10000;
      data.issuer  = params.issuer  || 'watch-it-later';
      data.reason  = params.reason  || 'video-explorer'; // 'watchItLater';
      data.size    = params.size    || 32;
      data.from    = params.from    || 0;

      if (params.sort_by === '_hot') { // 人気順ソートのパラメータ
        data.hot_field = params.hot_field;
        data.hot_from  = params.hot_from;
        data.hot_to    = params.hot_to;
      }

      var cache_key = JSON.stringify({url: url, data: data}), cache = Util.Cache.get(cache_key);
      if (cache) {
        setTimeout(function() { callback(null, cache); }, 0);
        return;
      }

      $.ajax({
        url: url,
        type: 'POST',
        data: JSON.stringify(data),
        timeout: 30000,
        complete: function(result) {
          console.log('result', result);
          if (result.status !== 200) {
            callback('fail', 'HTTP status:' + result.status);
            return;
          }
          var data;
          try {
            var lines = result.responseText.split('\n'), head = JSON.parse(lines[0]);
            if (head.values[0].total > 0) {
              data = [head];
              for (var i = 1, len = lines.length; i < len - 1; i++) {
                data.push(JSON.parse(lines[i]));
              }
            } else {
              data = [head, JSON.parse(lines[1]), {type: 'hits', values: []}, JSON.parse(lines[2])];
            }
            Util.Cache.set(cache_key, data);
          } catch(e) {
            console.log('Exception: ', e, result);
            callback('fail', 'JSON syntax');
            return;
          }
          callback(null, data);
        },
        error: function(req, status, thrown) {
          if (status === 'parsererror') {
            return;
          }
          console.log('%c ajax error: ' + status, 'background: red', arguments);
          callback('fail', status);
        }
      });
    }
  };



  /**
   *  niconico新検索の検索結果を既存の検索API互換形式に変換して返すやつ
   */
  var NewNicoSearchWrapper = function() { this.initialize.apply(this, arguments); };
  NewNicoSearchWrapper.prototype = {
    _search: null,
    sortTable: {f: 'start_time', v: 'view_counter', r: 'comment_counter', m: 'mylist_counter', l: 'length_seconds',
      '_hot':     '_hot',    // 人気が高い順
      '_explore': '_explore', // 新着優先
      '_popular': '_popular' // 並び順指定なし
    },
    initialize: function(params) {
      this._search = params.search;
    },
    _buildSearchQuery: function(params) {
      var query = {filters: []};
      var sortTable = this.sortTable;
      query.query   = params.searchWord;
      query.search  = params.searchType === 'tag' ? ['tags'] : ['tags', 'title', 'description'];
      query.sort_by = params.sort && sortTable[params.sort] ? sortTable[params.sort] : 'last_comment_time';
      query.order   = params.order === 'd' ? 'desc' : 'asc';
      query.size    = params.size || 32;
      query.from    = params.page ? Math.max(parseInt(params.page, 10) - 1, 0) * query.size : 0;

      var n = new Date();
      var now = n.getTime();
      switch (params.u) {
        case '1h':
          query.filters.push(this._buildStartTimeRangeFilter(new Date(now -   1 *  1 * 60  * 60 * 1000)));
          break;
        case '24h': case '1d':
          query.filters.push(this._buildStartTimeRangeFilter(new Date(now -   1 * 24 * 60  * 60 * 1000)));
          break;
        case '1w':  case '7d':
          query.filters.push(this._buildStartTimeRangeFilter(new Date(now -   7 * 24 * 60  * 60 * 1000)));
          break;
        case '1m':
          query.filters.push(this._buildStartTimeRangeFilter(new Date(now -  30 * 24 * 60  * 60 * 1000)));
          break;
        case '3m':
          query.filters.push(this._buildStartTimeRangeFilter(new Date(now -  90 * 24 * 60  * 60 * 1000)));
          break;
        case '6m':
          query.filters.push(this._buildStartTimeRangeFilter(new Date(now - 180 * 24 * 60  * 60 * 1000)));
          break;
        default:
          break;
      }

      if (query.sort_by === '_hot') {
        // 人気が高い順ソート
        (function() {
          var DateFormat = require('watchapp/util/DateFormat');
          var format = function(date) { return DateFormat.strftime('%Y-%m-%d %H:%M:%S', date); };
          query.hot_field = 'mylist_counter';
          query.hot_from = format(new Date(now - 1 * 24 * 60 * 60 * 1000));
          query.hot_to   = format(n);

          query.order = 'desc';
        })();
      }

      if (typeof params.userId === 'string' && params.userId.match(/^\d+$/)) {
        query.filters.push({type: 'equal', field: 'user_id',    value: params.userId});
      }
      if (typeof params.channelId === 'string' && params.channelId.match(/^\d+$/)) {
        query.filters.push({type: 'equal', field: 'channel_id', value: params.channelId});
      }
      if (typeof params.commentCount === 'string' && params.commentCount.match(/^[0-9]+$/)) {
        query.filters.push({
          type: 'range',
          field: 'comment_counter',
          include_lower: true,
          from: params.commentCount
        });
      }

      if (params.l === 'short') { // 5分以内
        query.filters.push(this._buildLengthSecondsRangeFilter(0, 60 * 5));
      } else
      if (params.l === 'long' ) { // 20分以上
        query.filters.push(this._buildLengthSecondsRangeFilter(60 * 20));
      }

      if (params.m === true) {    // 音楽ダウンロード
        query.filters.push({type: 'equal', field: 'music_download', value: true});
      }

      // TODO: これの調査 → {field: 'ss_adult', type: 'equal', value: false}

      return query;
    },
    _buildStartTimeRangeFilter: function(from, to) {
      var DateFormat = require('watchapp/util/DateFormat');
      var format = function(date) { return DateFormat.strftime('%Y-%m-%d %H:%M:%S', date); };
      var range = {field: 'start_time',     type: 'range', include_lower: true, };
      range.from = format(from);
      if (to) range.to = format(to);
      return range;
    },
    _buildLengthSecondsRangeFilter: function(from, to) {
      var range = {field: 'length_seconds', type: 'range'};
      if (to) { // xxx ～ xxx
        range.from = Math.min(from, to);
        range.to   = Math.max(from, to);
        range.include_lower = range.include_upper = true;
      } else { // xxx以上
        range.from = from;
        range.include_lower = true;
      }
      return range;
    },
    load: function(params, callback) {
      var query = this._buildSearchQuery(params);
      this._search.load(query, $.proxy(function(err, result) {
        this.onLoad(err, result, params, query, callback);
      }, this));
    },
    onLoad: function(err, result, params, query, callback) {
      if (err) {
        console.log('load fail', err, result);
        callback('fail', {message: '通信に失敗しました1'});
        return;
      }
      var searchResult;
        searchResult = {
          status: 'ok',
          count: result[0].values[0].total,
          page: params.page,
          list: []
        };
        var pushItems = function(items) {
          var len = items.length;
          for (var i = 0; i < len; i++) {
            var item = items[i], description = item.description ? item.description.replace(/<.*?>/g, '') : '';

            item.id = item.cmsid;
            if (item.thumbnail_url.indexOf('.M') >= 0) {
              item.thumbnail_url = item.thumbnail_url.replace(/\.M$/, '');
              item.is_middle_thumbnail = true;
            } else
            if (item.thumbnail_url.indexOf('.M') < 0 &&
                item.id.indexOf('sm') === 0) {
              var threshold = 23608629, // .Mのついた最小ID?
                  _id = _.parseInt(item.id.substr(2));
              if (_id >= threshold) {
                item.is_middle_thumbnail = true;
              }
            }

            searchResult.list.push({
              id:                item.cmsid,
              type:              0, // 0 = VIDEO,
              length:            item.length_seconds ?
                                   Math.floor(item.length_seconds / 60) + ':' + (item.length_seconds % 60 + 100).toString().substr(1) : '',
              mylist_counter:    item.mylist_counter,
              view_counter:      item.view_counter,
              num_res:           item.comment_counter,
              first_retrieve:    item.start_time,
              create_time:       item.start_time,
              thumbnail_url:     item.thumbnail_url,
              title:             item.title,
              description_short: description.substr(0, 150),
              description_full:  description,
              length_seconds:    item.length_seconds,
              last_res_body:     item.last_res_body,
              is_middle_thumbnail: item.is_middle_thumbnail
  //            channel_id:        item.channel_id,
  //            main_community_id: item.main_community_id
            });
          }
        };
        for (var i = 1; i < result.length; i++) {
          if (result[i].type === 'hits' && result[i].endofstream) { break; }
          if (result[i].type === 'hits' && result[i].values) {
            pushItems(result[i].values);
          }
        }
      callback(null, searchResult);
    }
  };

  // sug.search.nicovideo.jpはリアルタイムの入力補完用？ で、関連タグはhttp://api.search.nicovideo.jp/api/tag/ っぽい
  var NicoSearchSuggest = function() { this.initialize.apply(this, arguments); };
  NicoSearchSuggest.API_BASE_URL = 'http://sug.search.nicovideo.jp/'; //'/suggestion/complete';
  NicoSearchSuggest.prototype = {
    _base_url: NicoSearchSuggest.API_BASE_URL,
    initialize: function(params) {
    },
    load: function(word, callback) {
      if (typeof word !== 'string' || word.length <= 0) {
        throw new Error('wordが設定されてない！');
      }
      var url        = this._base_url + 'suggestion/complete',
          cache_key  = JSON.stringify({url: url, word: word}),
          cache_time = 60 * 1000 * 1,
          cache      = Util.Cache.get(cache_key);
      if (cache) {
        setTimeout(function() { callback(null, cache); }, 0);
        return;
      }
      $.ajax({
        url: url,
        type: 'POST',
        data: word,
        timeout: 30000,
        complete: function(result) {
          if (result.status !== 200) {
            callback('fail', 'HTTP status:' + result.status);
            return;
          }
          var data;
          try {
            data = JSON.parse(result.responseText);
          } catch(e) {
            console.log('Exception: ', e, result);
            callback('fail', 'JSON syntax');
          }
          Util.Cache.set(cache_key, data, cache_time);
          callback(null, data);
        },
        error: function(req, status, thrown) {
          if (status === 'parsererror') {
            return;
          }
          callback('fail', status);
        }
      });
    }
  };

  var NicoSearchRelatedTag = function() { this.initialize.apply(this, arguments); };
  NicoSearchRelatedTag.API_BASE_URL = 'http://api.search.nicovideo.jp/';
  NicoSearchRelatedTag.prototype = {
    _base_url: NicoSearchRelatedTag.API_BASE_URL,
    initialize: function(params) {
    },
    load: function(word, callback) {
      var url        = this._base_url + 'api/tag/',
          cache_key  = JSON.stringify({url: url, word: word}),
          cache_time = 60 * 1000 * 10,
          cache      = Util.Cache.get(cache_key);
      if (cache) {
        setTimeout(function() { callback(null, cache); }, 0);
        return;
      }
      var query = {query: word, service: ['tag_video'], from: 0, size: 100, timeout: 10000, reason: 'user'};
      $.ajax({
        url: url,
        type: 'POST',
        data: JSON.stringify(query),
        timeout: 30000,
        complete: function(result) {
          if (result.status !== 200) {
            callback('fail', 'HTTP status:' + result.status);
            return;
          }
          var data;
          try {
            var lines = result.responseText.split('\n');
            data = JSON.parse(lines[0]);
          } catch(e) {
            console.log('Exception: ', e, result);
            callback('fail', 'JSON syntax');
            return;
          }
          Util.Cache.set(cache_key, data, cache_time);
          callback(null, data);
        },
        error: function(req, status, thrown) {
          if (status === 'parsererror') {
            return;
          }
          callback('fail', status);
        }
      });
    }
  };


  var VideoInfoLoader = function() { this.initialize.apply(this, arguments); };
  VideoInfoLoader.BASE_URL = "http://riapi.nicovideo.jp/api/search/tag";
  VideoInfoLoader.prototype = {
    initialize: function(params) {
    },
    load: function(id, callback) {
      var def = new $.Deferred();
      var PlaylistInitializer = require('watchapp/init/PlaylistInitializer');

      var cache_key = JSON.stringify({'VideoInfoLoaderCache': id}), cacheData = Util.Cache.get(cache_key);
      if (cacheData) {
        return def.resolve(cacheData);
      }

      if (id.toString().match(/^\d+$/)) { // watchId
        PlaylistInitializer.videoInfoAPILoader.load(
          [id],
          function(err, resp) {
            if (err !== null) {
              return def.reject({message: '通信に失敗しました(1)', status: 'fail'});
            }
            if (resp.items && resp.items[id] && resp.items[id].id) {
              if (typeof callback === 'function') { callback(null, resp.items[id]); }
              return def.resolve(Util.Cache.set(cache_key, resp.items[id]));
            }
            err = {message: '動画が見つかりませんでした(1): ' + id, status: 'fail'};
            if (typeof callback === 'function') { callback(err, null); }
            return def.reject(err);
          }
        );
        return def.promise();
      }

      // タグ検索APIの「もしかして: xxx」を使って動画情報を取得する
      var HTTPUtil = require('watchapp/util/HTTPUtil');
      HTTPUtil.loadXDomainAPI({ // videoId
        url: VideoInfoLoader.BASE_URL,
        type: 'GET',
        dataType: 'json',
        xhrFields: {
          withCredentials: true
        },
        data: {
          words: 'watch/' + id,
          sort: 'f',
          order: 'd',
          page: '1',
          mode: 'watch'
        },
        success: function(result) {
          if (result.suggest_video && result.suggest_video.id) {
            if (typeof callback === 'function') { callback(null, result.suggest_video); }
            def.resolve(Util.Cache.set(cache_key, result.suggest_video));
          } else {
            var err = {message: '動画が見つかりませんでした(2): ' + id, status: 'fail'};
            if (typeof callback === 'function') { callback(err, null); }
            def.reject(err);
          }
        },
        error: function(resp) {
          var err = {message: '通信に失敗しました(2)', status: 'fail'};
          if (typeof callback === 'function') { callback(err, null); }
          def.reject(err);
        }
      });
      return def.promise();
    }
  };
  WatchItLater.VideoInfoLoader = new VideoInfoLoader({});

  var RelatedVideo = function() { this.initialize.apply(this, arguments); }
  RelatedVideo.prototype = {
    initialize: function(params) {
    },
    load: function(watchId) {
      var def = new $.Deferred();
      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      VideoExplorerInitializer.relatedVideoAPILoader.load(
        {'video_id': watchId},
        function(err, result) {
          if (err !== null) {
            return def.reject({message: '通信に失敗しました(1)', status: 'fail', err: err});
          }
          return def.resolve(result);
        }
      );
      return def.promise();
    }
  };
  WatchItLater.RelatedVideo = new RelatedVideo({});

  /**
   *  動画視聴履歴をマイリストAPIと互換のある形式で返すことで、ダミーマイリストとして表示してしまう作戦
   */
  var VideoWatchHistory = (function(w, Util){
    function load(callback) {
      var $, myNick, myId, url;
      try{
          $ = w.$; url = '/my/history';
          myNick = WatchController.getMyNick(); myId = WatchController.getMyUserId();
      } catch (e) {
        console.log(e);
        throw { message: 'エラーが発生しました', status: 'fail'};
      }

      var CACHE_KEY = 'videohistory', CACHE_TIME = 1000 * 60 * 1, cacheData = Util.Cache.get(CACHE_KEY);
      if (cacheData) {
        setTimeout(function() {callback(cacheData);}, 0);
        return;
      }

      var result = new DummyMylist({
        id: '-1',
        sort: '1',
        name: myNick + 'の視聴履歴',
        user_id: myId,
        user_name: 'ニコニコ動画'
      });
      GM_xmlhttpRequest({
        url: url,
        onload: function(resp) {
          var $dom = $(resp.responseText), $list = $dom.find('#historyList');
          $list.find('.outer').each(function() {
            var
              $item = $(this), $meta = $item.find('.metadata'), $title = $item.find('.section h5 a'),
              id = $title.attr('href').split('/').reverse()[0], title = $title.text(),
              duration = $item.find('.videoTime').text(),
              viewCnt   = $meta.find('.play')   .text().split(':')[1].replace(/,/g, ''),
              resCnt    = $meta.find('.comment').text().split(':')[1].replace(/,/g, ''),
              mylistCnt = $meta.find('.mylist') .text().split(':')[1].replace(/,/g, ''),
              postedAt  = '20' + $meta.find('.posttime').text().replace(/(年|月)/g, '-').replace(/(日| *投稿)/g, ''),
              thumbnail = $item.find('.thumbContainer a .video').attr('src');

            var item = new DummyMylistVideo({
              id: id,
              length: duration,
              mylist_counter: mylistCnt,
              view_counter: viewCnt,
              num_res: resCnt,
              first_retrieve: postedAt,
              thumbnail_url: thumbnail,
              title: title,
              _info: {first_retrieve: postedAt},
              description_short: $item.find('.section .posttime span').text()
            });
            result.push(item);
          });
          callback(Util.Cache.set(CACHE_KEY, result, CACHE_TIME));
        },
        onerror: function() {
          Popup.alert('視聴履歴の取得に失敗しました');
        }
      });

    }
    var self = {
      load : load
    };
    return self;
  })(w, Util);



  var VideoRecommendations = (function(w, Util){
    var histories = {};
    function request(callback) {
      var $, url, myNick, myId;
      try{
          $ = w.$;
          url = '/recommendations';
          myNick = WatchController.getMyNick();
          myId = WatchController.getMyUserId();
      } catch (e) {
        console.log(e);
        throw { message: 'エラーが発生しました', status: 'fail'};
      }
      var CACHE_KEY = 'recommend', CACHE_TIME = 1000 * 60 * 1, cacheData = Util.Cache.get(CACHE_KEY);
      if (cacheData) {
        setTimeout(function() {callback(cacheData); }, 0);
        return;
      }

      var result = new DummyMylist({
        id: '-2',
        sort: '1',
        name: 'あなたにオススメの動画'
      });
      GM_xmlhttpRequest({
        url: url,
        onload: function(resp) {
          var text = resp.responseText, lines = text.split(/[\r\n]/), found = false, data, i, len;
          for (i = 0, len = lines.length; i < len; i++) {
            var line = lines[i];
            if (line.indexOf('var Nico_RecommendationsParams') >= 0 &&
                lines[i + 5] && lines[i + 5].indexOf('first_data') >= 0) {
              try {
                data = JSON.parse(lines[i + 5].replace(/^.*?:/, ''));
              } catch (e) {
                console.log('JSON parse error!', i, lines[i + 5]);
                break;
              }
              if (data && data.items) {
                data.videos = data.items;
              }
              if (data && data.videos) {
                found = true;
                break;
              }
            }
          }
          if (!found) {
            throw { message: '取得に失敗しました', status: 'fail'};
          }

          var df = require('watchapp/util/DateFormat');
          for (i = 0, len = data.videos.length; i < len; i++) {
            var video = data.videos[i];

            if (video.item_type !== 'video') { break; }
            if (typeof video.first_retrieve === 'number') {
              video.first_retrieve =
                df.strftime('%Y-%m-%d %H:%M:%S', new Date(video.first_retrieve * 1000));
            }
            var tag = video.recommend_tag;
            if (!tag &&
                video.additional_info &&
                video.additional_info.sherlock &&
                video.additional_info.sherlock.tag) {
              tag = video.additional_info.sherlock.tag;
            }

            if (histories[video.id]) {
              delete histories[video.id];
            }
            var item = new DummyMylistVideo({
              id: video.id,
              length: video.length,
              mylist_counter: video.mylist_counter,
              view_counter:   video.view_counter,
              num_res:        video.num_res,
              first_retrieve: video.first_retrieve,
              thumbnail_url:  video.thumbnail_url,
              title:          video.title_short,
              _info: video,
              description_short: '関連タグ: ' + tag
            });
            histories[video.id] = item;
          }
          for (var v in histories) {
            result.unshift(histories[v]);
          }
          result.slice(0, 128);
          callback(Util.Cache.set(CACHE_KEY, result, CACHE_TIME));
        },
        onerror: function() {
          throw { message: '取得に失敗しました', status: 'fail'};
        }
     });

    }
    function load(callback, param) {
      request(function(result) {
        var viewPage = (param && typeof param.page === 'number') ? param.page : 1;
        result.setPage(viewPage);
        callback(result);
      });
    }
    var self = {
      load : load
    };
    return self;
  })(w, Util);


  var NicorepoVideo = (function(w, Util) {
    if (!window.PlayerApp) return {};

    var CACHE_TIME = 1000 * 60 * 10;

    var getNicorepoTitle = function(type, param) {
      var base = '【ニコレポ】';
      if (type === 'all') {
        return base + 'すべての動画';
      } else
      if (type === 'chcom') {
        return base + 'お気に入りチャンネル&コミュニティの動画';
      } else
      if (type === 'mylist') {
        return base + 'お気に入りマイリストの動画';
      } else
      if (type === 'owner') {
        return WatchController.getOwnerName() + 'のニコレポ';
      }
      return base + 'お気に入りユーザーの動画';
    };

    var parseItemList = function($dom) {
      var $list = $dom.find('.timeline');
      return $list.find([
        '.log-user-mylist-add',
        '.log-user-uad-advertise',
        '.log-user-video-upload',
        '.log-user-video-review',
        '.log-mylist-added-video',
        '.log-community-video-upload',
        '.log-user-video-round-number-of-view-counter',
        '.log-user-video-round-number-of-mylist-counter'
      ].join(', '));
    };

    var ownerReg = /\/(community|user|channel)\/((co|ch)?\d+)\??/;
    var parseNicorepoItem = function(src) {
      var
        DateFormat = require('watchapp/util/DateFormat'),
        $item = $(src), $title = $item.find('.log-content .log-target-info a'),
        id = $title.attr('href').split('/').reverse()[0].replace(/\?.*$/, ''), title = $title.text(),
        duration = '--:--',
        viewCnt   = '-',
        resCnt    = '-',
        mylistCnt = '-',
        postedAt  = DateFormat.strftime('%Y-%m-%d %H:%M:%S', new Date($item.find('.log-footer-date time').attr('datetime'))),
        thumbnail = $item.find('.log-target-thumbnail .video').attr('data-src'),
        description_short = $.trim($item.find('.log-body').text()).replace(/(しました|されました)。/g, ''),
        $owner = $item.find('.author-user, .author-community'),
        ownerPage  = $owner.attr('href'),
        ownerMatch = ownerReg.exec(ownerPage),
        ownerName  = $owner.text(),
        ownerId    = (ownerMatch !== null && ownerMatch.length >= 3) ? ownerMatch[2] : null,
        ownerIcon  = $item.find('.log-author img').attr('data-src'),
        mylistComment = $item.find('.log-content .log-subdetails').text().trim()
        ;

      $item.removeClass('log').removeClass('passive').removeClass('first');
      if (src.className === 'log-mylist-added-video') {
        ownerName = $item.find('.log-body a:first').text();
        ownerPage = $item.find('.log-body a:last').attr('href');
      }

      var item = new DummyMylistVideo({
        id: id,
        length: duration,
        mylist_counter: mylistCnt,
        view_counter: viewCnt,
        num_res: resCnt,
        first_retrieve: postedAt,
        thumbnail_url: thumbnail,
        mylist_comment: mylistComment,
        title: title,
        _info: {
          first_retrieve: postedAt,
          nicorepo_className: src.className,
          nicorepo_log: [window._.escape(description_short)],
          nicorepo_owner: {
            id: ownerId,
            icon: ownerIcon,
            page: ownerPage,
            name: ownerName
          }
        },
        description_short: description_short
      });
      return item;
    };

    var loadPage = function(baseUrl, result, nextLink, type) {
      var def = new $.Deferred();
      if (nextLink === null) {
        return def.resolve(baseUrl, result, null, null);
      }
      var url = baseUrl;
      if (type === 'offset') {
        url += nextLink ? ('&offset='        + nextLink) : '';
      } else {
        url += nextLink ? ('&last_timeline=' + nextLink) : '';
      }
      console.log('load Url=', url);

      $.ajax({
        url: url,
        timeout: 30000
      }).then(
        function(resp) {
          var $dom = $(resp),
            $nextPageLink = $dom.find('.next-page-link'),
            hasNextPage = $nextPageLink.length > 0;

          parseItemList($dom).each(function() {
            result.push(parseNicorepoItem(this));
          });

          var nextLinkReg = /(last_timeline|offset)=(\d+)/;
          if (hasNextPage) {
            var href = $nextPageLink.attr('href');
            if (nextLinkReg.test(href)) {
              def.resolve(baseUrl, result, RegExp.$2, RegExp.$1);
            } else {
              def.resolve(baseUrl, result, null, null);
            }
          } else {
             def.resolve(baseUrl, result, null, null);
          }
        },
        function() {
          def.reject();
        });

      return def.promise();
    };

    var pipeRequest = function(baseUrl, result, maxPages, callback) {
      var def = new $.Deferred(), p = def.promise();

      for (var i = maxPages; i >= 0; i--) {
        p = p.then(loadPage);
        if (i > 0) p = p.then(Util.Deferred.wait(300));
      }

      p.then(
        function() {
          var uniq = {}, uniq_items = [];
          for (var i = result.rawData.list.length - 1; i >= 0; i--) {
            var item = result.rawData.list[i], id = item.id, mc = item.mylist_comment;
            if (uniq[id + mc]) {
              uniq[id + mc]._info.nicorepo_log.push(item.first_retrieve + '　' + item._info.nicorepo_log[0].replace(/^.*?さん(の|が)動画(が|を) ?/, ''));
            } else {
              uniq[id + mc] = item;
            }
          }
          for (var v in uniq) {
            uniq_items.unshift(uniq[v]);
          }
          result.rawData.list = uniq_items;
          callback(result);
        }
      );
      def.resolve(baseUrl, result, '', '');

    };

    var request = function(param) {
      var url, nickname, userId, type, baseUrl;
      var def = new $.Deferred();
      try {
          url      = '';
          nickname = param.nickname || window.WatchController.getMyNick();
          userId   = param.userId   || window.WatchController.getMyUserId();
          type     = param.type     || 'user';
          baseUrl  = '/my/top/' + type + '?innerPage=1&mode=next_page';
          if (param.userId) {
            baseUrl = '/user/'+ param.userId +'/top?innerPage=1&mode=next_page';
          }
      } catch (e) {
        console.log(e);
        return def.reject({message: 'エラーが発生しました', status: 'fail'});
      }

      var cacheData = Util.Cache.get(baseUrl);
      if (cacheData) {
        return def.resolve(cacheData);
      }

      var
        result = new DummyMylist({
          id: '-10',
          sort: '1',
          default_sort: '1',
          name: getNicorepoTitle(type, param),
          user_id:       type === 'owner' ? WatchController.getOwnerId()   : userId,
          user_nickname: type === 'owner' ? WatchController.getOwnerName() : nickname
        });

      pipeRequest(baseUrl, result, 2, function(result) {
        def.resolve(Util.Cache.set(baseUrl, result, CACHE_TIME));
      });

      return def.promise();
    };

    var load = function(callback, param) {
      return request(param)
        .then(function(result) {
          var viewPage = (param && typeof param.page === 'number') ? param.page : 1;
          result.sortItem(param.sort || 1, true);
          result.setPage(viewPage);
          if (typeof result === 'function') { callback(result); }
          return this.done(result);
        }, function() {
          return this.fail({message: 'ニコレポの取得に失敗しました', status: 'fail'});
        });
    };

    var self = {
      load: load,
      REPO_ALL:    -10,
      REPO_USER:   -11,
      REPO_CHCOM:  -12,
      REPO_MYLIST: -13,
      REPO_OWNER:  -14,
      loadAll:    function(callback, p) {
        p = p || {};
        p.type = 'all';
        return self.load(callback, p);
      },
      loadUser:   function(callback, p) {
        p = p || {};
        p.type = 'user';
        return self.load(callback, p);
      },
      loadChCom:  function(callback, p) {
        p = p || {};
        p.type = 'chcom';
        return self.load(callback, p);
      },
      loadMylist: function(callback, p) {
        p = p || {};
        p.type = 'mylist';
        return self.load(callback, p);
      },
      loadOwner: function(callback, p) {
        p = p || {};
        p.type = 'owner';
        p.userId = window.WatchController.getOwnerId();
        return self.load(callback, p);
      }
    };
    window.WatchItLater.NicorepoVideo = self;

    return self;
  })(w, Util);



  /**
   *  ランキングのRSSをマイリストAPIと互換のある形式に変換することで、ダミーマイリストとして表示してしまう作戦
   */
  var VideoRanking = (function(w, Util) {
    if (!window.PlayerApp) return {};
    var $ = jQuery;

    var
      genreIdTable = {
        all:        -100,
        g_ent2:     -110,
          ent:        -111,
          music:      -112,
          sing:       -113,
          play:       -114,
          dance:      -115,
          vocaloid:   -116,
          nicoindies: -117,
        g_life2:    -120,
          animal:     -121,
          cooking:    -122,
          nature:     -123,
          travel:     -124,
          sport:      -125,
          lecture:    -126,
          drive:      -127,
          history:    -128,
        g_politics: -130,
        g_tech:     -140,
          science:    -141,
          tech:       -142,
          handcraft:  -143,
          make:       -144,
        g_culture2: -150,
          anime:      -151,
          game:       -152,
          toho:       -153,
          imas:       -154,
          radio:      -155,
          draw:       -156,
        g_other:    -160,
          are:        -161,
          diary:      -162,
          other:      -163
//        r18:        -170
      },
      genreNameTable = {
        all:        'カテゴリ合算',
        g_ent2:     'エンタメ・音楽',
          ent:        'エンターテイメント',
          music:      '音楽',
          sing:       '歌ってみた',
          play:       '演奏してみた',
          dance:      '踊ってみた',
          vocaloid:   'VOCALOID',
          nicoindies: 'ニコニコインディーズ',
        g_life2:    '生活・一般・スポ',
          animal:     '動物',
          cooking:    '料理',
          nature:     '自然',
          travel:     '旅行',
          sport:      'スポーツ',
          lecture:    'ニコニコ動画講座',
          drive:      '車載動画',
          history:    '歴史',
        g_politics: '政治',
        g_tech:     '科学・技術',
          science:    '科学',
          tech:       'ニコニコ技術部',
          handcraft:  'ニコニコ手芸部',
          make:       '作ってみた',
        g_culture2: 'アニメ・ゲーム・絵',
          anime:      'アニメ',
          game:       'ゲーム',
          toho:       '東方',
          imas:       'アイドルマスター',
          radio:      'ラジオ',
          draw:       '描いてみた',
        g_other:    'その他',
          are:        '例のアレ',
          diary:      '日記',
          other:      'その他',
        r18:        'R-18'
      },
      termIdTable = {
        'hourly':      0,
        'daily':   -1000,
        'weekly':  -2000,
        'monthly': -3000,
        'total':   -4000
      },
      termNameTable = {
        'hourly':      '(毎時)',
        'daily':       '(24時間)',
        'weekly':      '(週間)',
        'monthly':     '(月間)',
        'total':       '(合計)'
      },
      idTermTable = {},
      idGenreTable = {}
    ;
    if (conf.debugMode) { genreIdTable['r18'] = -170; }
    for (var genre in genreIdTable) { idGenreTable[genreIdTable[genre]] = genre;}
    for (var term  in termIdTable ) { idTermTable [termIdTable [term ]] = term; }

    /**
     *  ニコニコ動画ランキングのRSSをマイリストAPI互換のデータ形式に変換
     */
    var rss2mylist = function(xml) {
      var
        $x = $(xml),
        title = $x.find('channel title:first').text(),
        $items = $x.find('channel item'),
        result = new DummyMylist({
          name: title,
          id: '-100'
        });
      $items.each(function() {
        var video = parseRssItem($(this));
        var item = new DummyMylistVideo({
          id: video.id,
          length: video.duration,
          mylist_counter: video.mylistCnt,
          view_counter: video.viewCnt,
          num_res: video.resCnt,
          first_retrieve: video.postedAt,
          thumbnail_url: video.thumbnail,
          title: video.title.replace(/^.*?第(\d+)位/, '第000$1位').replace(/^第\d+(\d{3})位/, '第$1位'),
          _info: {first_retrieve: video.postedAt},
          description_short: video.description.substring(0, 50)
        });
        result.push(item);
      });
      return result;
    };

    var parseRssItem = function($item) {
      var
        desc_cdata = $item.find('description').text(),
        $desc      = $('<div>' + desc_cdata + '</div>');
      return {
        title       : $item.find('title')                  .text(),
        id          : $item.find('guid')                   .text().split('/').reverse()[0],
        duration    : $desc.find('.nico-info-length')      .text(),
        viewCnt     : $desc.find('.nico-info-total-view')  .text().replace(/,/g, ''),
        resCnt      : $desc.find('.nico-info-total-res')   .text().replace(/,/g, ''),
        mylistCnt   : $desc.find('.nico-info-total-mylist').text().replace(/,/g, ''),
        postedAt    : $desc.find('.nico-info-date')        .text()
          .replace(/(年|月)/g, '-')
          .replace(/：/g, ':')
          .replace(/(日)/g, ''),
        description : $desc.find('.nico-description')      .text(),
        thumbnail   : $desc.find('.nico-thumbnail img').attr('src')
      };
    };

    var pipeRequest = function(baseUrl, result, page, maxPage) {
      var def = new $.Deferred(), p = def.promise();

      var getPipe = function(result, url, page) {
        return function() {
          console.log('load RSS', url, page);
          return $.ajax({
              url: url,
              timeout: 30000,
              data: {rss: '2.0', lang: 'ja-jp', page: page},
              beforeSend: function(xhr) {
                xhr.setRequestHeader('X-Requested-With', {toString: function(){ return ''; }});
              }
            }).then(function(resp) {
              var res = rss2mylist(resp);
              for (var i = 0, len = res.rawData.list.length; i < len; i++) {
                result.push(res.rawData.list[i]);
              }
            });
        };
      };

      for (var i = page; i <= maxPage; i++) {
        p = p.then(getPipe(result, baseUrl, i));
        if (i < maxPage) { p = p.then(Util.Deferred.wait(300)); }
      }

      def.resolve();

      return p;
    };

    var CACHE_TIME = 1000 * 60 * 30;
    var request = function(baseUrl, page, maxPage) {
      var def = new $.Deferred();
      var cacheData = Util.Cache.get(baseUrl);
      if (cacheData) {
        return def.resolve(cacheData);
      }

      var result = new DummyMylist({
        name: '総合ランキング',
        id: '-100'
      });

      pipeRequest(baseUrl, result, page, maxPage).then(
        function() {
          def.resolve(Util.Cache.set(baseUrl, result, CACHE_TIME));
        },
        function() {
          def.reject();
        });

      return def.promise();
    };

    var parseParam = function(param) {
      var
        id = parseInt(param.id || -100, 10),
        genreId  = getGenreId(id),
        termId   = getTermId(id),
        category = idGenreTable[genreId] || 'all', type = 'fav', term = 'daily', lang= 'ja-jp',
        viewPage = (param && typeof param.page === 'number') ? param.page : 1,
        genreName = genreNameTable[category] || genreNameTable['all'],
        maxRssPage = 1, sort = param.sort || '4';

        term = idTermTable[termId] || idTermTable[0];
        maxRssPage = (category === 'all' && term !== 'hourly') ? 3 : 1;
      return {
        genreId: genreId,
        genreName: genreName,
        category: category,
        type: type,
        term: term,
        lang: lang,
        viewPage: viewPage,
        sort: sort,
        maxRssPage: maxRssPage,
        baseUrl:
          '/ranking/'+ type +'/'+ term + '/'+ category //+'?rss=2.0&lang=' + lang
      };
    };

    var loadRanking = function(param) {
      var p = parseParam(param);
      return request(p.baseUrl, 1, p.maxRssPage)
        .then(function(result) {
          result.name = p.genreName;
          result.setPage(p.viewPage);

          this.done(result);
        });
    };

    var load = function(onload, param) {
      var p = parseParam(param);
      return request(p.baseUrl, 1, p.maxRssPage)
        .then(function(result) {
          result.name = p.genreName;
          result.setPage(p.viewPage);

          if (typeof onload === 'function') {
            onload(result);
          }
          return this.done(result);
        }, function() {
          return this.fail({message: 'ランキングの取得に失敗しました', status: 'fail'});
        });
    };

    var getTermId = function(t) {
      if (typeof t === 'string') {
        return termIdTable[t] || 0;
      } else
      if (typeof t === 'number'){
        return (t - (t % 1000)) % 10000;
      }
      return 0;
    };
    var getGenreId = function(g, term) {
      if (typeof g === 'string') {
        return (genreIdTable[g] || 0) + getTermId(term);
      } else
      if (typeof g === 'number'){
        return g % 1000;
      } else {
        return genreIdTable;
      }
    };
    var getGenreName = function(g) {
      if (typeof g === 'number' || (typeof g === 'string' && g.match(/^-?[0-9]+$/))) {
        g = g % 1000;
        var genre = idGenreTable[g];
        return genreNameTable[genre];
      } else
      if (typeof g === 'string') {
        return genreNameTable[g];
      } else {
        return genreNameTable;
      }
    };
    var getCategory = function(g) {
      if (typeof g === 'number') {
        g = g % 1000;
        return idGenreTable[g - (g %10)];
      } else
      if (typeof g === 'string') {
        g  = genreIdTable[g];
        return idGenreTable[g - (g %10)];
      } else {
        return 'all';
      }
    };

    var self = {
      load: load,
      getTermId: getTermId,
      getGenreId: getGenreId,
      getGenreName: getGenreName,
      getCategory: getCategory
    };
    WatchItLater.VideoRanking = self;
    return self;
  })(w, Util);



  /**
   *  チャンネル動画一覧をマイリストAPIと互換のある形式で返すことで、ダミーマイリストとして表示してしまう作戦
   */
  var ChannelVideoList = (function(w, Util){
    if (!window.PlayerApp) return {};
    var
      CACHE_TIME = 1000 * 60 * 1, MAX_PAGE = 3,
      getPipe = function(baseUrl, result, page) {
        return function(hasPage) {
          var def = new $.Deferred();
          if (!hasPage) return def.resolve(hasPage);
          var url = baseUrl + '?page=' + page;
          console.log('load page', url);

          $.ajax({url: url, timeout: 30000}).then(function(resp) {
            var hasNextPage = parseItems(resp, result);
            def.resolve(hasNextPage);
          }, function(err) {
            def.reject(err);
          });
          return def.promise();
        };
      },
      pipeRequest = function(baseUrl, result) {
        var def = new $.Deferred(), p = def.promise();

        var maxPage = MAX_PAGE;
        for (var i = 1; i <= maxPage; i++) {
          p = p.then(getPipe(baseUrl, result, i));
          if (i < maxPage) { p = p.then(Util.Deferred.wait(300)); }
        }

        p.then(function() {
          this.done(result);
        });

        def.resolve(true);
        return p;
      },
      load = function(callback, params) {
        var myId, url, id, ownerName, def = new $.Deferred();
        try{
          id = params.id.toString().replace(/^ch/, '');
          ownerName = params.ownerName;
          url = 'http://ch.nicovideo.jp/channel/ch'+ id + '/video';
          myId = WatchController.getMyUserId();
        } catch (e) {
          console.log(e);
          throw { message: 'エラーが発生しました', status: 'fail'};
        }

        var CACHE_KEY = 'ch-' + id, cacheData = Util.Cache.get(CACHE_KEY);
        if (cacheData) {
          if (typeof callback === 'function') {
            setTimeout(function() { callback(cacheData); } , 0);
          }
          return def.resolve(cacheData);
        }


        var result = new DummyMylist({
          id: 'ch' + id,
          sort: '1',
          name: ownerName + 'の動画',
          user_id: myId,
          user_name: 'ニコニコ動画'
        });

        pipeRequest(url, result).then(function() {
          Util.Cache.set(CACHE_KEY, result, CACHE_TIME);
          if (typeof callback === 'function') callback(result);
          def.resolve(result);
        });

        return def.promise();
      },
      parseItems = function(html, result) {
        var $html = $(html), $list = $html.find('.contents_list .item');
        var hasNextPage = false;
        $list.each(function() {
          var $item = $(this);
          var id = $item.find('.title a').attr('href').split('/').reverse()[0];
          var $counts = $item.find('.counts'), first_retrieve = $item.find('.time var').attr('title');
          w.$item = $item;
          result.push(new DummyMylistVideo({
            id: id,
            length: $item.find('.length').text(),
            mylist_counter: $counts.find('.mylist  var').text().split(',').join(''),
            view_counter:   $counts.find('.view    var').text().split(',').join(''),
            num_res:        $counts.find('.comment var').text().split(',').join(''),
            first_retrieve: first_retrieve,
            thumbnail_url:  $item.find('.lazyimage').data('original'),
            title:          $item.find('.title').text().trim(),
            _info: {first_retrieve: first_retrieve, is_channel: true},
            description_short: $item.find('.description').text().trim()
          }));
        });
        if ($html.find('.pager .next:not(.disabled)').length > 0) {
          hasNextPage = true;
        }
        return hasNextPage;
      },
      loadOwnerVideo = function(callback) {
        if (!WatchController.isChannelVideo()) {
          throw {message: 'チャンネル情報の取得に失敗しました', status: 'fail'};
        }
        var params = {
          id: WatchController.getOwnerId(),
          ownerName: WatchController.getOwnerName()
        };
        var def = new $.Deferred();
        load(callback, params).then(function(result) {
            if (typeof callback === 'function') callback(result);
            def.resolve(result);
          }, function() {
            def.reject({message: 'チャンネル動画の取得に失敗しました', status: 'fail'});
          });
        return def.promise();
      };

    var self = {
      load: load,
      loadOwnerVideo: loadOwnerVideo
    };
    WatchItLater.ChannelVideo = self;
    return self;
  })(w, Util);



  var niconicodoRedirect = function() {
    // www.nicovideo.jp/stampを watchにパラメータを中継するためのクッションページとして使う。
    // watchと同じドメインならどこでもいいけど、ここはDBアクセスもなさそうな静的ページため採用
    var hash = location.hash.toString();
    if (hash.indexOf('#json={') !== 0) {
      return;
    }
    console.log('%cNiconicodo redirect', 'background: lightgreen;');

    LocationHashParser.initialize();
    var blankWatchId = 'sm20353707';
    var redirectWatchId = LocationHashParser.getValue('redirectWatchId');
    // 見た目が残念なので消す
    document.body.innerHTML = '';

    window.sessionStorage.setItem('watchItLater_redirectedHash', location.hash);
    var redirectTo = '/watch/' + (redirectWatchId ? redirectWatchId : blankWatchId);
    location.replace(redirectTo);
  };


  /**
   *  GINZAwatch上でのあれこれ
   *  無計画に増築中
   *
   *  watch.jsを解析すればわかる
   *
   */
  var ZeroFunc = function(w) { // Zero Watch
    var
      isTouchActive = false,
      console = conf.debugMode ? window.console : {log: _.noop, trace: _.noop, time: _.noop, timeEnd: _.noop},
      watchInfoModel = require('watchapp/model/WatchInfoModel').getInstance() || {};
    if (!WatchApp.mixin) {
      WatchApp.mixin = _.mixin;
    }

    console.log('%cGinza', 'background: lightgreen;');

    /**
     *  ゆっくり再生(スロー再生)メニュー
     */
    var Yukkuri = (function($, conf, w) {
      var self, $content = null, $button = null, timer = null, cnt = 0, isActive = false;

      function createDom() {
        $content = $('<div id="yukkuriPanel" />');
        $button = $('<button>yu</button>').addClass('yukkuriButton').attr({title: 'ゆっくり(スロー再生)'});
        $button.click(function() {
          toggleActive();
        });
        $content.append($button);

        $('body').append($content);
      }

      function show() {
        if ($content === null) {
          createDom();
        }
        updateView();
        $content.show();
      }
      function hide() {
        $content.hide();
      }
      function updateView() {
        $button.toggleClass('active', isActive);
      }

      function start() {
        if (timer !== null) {
          clearInterval(timer);
        }
        isActive = true;
        updateView();
        timer = setInterval(function() {
          var v = cnt++ % 4;
          if (v === 0) {
            WatchController.play();
          } else
          if (v === 1) {
            WatchController.pause();
          }
        }, 20);
      }
      function stop() {
        if (timer !== null) {
          clearInterval(timer);
          timer = null;
        }
        isActive = false;
        updateView();
        WatchController.pause();
      }

      function toggleActive() {
        if (isActive) {
          stop();
        } else {
          start();
        }
        return isActive;
      }

      self = {
        show: show,
        hide: hide,
        start: start,
        stop: stop
      };
      return self;
    })($, conf, w);

    function onWindowResizeEnd() {
      setTimeout(function() {
        EventDispatcher.dispatch('onWindowResizeEnd');
      }, 1000);
    }

    /**
     *  デフォルトの市場貼付ボタンはなぜかページの一番上までスクロールするという意地悪な仕様だが、
     *  こっちはがんばって見やすい位置に調整して開く
     */
    function ichibaSearch(word, shopCode) {
      var wait = 10, opened = false;
      //shopCode = shopCode || 'az'; // az = amazon
      var search = function() {
        if ($('#ichibaConsole').is(':visible')) {
          setTimeout(function() {
            var WindowUtil = require('watchapp/util/WindowUtil');
            WindowUtil.scrollFitMinimum('#ichibaConsole', 300);
          }, 1000);
          if (!word) {
            return;
          }
          if ($('#ichiba_search_form_query').is(':visible')) {
              $('#ichiba_search_form_query').val(word);
              w.ichiba.search(shopCode, 0, 'all');
            setTimeout(function() {$('#ichiba_search_form_query').focus();}, 1000);
          } else {
            if (!opened) {
              if(shopCode) { w.ichiba.showRelatedTagItems(shopCode, 0, 'all'); }
              opened = true;
            }
            if (wait-- > 0) setTimeout(search, 1000);
          }
        } else {
          if (wait-- > 0) setTimeout(search, 1000);
        }
      };
      search();
      w.ichiba.showConsole();
    }
    WatchController.ichibaSearch = ichibaSearch;

    function initVideoCounter() {
      var
        PlayerInitializer = require('watchapp/init/PlayerInitializer'),
        playerAreaConnector = PlayerInitializer.playerAreaConnector,
        counter = {mylistCount: 0, viewCount: 0, commentCount: 0},
        blinkItem = function($elm) {
          $elm.removeClass('animateBlink').addClass('blink');
          setTimeout(function() {
            $elm.addClass('animateBlink').removeClass('blink');
            $elm = null;
          }, 500);
        };
      var setVideoCounter = function(watchId, title) {
        var $tpl = $(
          '<span>再生: <span class="viewCountDiff videoCountDiff"></span><span class="viewCount videoCount"></span> コメ: <span class="commentCountDiff videoCountDiff"></span><span class="commentCount videoCount"></span> マイ: <span class="mylistCountDiff  videoCountDiff"></span><span class="mylistCount videoCount"></span></span>'
        );
        assignVideoCountToDom($tpl, counter);

        if ((conf.popupViewCounter === 'always') ||
            (conf.popupViewCounter === 'full' && $('body').hasClass('full_with_browser'))
        ) {
          Popup.show(
            $('<div/>')
              .append(
                $('<a/>')
                .text(window._.unescape(title))
                .attr('href', 'http://nico.ms/' + watchId)
              )
              .html() +
            '<br/><span style="margin-left:10px; font-size: 90%;">'+ $tpl.html() + '</span>'
          );
        }
        $('#fullScreenToggleContainer').html([
          '<img class="ownerIcon" src="', WatchController.getOwnerIcon(), '">',
          '<div class="title">', title, '</div>',
          '<p class="postedAt">',$('.videoPostedAt:last').text(), '</p>',
          '<p class="videoCounter">', $tpl.html(), '</p>',
        ''].join(''))
          .toggleClass('favorite', WatchController.isFavoriteOwner())
          .find('img').attr('title', WatchController.getOwnerName());

        if (conf.headerViewCounter) {
          var vc = $('#videoCounter');
          if (vc.length < 1) {
            var li = $('<li></li>')[0];
            li.id = 'videoCounter';
            $('#siteHeaderLeftMenu').after(li);
            vc = $('#videoCounter');
          }
          vc.empty().append($tpl);
        }
      };

      playerAreaConnector.addEventListener('onWatchCountUpdated', function(c) {
        var diff = c - counter.viewCount;
        if (diff === 0) return;
        counter.viewCount    = c;
        EventDispatcher.dispatch('onVideoCountUpdated', counter, 'viewCount', diff);
      });
      playerAreaConnector.addEventListener('onCommentCountUpdated', function(c) {
        var diff = c - counter.commentCount;
        if (diff === 0) return;
        counter.commentCount = c;
        EventDispatcher.dispatch('onVideoCountUpdated', counter, 'commentCount', diff);
      });
      playerAreaConnector.addEventListener('onMylistCountUpdated', function(c) {
        var diff = c - counter.mylistCount;
        if (diff === 0) return;
        counter.mylistCount  = c;
        EventDispatcher.dispatch('onVideoCountUpdated', counter, 'mylistCount', diff);
      });

      EventDispatcher.addEventListener('onWatchInfoReset', function(watchInfoModel){
        counter.mylistCount  = watchInfoModel.mylistCount;
        counter.viewCount    = watchInfoModel.viewCount;
        counter.commentCount = watchInfoModel.commentCount;

        setVideoCounter(watchInfoModel.v, watchInfoModel.title);
      });
      EventDispatcher.addEventListener('onVideoCountUpdated', function(c, type, diff) {
        var $target = $('.sidePanel .videoInfo, #fullScreenMenuContainer, #videoCounter');
        assignVideoCountToDom($target, c);
        $target.find('.' + type + 'Diff').text(diff).toggleClass('down', diff < 0);
        blinkItem($target.find('.' + type + ', .' + type + 'Diff'));
      });

    } //

    var isFirst = true;
    function onVideoInitialized() {
      var TagInitializer = require('watchapp/init/TagInitializer');
      AnchorHoverPopup.hidePopup().updateNow();
      WatchCounter.add();

      if (isFirst) {
        if (conf.autoPlayIfWindowActive === 'yes' && w.document.hasFocus()) {
          // ウィンドウがアクティブの時だけ自動再生する。 複数タブ開いてるときは便利
          setTimeout(function() { WatchController.play(); }, 2000);
        }

        if (isFirst && conf.commentVisibility !== 'visible') {
          if (conf.commentVisibility === 'hidden') {
            console.log('comment off');
            WatchController.commentVisibility(false);
          } else {
            console.log('last state', conf.lastCommentVisibility);
            WatchController.commentVisibility(conf.lastCommentVisibility === 'visible');
          }
        }
        EventDispatcher.dispatch('onFirstVideoInitialized');
      }

      EventDispatcher.dispatch('onVideoInitialized', isFirst);
      isFirst = false;
    } //

    function onVideoChangeStatusUpdated(isChanging) {
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      AnchorHoverPopup.hidePopup();
      if (isChanging) {
        $('.sidePanel .sideVideoInfo').removeClass('show');
      }
      if ((conf.enableAutoPlaybackContinue || conf.debugMode) && PlayerInitializer.noUserOperationController.autoPlaybackModel._isAutoPlayback) {
        PlayerInitializer.noUserOperationController.autoPlaybackModel.setCount(0);
      }
      EventDispatcher.dispatch('onVideoChangeStatusUpdated', isChanging);
    }

    var $sideInfoPanelTemplate = $([
      '<div class="sideVideoInfoInner">',

        '<div class="videoTitleContainer"><h3 class="videoTitle"></h3></div>',
        '<div class="videoOwnerInfoContainer">',
         '<div class="channelIconContainer"><a target="_blank" class="channelIconLink">',
          '<img class="channelIcon"></a>',
          '<span class="channelName">提供: ',
          '<a class="showOtherVideos" target="_blank"><span class="channelNameInner"></span></a></span>',
          '</span>',
         '</div>',
         '<div class="userIconContainer"><a target="_blank" class="userIconLink">',
          '<img class="userIcon"></a>',
          '<span class="userName">投稿者: ',
           '<span class="userNameInner notPublic"></span>',
           '<span class="isPublic"><a class="showOtherVideos"><span class="userNameInner"></span></a></span>',
          '</span>',
         '</div>',
        '</div>',
        '<div class="videoInfo">',
          '<span class="videoPostedAt"></span>',
          '<ul class="videoStats">',
            '<li style="position: relative;">再生: <span       class="viewCountDiff     videoCountDiff"></span><span class="videoCount viewCount"></span></li>',
            '<li style="position: relative;">コメント: <span   class="commentCountDiff  videoCountDiff"></span><span class="videoCount commentCount"></span></li>',
            '<li style="position: relative;">マイリスト: <span class="mylistCountDiff   videoCountDiff"></span><span class="videoCount mylistCount"></span></li>',
          '</ul>',
        '</div>',


        '<div class="videoThumbnailContainer" style="display: none;">',
          '<img class="videoThumbnailImage">',
        '</div>',
        '<div class="videoDetails">',
          '<div class="videoDescription">',
            '<div class="videoDescriptionInner">',
            '</div>',
          '</div>',
        '</div>',
      '</div>',
    ''].join(''));


    // - 左パネル乗っ取る
    function initLeftPanel($, conf, w) {

      var $tab = $([
          '<ul id="leftPanelTabContainer">',
          '<li class="tab ichiba"    data-selection="ichiba"   >市場</li>',
          '<li class="tab videoInfo" data-selection="videoInfo">情報</li>',
          '</ul>'].join(''));

      var
        $sidePanel   = $('<div id="leftPanel" />').addClass('sidePanel'),
        $infoPanel   = $('<div/>').attr({'id': 'leftVideoInfo',    'class': 'sideVideoInfo   sidePanelInner'}),
        $ichibaPanel = $('<div/>').attr({'id': 'leftIchibaPanel',  'class': 'sideIchibaPanel sidePanelInner'});
      $sidePanel.append($tab).append($infoPanel).append($ichibaPanel);
      $('#playerTabWrapper').after($sidePanel);

      var
        onTabSelect = function(e) {
          e.preventDefault();
          AnchorHoverPopup.hidePopup();
          var selection = $(e.target).attr('data-selection');
          if (typeof selection === 'string') {
            conf.setValue('lastLeftTab', selection);
            changeTab(selection);
          }
        },
        changeTab = function(selection) {
          $sidePanel.removeClass('videoInfo ichiba').addClass(selection);
          if (selection === 'ichiba') {
            resetIchiba(false);
          }
        },
        lastIchibaVideoId = '',
        resetIchiba = function(force) {
          var videoId = watchInfoModel.id;
          if (lastIchibaVideoId === videoId && !force) {
            return;
          }
          lastIchibaVideoId = videoId;
          resetSideIchibaPanel($ichibaPanel, true);
        },
        resetScroll = function() {
          $(this).animate({scrollTop: 0}, 600);
        };

      $infoPanel  .on('dblclick', resetScroll);
      $ichibaPanel.on('dblclick', resetScroll);

      $tab.on('click', onTabSelect).on('touchend', onTabSelect);
      changeTab(conf.lastLeftTab);

      var refreshPanel = function(isFirst) {
        if (isFirst) { return; }

        sidePanelRefresh($infoPanel, $ichibaPanel, $sidePanel, $sideInfoPanelTemplate.clone());
        if ($ichibaPanel.is(':visible')) {
          resetIchiba(true);
        }
      };
      EventDispatcher.addEventListener('onVideoInitialized', refreshPanel);
      refreshPanel();

    } // end of initLeftPanel

    function initRightPanel($, conf, w) {
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      var $rightPanel = $('#playerTabWrapper').addClass('sidePanel');
      initRightPanelVerticalTab($rightPanel);
      initRightPanelHorizontalTab($, conf, w);
      var $playerTabWrapper = $rightPanel, wideCss = null;
      var
        createWideCommentPanelCss = function (targetWidth) {
          var px = targetWidth - $rightPanel.outerWidth();
          var elms = [
            '#playerTabWrapper', //'#playerTabWrapper',
            '#commentDefaultHeader',
            '#playerCommentPanel .commentTable',
            '#playerCommentPanel .commentTable .commentTableContainer'
          ];
          var css = [
            'body.videoExplorer #content.w_adjusted #playerTabWrapper { width: ', targetWidth,'px; }\n',
            'body:not(.full_with_browser) .w_wide #playerTabWrapper { width: ', targetWidth,'px; }\n',
            'body:not(.videoExplorer):not(.full_with_browser) .w_wide #playerAlignmentArea             { width: 1100px; }\n', //  960 + 140
            'body:not(.videoExplorer):not(.full_with_browser) .w_wide #playerAlignmentArea.size_normal { width: 1326px; }\n\n'  // 1186 + 140
          ];
          for (var v in elms) {
            var $e = $(elms[v]), newWidth = $e.width() + px;
            css.push([
              '.w_wide #playerTabWrapper ', elms[v],
              ' , body.videoExplorer #content.w_adjusted ',
              elms[v], '\n{ width: ', newWidth,'px !important; }\n\n'
            ].join(''));
          }
          wideCss = addStyle(css.join(''), 'wideCommentPanelCss');
          console.log(css.join(''));
        },
        toggleWide = function(v) {
          $('#content').toggleClass('w_wide', v);
          EventDispatcher.dispatch('onWindowResizeEnd');
        };

      var wideCommentPanelCss = Util.here(function() {/*
        body.videoExplorer #content.w_adjusted #playerTabWrapper { width: 420px; }
        body:not(.full_with_browser) .w_wide #playerTabWrapper   { width: 420px; }

        body:not(.videoExplorer):not(.full_with_browser) .w_wide #playerAlignmentArea             { width: 1100px; }
        body:not(.videoExplorer):not(.full_with_browser) .w_wide #playerAlignmentArea.size_normal { width: 1326px; }

        body:not(.full_with_browser) .w_wide #playerTabWrapper #playerTabWrapper,
        body.videoExplorer #content.w_adjusted #playerTabWrapper
        { width: 420px !important; }

        body:not(.full_with_browser) .w_wide #playerTabWrapper #commentDefaultHeader,
        body.videoExplorer #content.w_adjusted #commentDefaultHeader
        { width: 408px !important; }

        body:not(.full_with_browser) .w_wide #playerTabWrapper #playerCommentPanel .commentTable,
        body.videoExplorer #content.w_adjusted #playerCommentPanel .commentTable
        { width: 406px !important; }

        body:not(.full_with_browser) .w_wide #playerTabWrapper #playerCommentPanel .commentTable .commentTableContainer,
        body.videoExplorer #content.w_adjusted #playerCommentPanel .commentTable .commentTableContainer
        { width: 406px !important; }
     */});
      addStyle(wideCommentPanelCss, 'wideCommentPanelCss');

      EventDispatcher.addEventListener('on.config.wideCommentPanel', toggleWide);
      toggleWide(!!conf.wideCommentPanel);

      EventDispatcher.addEventListener('onFirstVideoInitialized', function() {

        //EventDispatcher.dispatch('onWindowResizeEnd');
        //createWideCommentPanelCss(420);

        var $div = $([
            '<div id="sharedNgSettingContainer" style="display: none;">NG共有: ',
              '<select id="sharedNgSetting">',
                '<option value="HIGH">高</option>',
                '<option value="MIDDLE">中</option>',
                '<option value="LOW">低</option>',
                '<option value="NONE">無</option>',
              '</select>',
            '</div>',
          ''].join('')), $ngs = $div.find('select');

        $ngs
          .val(PlayerInitializer.nicoPlayerConnector.playerConfig.get().ngScoringFilteringLevel)
          .on('change', function() {
            var val = this.value;
            PlayerInitializer.nicoPlayerConnector.playerConfig.set({ngScoringFilteringLevel: this.value});
          });
        $('#commentDefaultHeader').append($div);

        EventDispatcher.addEventListener('on.config.enableSharedNgSetting', function(newValue, oldValue) {
          if (newValue) {
            $div.show();
          } else {
            $div.hide();
          }
        });
        if (conf.enableSharedNgSetting) { $div.show(); }
      });

      if (conf.removeCommentPanelHoverEvent) {
        $("#commentDefault").find(".commentTableContainerInner")               .off('mouseover').off('mouseenter').off('mouseleave').off('mouseout');
        $('#playerCommentPanel .section .commentTable .commentTableContainer') .off('mouseover').off('mouseenter').off('mouseleave').off('mouseout');
        PlayerInitializer.commentPanelViewController.commentContent.$commentTableContainer
          .off('contextmenu')
          .on('contextmenu', '.cell',
            $.proxy(Util.Closure.commentPanelContextMenu(), PlayerInitializer.commentPanelViewController.commentContent)
          );
      }
      EventDispatcher.addEventListener('onVideoChangeStatusUpdated', function(isChanging) {
        if (isChanging) {
          PlayerInitializer.commentPanelViewController.commentContent.$commentTableContainer
            .find('.cell').off();
        }
      });
    } // end initRightPanel

    function initRightPanelHorizontalTab($, conf, w) {
    } //

    function initRightPanelVerticalTab($sidePanel) {
      if (!conf.rightPanelJack) { return; }
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');

      var $tab = $([
          '<ul id="sidePanelTabContainer">',
            '<li class="tab comment"   data-selection="w_comment"  >コメント</li>',
            '<li class="tab videoInfo" data-selection="w_videoInfo">動画情報</li>',
            '<li class="tab ichiba"    data-selection="w_ichiba"   >ニコニコ市場</li>',
            '<li class="tab review"    data-selection="w_review"   >レビュー</li>',
          '</ul>'].join(''));

      var $infoPanel   = $('<div/>').attr({'id': 'rightVideoInfo',   'class': 'sideVideoInfo   sidePanelInner'});
      var $ichibaPanel = $('<div/>').attr({'id': 'rightIchibaPanel', 'class': 'sideIchibaPanel sidePanelInner'});
      var $reviewPanel = $('<div/>').attr({'id': 'rightReviewPanel', 'class': 'sideReviewPanel sidePanelInner'});
      $sidePanel.append($tab).append($infoPanel).append($ichibaPanel).append($reviewPanel);

      var
        onTabSelect = function(e) {
          e.preventDefault();
          AnchorHoverPopup.hidePopup();
          var selection = $(e.target).attr('data-selection');
          if (typeof selection === 'string') {
            if (WatchController.isSearchMode()) {
              conf.setValue('lastRightTabInExplorer', selection);
            } else {
              conf.setValue('lastRightTab',           selection);
            }
            changeTab(selection);
          }
        },
        $videoReview = $('#videoReview'),
        toggleReview = function(f) {
          if (f) {
            $reviewPanel.append($videoReview);
          } else {
            $('#rectangleAd').after($videoReview);
          }
        },
        changeTab = function(selection) {
          if ($sidePanel.hasClass('w_review') && selection !== 'w_review') {
            toggleReview(false);
          }
          $sidePanel.removeClass('w_videoInfo w_comment w_ichiba w_review').addClass(selection);
          if (selection === 'w_ichiba') {
            resetIchiba(false);
          } else
          if (selection === 'w_review') {
            toggleReview(true);
          } else
          if (selection === 'w_comment') {
            setTimeout(function() {
              PlayerInitializer.commentPanelViewController.contentManager.activeContent().refresh();
            }, 500);
          }
          return changeTab;
        },
        lastIchibaVideoId = '', resetIchiba = function(force) {
          var videoId = watchInfoModel.id;
          if (lastIchibaVideoId === videoId && !force) {
            return;
          }
          lastIchibaVideoId = videoId;
          resetSideIchibaPanel($ichibaPanel, true);
        },
        resetScroll = function() {
          $(this).animate({scrollTop: 0}, 600);
        };

      $infoPanel  .on('dblclick', resetScroll);
      $ichibaPanel.on('dblclick', resetScroll);
      $reviewPanel.on('dblclick', resetScroll);

      $tab.on('click', onTabSelect).on('touchend', onTabSelect);
      changeTab(conf.lastRightTab);

      EventDispatcher.addEventListener('onVideoExplorerOpening', function() {
        changeTab('w_comment');
      });
      EventDispatcher.addEventListener('onVideoExplorerClosing', function() {
        changeTab(conf.lastRightTab);
      });

      var onOuterResize = function() {
        var $body = $('body'), $right = $('#playerTabWrapper');
        if (WatchController.isSearchMode() || $body.hasClass('full_with_browser')) { return; }
        var w = $('#external_nicoplayer').outerWidth(), margin = 124;
        w += $right.is(':visible') ? $right.outerWidth() : 0;
        $('#sidePanelTabContainer').toggleClass('left', (window.innerWidth - w - margin < 0));
      };
      EventDispatcher.addEventListener('onWindowResizeEnd',           onOuterResize);
      EventDispatcher.addEventListener('onPlayerAlignmentAreaResize', onOuterResize);

      var refreshPanel = function(isFirst) {

        window.setTimeout(function() {
          $sidePanel
            .toggleClass('reviewEmpty', $('#videoReview').find('.stream').length < 1)
            .toggleClass('ichibaEmpty', WatchController.isIchibaEmpty());
        }, 2000);

        if (isFirst) { return; }

        sidePanelRefresh($infoPanel, $ichibaPanel, $sidePanel, $sideInfoPanelTemplate.clone());
        if ($ichibaPanel.is(':visible')) {
          resetIchiba(true);
        }
      };
      EventDispatcher.addEventListener('onVideoInitialized', refreshPanel);

      refreshPanel();

    } // end of initRightPanelVerticalTab


    function assignVideoCountToDom($tpl, count) {
      var addComma = require('watchapp/util/StringUtil').addComma;
      $tpl
        .find('.viewCount'   ).text(addComma(count.viewCount   )).end()
        .find('.commentCount').text(addComma(count.commentCount)).end()
        .find('.mylistCount' ).text(addComma(count.mylistCount ));
      return $tpl;
    } //

    function sidePanelRefresh($sideInfoPanel, $ichibaPanel, $sidePanel, $template) {
      var isFavorite = WatchController.isFavoriteOwner();
      //var h = $sideInfoPanel.innerHeight() - 100;

      $template.find('.videoTitle').html(watchInfoModel.title);

      assignVideoCountToDom($template, watchInfoModel);
      $template.find('.videoPostedAt').text($('.videoPostedAt:last').text());

      var $videoDescription = $template.find('.videoDescription');

      $videoDescription.find('.videoDescriptionInner').append(create$videoDescription(watchInfoModel.description));

      var $userIconContainer       = $template.find('.userIconContainer');
      var $channelIconContainer    = $template.find('.channelIconContainer');

      var info = WatchController.getOwnerInfo();
      if (info.type === 'channel') {
        if (info.id && info.id !== '0') {
          $channelIconContainer
            .find('.channelIcon')
              .attr({'src': info.icon}).end()
            .find('.channelIconLink')
              .attr({'href': info.page})
              .on('click', Util.Closure.openVideoOwnersVideo()).end()
            .find('.channelNameInner')
              .text(info.name).end()
            .find('.showOtherVideos')
              .attr({'href': info.page})
              .on('click', Util.Closure.openVideoOwnersVideo());
         }
        $userIconContainer.remove();
      } else {
        if (info.id && info.id !== '0') { // ユーザーが退会してたりすると情報が無いのでチェックしてから
          $userIconContainer
            .find('.userIcon')
              .attr({'src': info.icon}).end()
            .find('.userIconLink')
              .attr({'href': info.page})
              .on('click', Util.Closure.openVideoOwnersNicorepo()).end()
            .find('.userNameInner')
              .text(info.name).end()
            .find('.showOtherVideos')
              .attr({'href': info.page + '/video'})
              .on('click', Util.Closure.openVideoOwnersVideo()   ).end()
            .toggleClass('isUserVideoPublic', info.isVideoPublic);
          $channelIconContainer.remove();
        } else {
          $userIconContainer.remove();
          $channelIconContainer.remove();
        }
      }

      $sideInfoPanel.find('*').unbind();

      $sidePanel
        .toggleClass('ichibaEmpty',    WatchController.isIchibaEmpty());

      $sideInfoPanel
        .empty()
        .scrollTop(0)
        .toggleClass('isFavorite', isFavorite)
        .toggleClass('isChannel', WatchController.isChannelVideo())
        .append($template);

      window.setTimeout(function() {
        $sideInfoPanel.addClass('show');
        $sideInfoPanel = $ichibaPanel = $sidePanel = $template =
        $videoDescription  = $userIconContainer =
        $channelIconContainer = null;
      }, 100);

    } // end of sidePanelRefresh

    /**
     * 説明文中の動画リンク類を加工
     */
    function decorateVideoDescriptionLink($description) {
      var watchLinks = [], watchIds = [];
      var videoReg = /\/watch\/((sm|nm|so|)\d+)$/;
      var seigaReg = /seiga\/im(\d+)/;
      $description.find('a').each(function() {
        var url = this.href, text, $this = $(this);
        if (videoReg.test(url)) {
          var watchId = RegExp.$1;
          var $videoLinkContainer = $([
            '<div class="videoLinkContainer"></div>',
            ''].join(''));
          var $nextButton = $([
            '<div class="nextPlayButton" title="次に再生" onclick="WatchItLater.WatchController.insertVideoToPlaylist(\'', watchId, '\')">次に再生</div>',
            ''].join(''));
          $this.after($videoLinkContainer);
          $videoLinkContainer.append($this).append($nextButton);

          watchLinks.push({id: watchId, $target: $videoLinkContainer});
          watchIds.push(watchId);
        } else if (seigaReg.test(url)) {
          var illustId = RegExp.$1;
          var $thumbnail = $([
            '<div class="descriptionThumbnail illust">',
              '<img src="http://lohas.nicoseiga.jp/thumb/',
                illustId,
              'z" onclick="WatchItLater.WatchController.showLargeThumbnail(this.src);">',
            '</div>',
            ''].join(''));
          $this.after($thumbnail);
        }
      });

      if (conf.enableDescriptionThumbnail && watchIds.length > 0) {
        var ac = function(s) {
          var addComma = require('watchapp/util/StringUtil').addComma;
          s = parseInt(s, 10);
          s = s < 1 ? '-' : s;
          return '<span class="count">' + addComma(s) + '</span>';
        };
        var onWatchIdInfoReady = function(result) {
          $(watchLinks).each(function(i, watchLink) {
            var id = watchLink.id, $target = watchLink.$target;
            if (result[id]) {
              var info = result[id];
              var $thmb = $([
                '<div class="descriptionThumbnail video">',
                '<img src="', info.thumbnail_url, '" onclick="WatchItLater.WatchController.showLargeThumbnail(this.src);">',
                '<span class="uploadAt">', info.first_retrieve ,' 投稿</span>',
                '<p>', info.title, ' (', info.length,  ')</p>',
                '<div class="counterContainer">',
                  '<span class="view">再生: ',    ac(info.view_counter)  ,'</span> ',
                  '<span class="comment">コメ: ', ac(info.num_res)       ,'</span> ',
                  '<span class="mylist">マイ: ',  ac(info.mylist_counter),'</span>',
                '</div>',
                '</div>'].join(''));
              $target.after($thmb);
            }
            $target = watchLink = null;
          });
          watchIds = watchLinks = null;
        };
        var onWatchIdInfoFail = function() {
          watchIds = watchLinks = null;
        };
        window.setTimeout(function() {
          window.WatchItLater.loader.videoArrayAPILoader.load(watchIds).then(onWatchIdInfoReady, onWatchIdInfoFail);
        }, 1000);
      } else {
        watchIds = watchLinks = null;
      }
      $description = null;
    }

    /**
     * 動画説明文のクリックイベント類を割り当てる
     */
    function bindDescriptionEvents($description) {
      $description.on('click', function(e) {
        if (e.button !== 0 || e.metaKey || e.shiftKey || e.altKey || e.ctrlKey) { return; }

        var elm = e.target;
        if (elm.tagName !== 'A') { return; }
        if (elm.className === 'otherSite') return;

        var $elm = $(elm);

        if (elm.textContent.indexOf('mylist/') === 0) {
          e.preventDefault(); e.stopPropagation();
          var mylistId = elm.textContent.split('/').reverse()[0];

          WatchController.showMylist(mylistId);
        } else
        if (elm.className === 'seekTime') {
          e.preventDefault(); e.stopPropagation();
          var data = $elm.attr('data-seekTime').split(":"),
              vpos = (data[0] * 60 + parseInt(data[1], 10)) * 1000;
          WatchController.vpos(vpos);
        }
      });
      $description.find('.watch').unbind('click');
      $description = null;
    }

    function create$videoDescription(html) {
      var linkmatch = /<a.*?<\/a>/, links = [], n;
      html = html.split('<br />').join(' <br /> ');
      while ((n = linkmatch.exec(html)) !== null) {
        links.push(n);
        html = html.replace(n, ' <!----> ');
      }

      // (htttp://example.com) -> ( htttp://example.com )  にして、 閉じカッコがリンクされるのを抑止
      html = html.replace(/\((https?:\/\/[\x21-\x3b\x3d-\x7e]+)\)/gi, '( $1 )');
      html = html.replace(/(https?:\/\/[\x21-\x3b\x3d-\x7e]+)/gi, '<a href="$1" target="_blank" class="otherSite">$1</a>');
      for (var i = 0, len = links.length; i < len; i++) {
        html = html.replace(' <!----> ', links[i]);
      }
      html = html.split(' <br /> ').join('<br />');
      var $description = $('<p class="videoDescription description">' + html + '</p>');

      bindDescriptionEvents($description);
      decorateVideoDescriptionLink($description);
      return $description;
    } //

    function resetSideIchibaPanel($ichibaPanel, force) {

      $ichibaPanel.scrollTop(0).find('*').unbind().empty();
      var $inner  = $('<div class="ichibaPanelInner" />');
      var $header = $('<div class="ichibaPanelHeader"><p class="logo">ニコニコ市場出張所</p></div>');
      $inner.append($header);


      var items = [];
      $('#ichibaMain').find('.ichiba_mainitem>div').each(function() {
        var $item = $(this).clone().attr('id', null);
        var $dl = $('<dl class="ichiba_mainitem" />').append($item);
        $item.find('.thumbnail span').css({fontSize: ''});
        // 誤クリックしやすいのでサムネはリンクを外す
        $item.find('.thumbnail a img, .blomagaThumbnail, .blomagaText')
          .parent().attr('href', null).attr('style', null).css({'text-decoration': 'none'});
        $item.find('a').attr('onclick', null);
        items.push($dl);
        $inner.append($dl);
      });
      if (items.length > 0) {
        for (var i = items.length -1; i >= 0; i--) {
          $inner.find('#watch' + i + '_mq').attr('id', null).addClass('ichibaMarquee');
        }
      }
      $inner.find('.nicoru').remove();

      var $footer = $('<div class="ichibaPanelFooter"></div>');

      var $addIchiba = $('<button class="addIchiba">商品を貼る</button>');
      $addIchiba.click(function() {
        AnchorHoverPopup.hidePopup();
        ichibaSearch();
      });
      $footer.append($addIchiba);

      var $reloadIchiba = $('<button class="reloadIchiba">リロード</button>');
      $reloadIchiba.click(function() {
        resetSideIchibaPanel($ichibaPanel, true);
        $ichibaPanel = null;
      });
      $footer.append($reloadIchiba);

      $inner.append($footer);
      $inner.hide();
      $ichibaPanel.append($inner);
      $inner.fadeIn();
      $inner = $header = $footer = $addIchiba = $reloadIchiba = null;
    } //

    function initHidariue() {
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      // 再生終了時に勝手にメニューが開閉するのを止める
      PlayerInitializer.videoendViewController.videoHeaderViewController = {openVideoMenu: function(){}, closeVideoMenu: function() {}};
      var hidariue = null;
      var resetHidariue = function() {
//        var dt = new Date();
//        if (dt.getMonth() < 1 && dt.getDate() <=1) {
//          $('#videoMenuTopList').append('<li style="font-size:50%">　＼　│　／<br>　　／‾＼　　 ／‾‾‾‾‾‾‾‾‾<br>─（ ゜ ∀ ゜ ）＜　しんねんしんねん！<br>　　＼＿／　　 ＼＿＿＿＿＿＿＿＿＿<br>　／　│　＼</li>');
//        }
        if (!conf.hidariue) { return; }
        if (!hidariue) {
          $('#videoMenuTopList').append('<li class="hidariue" style="text-align: center;"><a href="http://userscripts.org/scripts/show/151269" target="_blank" style="color:black;"><img id="hidariue" style="border-radius: 8px; box-shadow: 1px 1px 2px #ccc;"></a><p id="nicodou" style="padding-left: 4px; display: inline-block"><a href="http://www.nicovideo.jp/video_top" target="_top"><img src="http://res.nimg.jp/img/base/head/logo/q.png" alt="ニコニコ動画:GINZA"></a></p></li>');
          hidariue = $('#hidariue')[0];
        }
        hidariue.src = 'http://res.nimg.jp/img/base/head/icon/nico/' +
                (1000 + Math.floor(Math.random() * 1000)).toString().substr(1) + '.gif';
      };
      EventDispatcher.addEventListener('onVideoInitialized', resetHidariue);
    } //


    var VideoExplorerToggleMenu = function(title, titleLink) {
      this.initializeBaseDom(title, titleLink);
    };
    WatchApp.mixin(VideoExplorerToggleMenu.prototype, {
      initializeBaseDom: function(title, titleLink) {

        this._$toggle = $('<li style="display:none;" class="toggleVideoExplorerMenu watchItLaterMenu"></li>');
        this._$menu   = $('<li class="slideMenu"><ul></ul></li>');
        this._$list   = this._$menu.find('ul');

        var $a = $('<a/>').text(title).attr('href', titleLink);
        this._$toggle.append($a);

        this._initializeToggleEvent();
        this._initializeItemEvent();
      },
      _initializeToggleEvent: function() {
        this._$toggle.on('click', $.proxy(function(e) {
          if (e.button !== 0 || e.metaKey || e.shiftKey || e.altKey || e.ctrlKey) { return; }
          e.preventDefault(); e.stopPropagation();

          var isVisible = this._$menu.hasClass('open');
          this._$toggle.addClass('opening');
          this._$menu.toggleClass('open', !isVisible);

          window.setTimeout($.proxy(function() {
            this._$toggle.toggleClass('open', !isVisible);
            this._$toggle.removeClass('opening');
          }, this), 500);
        }, this));
      },
      _initializeItemEvent: function() {
        this._$menu.on('click', function(e) {
          if (e.button !== 0 || e.metaKey || e.shiftKey || e.altKey || e.ctrlKey) { return; }

          var elm = e.target;
          if (elm.tagName !== 'A') { return; }
          var $elm = $(elm);
          var type = $elm.attr('data-menu-type');

          if (type === 'mylist') {
            e.preventDefault(); e.stopPropagation();
            var mylistId = $elm.attr('data-mylist-id');
            WatchController.showMylist(mylistId);
          } else
          if (type === 'deflist') {
            e.preventDefault(); e.stopPropagation();
            WatchController.showDeflist();
          } else
          if (type === 'tag') {
            e.preventDefault(); e.stopPropagation();
            var tag = $elm.attr('data-search-tag');
            WatchController.nicoSearch(tag, 'tag');
          }
        });
      },
      attach: function() {
        $('.videoExplorerMenu').find('ul:first li:first').after(this._$menu).after(this._$toggle);
      },
      detach: function() {
        this._$toggle.detach();
        this._$menu.detach();
      },
      add$listItem: function($item) {
        this._$list.append($item);
      },
      addItem: function(name, title, attr) {
        var
          $a = $('<a/>')
           .attr(attr)
           .text(title),
          $li = $('<li/>').addClass(iconType);
        $li.append($a);
        this._$list.append($li);
        return $a;
      },
      addMylistItem: function(name, mylistId, title, iconType) {
        var
          $a = $('<a/>')
           .text(name)
           .attr({
              href: '/mylist/' + mylistId,
              title: title,
              'data-menu-type': 'mylist',
              'data-mylist-id': mylistId,
            }),
          $li = $('<li/>').addClass(iconType || '');
        $li.append($a);
        this._$list.append($li);
        return $a;
      },
      show: function() {
        this._$toggle.fadeIn(500);
      }
    });

    WatchItLater.videoExplorerMenu = {};
    WatchItLater.videoExplorerMenu.favMylists = (function() {
      var toggleMenu;

      var initialize = function() {
        initialize = window._.noop;
        console.log('%cinitialize WatchItLater.videoExplorerMenu.favMylists', 'background: lightgreen;');

        toggleMenu = new VideoExplorerToggleMenu('お気に入りマイリスト', '/my/fav/mylist');

        window.WatchItLater.loader.favMylists.load(function(mylists) {
          if (mylists.length < 1) {
            return;
          }
          for (var i = 0, len = mylists.length; i < len; i++) {
            var mylist = mylists[i], lastVideo = mylist.lastVideo, $li = $('<li/>'),
              title = [
                '/mylist/', mylist.id, '\n',
                mylist.description, '\n',
                '最新動画: ', lastVideo.title, '\n',
                '投稿日時: ', lastVideo.postedAt, '\n',
              ''].join('');
              toggleMenu.addMylistItem(
                mylist.name,
                mylist.id,
                title,
                mylist.iconType
              );
          }
          toggleMenu.show();
        });
      };

      return {
        attach: function() {
          initialize();
          toggleMenu.attach();
        },
        detach: function() {
          if (!toggleMenu) {
            return;
          }
          toggleMenu.detach();
        }
      };
    })();

    WatchItLater.videoExplorerMenu.favTags = (function() {
      var toggleMenu;

      var initialize = function() {
        initialize = window._.noop;
        console.log('%cinitialize WatchItLater.videoExplorerMenu.favTags', 'background: lightgreen;');

        toggleMenu = new VideoExplorerToggleMenu('お気に入りタグ', '/my/fav/tag');

        window.WatchItLater.loader.favTags.load(function(tags) {
          if (tags.length < 1) {
            $toggle.remove();
            return;
          }
          var sortOrder = '?sort=' + conf.searchSortType + '&order=' + conf.searchSortOrder;
          for (var i = 0, len = tags.length; i < len; i++) {
            var tag = tags[i], $li = $('<li/>'),
              $a = $('<a/>')
              .attr({
                href: '/tag/' + encodeURIComponent(tag.name + ' ' + conf.defaultSearchOption) + sortOrder,
                'data-menu-type': 'tag',
                'data-search-tag': tag.name
              })
              .text(tag.name);
            toggleMenu.add$listItem($li.append($a));
          }
          toggleMenu.show();
        });
      };

      return {
        attach: function() {
          initialize();
          toggleMenu.attach();
        },
        detach: function() {
          if (!toggleMenu) {
            return;
          }
          toggleMenu.detach();
        }
      };
    })();


    WatchItLater.videoExplorerMenu.myShortcuts = (function() {
      var toggleMenu;

      var initialize = function() {
        initialize = window._.noop;
        console.log('%cinitialize WatchItLater.videoExplorerMenu.myShortcuts', 'background: lightgreen;');

        toggleMenu = new VideoExplorerToggleMenu('マイショートカット', '/my/mylist');
        toggleMenu.attach();

        window.WatchItLater.mylist.loadMylistList(function(mylistList) {
          toggleMenu.add$listItem(
            $('<li/>').append(
              $('<a/>')
                .addClass('defMylist')
                .attr({href: '/my/mylist', 'data-menu-type': 'deflist'})
                .text('とりあえずマイリスト')
            ));
          var items = [
            {id:  -1, href: '/my/history',      name: '視聴履歴'},
            {id:  -2, href: '/recommendations', name: 'あなたにオススメの動画'},
            {id: NicorepoVideo.REPO_ALL,    href: '/my/top/all',    name: '【ニコレポ】すべての動画'},
            {id: NicorepoVideo.REPO_USER,   href: '/my/top/user',   name: '【ニコレポ】お気に入りユーザー'},
            {id: NicorepoVideo.REPO_CHCOM,  href: '/my/top/chcom',  name: '【ニコレポ】チャンネル&コミュニティ'},
            {id: NicorepoVideo.REPO_MYLIST, href: '/my/top/mylist', name: '【ニコレポ】お気に入りマイリスト'}
          ];
          for (var v in items) {
            var item = items[v];
            toggleMenu
              .addMylistItem(item.name, item.id)
              .addClass('defMylist')
              .attr({
                href: item.href
              });
          }
          for (var i = 0, len = mylistList.length; i < len; i++) {
            var mylist = mylistList[i];
            toggleMenu.addMylistItem(mylist.name, mylist.id, '', 'folder' + mylist.icon_id);
          }

          toggleMenu.show();
        });
      };

      return {
        attach: function() {
          initialize();
          toggleMenu.attach();
        },
        detach: function() {
          if (!toggleMenu) {
            return;
          }
          toggleMenu.detach();
        }
      };
    })();

    WatchItLater.videoExplorerMenu.videoRanking = (function() {
      var toggleMenu;

      var VideoRankingToggleMenu = function(title, titleLink) {
        WatchApp.extend(this, VideoRankingToggleMenu, VideoExplorerToggleMenu, [title, titleLink]);

        this._$menu.addClass('videoRankingList');
        this.initializeCategoryToggleEvents();
      };
      WatchApp.mixin(VideoRankingToggleMenu.prototype, {
        initializeCategoryToggleEvents: function() {
          this._$menu.on('click', '.rankingCategoryToggle', function(e) {
            e.preventDefault(); e.stopPropagation();

            var $target = $(e.currentTarget), category = $target.attr('data-category');
            var $popup  = $target.closest('.slideMenu');
            var isClose = $popup.find('li.' + category).toggleClass('categoryClose').hasClass('categoryClose');

            conf.setValue('rankingCategory_' + category + '_Close', isClose);
          });
        },
        addRankingItem: function($, genre, id, name, category, term) {
          var $a =
            $('<a/>')
              .attr({
                href: '/ranking/fav/' + term + '/' + genre,
                'data-menu-type': 'mylist',
                'data-mylist-id': id
              })
              .text(name)
              .addClass(genre);
          var $li = $('<li/>');

          if (genre === category) {
            $li.addClass('isCategory'); // nameと同じならカテゴリランキング、違うならジャンルランキング
            if (genre !== 'all' && genre !== 'g_politics' && genre !== 'r18') {
              var $button = $([
                '<button class="rankingCategoryToggle">',
                  '<span class="open" title="サブカテゴリを開く">▼</span>',
                  '<span class="close" title="サブカテゴリを閉じる">▲</span>',
                '</button>'
                ].join(''));
              $button.attr('data-category', category);
              $li.append($button);
            }
          }
          var isClose = conf.getValue('rankingCategory_' + category + '_Close');
          $li
            .toggleClass('categoryClose', isClose)
            .attr({'data-genre': genre, 'data-category': category})
            .addClass(category).addClass(genre)
            .append($a);

          this._$list.append($li);
            return $a;
          }
        });


      var initialize = function() {
        initialize = window._.noop;
        console.log('%cinitialize WatchItLater.videoExplorerMenu.videoRanking', 'background: lightgreen;');

        toggleMenu = new VideoRankingToggleMenu('動画ランキング', '/ranking');
        toggleMenu.attach();

        // TODO: マジックナンバーを
        toggleMenu.addRankingItem($, 'all',  -100, 'カテゴリ合算(毎時)',   'all', 'hourly');
        toggleMenu.addRankingItem($, 'all', -1100, 'カテゴリ合算(24時間)', 'all', 'daily');
//      toggleMenu.addRankingItem($, 'all', -4100, 'カテゴリ合算(合計)',   'all', 'total');

        var genreId = VideoRanking.getGenreId();
        for (var genre in genreId) {
          if (genre === 'all') { continue; }
          var id = genreId[genre], name = VideoRanking.getGenreName(genre), category = VideoRanking.getCategory(id);
          toggleMenu.addRankingItem($, genre, id, name, category, 'hourly');
        }

        window.setTimeout(function() { toggleMenu.show(); }, 100);
      };

      return {
        attach: function() {
          initialize();
          toggleMenu.attach();
        },
        detach: function() {
          if (!toggleMenu) {
            return;
          }
          toggleMenu.detach();
        }
      };
    })();


    var WatchingVideoView = function() { this.initialize.apply(this, arguments); };
    WatchingVideoView.prototype = {
      _params: null,
      _$view: null,
      _watchInfoModel: null,
      _type: null,
      initialize: function(params) {
        this._content           = params.content;
        this._watchInfoModel    = params.watchInfoModel;
        this._$view             = params.$view;
        this._mylistController  = params.mylistController;
        this._type              = params.type;

        this._$title  = this._$view.find('.title');
        this._$thumb  = this._$view.find('.thumbnail');
        this._$add    = this._$view.find('.add');
        this._$remove = this._$view.find('.remove');

        this._$add   .on('click', $.proxy(this._onAddClick,    this));
        this._$remove.on('click', $.proxy(this._onRemoveClick, this));

        EventDispatcher.addEventListener('onWatchInfoReset', $.proxy(this.onVideoChange, this));
      },
      getView: function() {
        return this._$view;
      },
      detach: function() {
        this._$view.detach();
      },
      update: function() {
        $('.videoExplorerBody').toggleClass('containsWatchingVideo', this._content.containsWatchId());
      },
      onVideoChange: function() {
        this._$title.html(this._watchInfoModel.title);
        this._$thumb
          .attr('src', this._watchInfoModel.thumbnail)
          .off('click').on('click', Util.Closure.showLargeThumbnail(this._watchInfoModel.thumbnail));
        if (this._content.isActive()) {
          this.update();
        }
      },
      _setIsUpdating: function() {
        this._$view.addClass('updating');
        setTimeout($.proxy(this._clearIsUpdating, this), 3000);
      },
      _clearIsUpdating: function() {
        this._$view.removeClass('updating');
      },
      _getIsUpdating: function() {
        return this._$view.hasClass('updating');
      },
      _onAddClick: function() {
        var watchId = WatchController.getWatchId();
        this._setIsUpdating();
        if (this._type === 'deflist') {
          this._mylistController.addDefListItem(watchId,              $.proxy(this._onMylistUpdate, this));
        } else {
          var mylistId = this._content.getMylistId();
          this._mylistController.addMylistItem (watchId, mylistId,    $.proxy(this._onMylistUpdate, this));
        }
      },
      _onRemoveClick: function() {
        var watchId = WatchController.getWatchId();
        this._setIsUpdating();
        if (this._type === 'deflist') {
          this._mylistController.deleteDefListItem(watchId,           $.proxy(this._onMylistUpdate, this));
        } else {
          var mylistId = this._content.getMylistId();
          this._mylistController.deleteMylistItem (watchId, mylistId, $.proxy(this._onMylistUpdate, this));
        }
      },
      _onMylistUpdate: function(status, result) {
        if (status === 'ok') {
          if (this._type === 'deflist') {
            WatchController.clearDeflistCache();
          }
        } else {
          Popup.alert('更新に失敗: ' + result.error.description);
        }
        this._content.setFilter(null);
        setTimeout(
          $.proxy(function() {
            //this._content.changeState({page: 1});
            this.contentRefresh();
            this._clearIsUpdating();
          }, this), 500);
      },
      contentRefresh: function() {
        var params = this._content.getParams();
        params.page = 1;
        this._content.changeState(params);
        this._content.refresh({page: 1});
      }
    }; // end WatchingVideoView.prototype


    var GrepOptionView = function() { this.initialize.apply(this, arguments); };
    GrepOptionView.prototype = {
      _params: null,
      _$view:  null,
      initialize: function(params) {
        this._content    = params.content;
        this._$view      = params.$view;
        this._$form      = this._$view.find('form');
        this._$input     = this._$view.find('.grepInput').attr('list', params.listName);
        this._$community = this._$view.find('.community');
        this._$alive     = this._$view.find('.alive');
        this._$duration  = this._$view.find('.duration');
        this._$invert    = this._$view.find('.invert');
        this._$checkboxes = this._$view.find('input[type=checkbox]');
        this._$selectors  = this._$view.find('select');

        this._not = false;

        this._$view.toggleClass('debug', !!conf.debugMode);

        this._$list = $('<datalist />').attr('id', params.listName);
        $('body').append(this._$list);

        this._$form.on('submit', $.proxy(this._onFormSubmit, this));
        this._$checkboxes.on('click', $.proxy(this._onCheckClick, this));
        this._$selectors
          .on('click',  $.proxy(this._onSelectorClick, this))
          .on('change', $.proxy(this._onSelectorChange, this));

        this._$input.on('click', $.proxy(function(e) {
          e.stopPropagation();
        }, this))   .on('focus', $.proxy(function(e) {
          var WindowUtil = require('watchapp/util/WindowUtil');
          WindowUtil.scrollFit('#videoExplorer');
        }, this));

        this._$view .on('click', $.proxy(function(e) {
          this._$input.focus();
        }, this));
      },
      getView: function() {
        return this._$view;
      },
      detach: function() {
        this._$view.detach();
      },
      clear: function() {
        this._$input.val('');
        this._$checkboxes.prop('checked', false);
        this._$view.removeClass('active');
        this._$selectors.val('');
      },
      update: function() {
        var list = this._content.getRawList();
        var tmp = [];
        for (var i = list.length -1; i >= 0; i--) {
          tmp.push('<option>');
          tmp.push(list[i].title); // 既にエスケープされてる
          tmp.push('</option>');
        }
        this._$list.html(tmp.join(''));

        if (this._getWord().length > 0) {
          window.setTimeout($.proxy(function() { this._$input.focus(); }, this), 100);
        }
      },
      _isActive: function() {
        return (this._$input.val().length > 0 ||
          !!this._$community.prop('checked') ||
          !!this._$duration.val() ||
          !!this._$alive    .prop('checked'));
      },
      _getWord: function() {
        return $.trim(this._$input.val());
      },
      _onCheckClick: function(e) {
        e.stopPropagation();
        this._submit();
      },
      _onSelectorClick: function(e) {
        e.stopPropagation();
      },
      _onSelectorChange: function(e) {
        e.stopPropagation();
        this._submit();
      },
      _onFormSubmit: function(e) {
        e.preventDefault();
        e.stopPropagation();
        this._submit();
      },
      _submit: function() {
        var isActive = this._isActive();
        this._$view.toggleClass('active', isActive);

        if (isActive) {
          this._content.setFilter(this._getFilter());
        } else {
          this._content.setFilter(null);
        }

        this.contentRefresh();
      },
      contentRefresh: function() {
        var params = this._content.getParams();
        params.page = 1;
        this._content.changeState(params);
        this._content.refresh({page: 1});
      },
      _getFilter: function() {
        var to_h = function(str) {
          return str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, function(s) {
             return String.fromCharCode(s.charCodeAt(0) - 65248);
          }).toLowerCase();
        };
        var word = to_h(this._getWord());
        var communityReg = /^so|^\d+$/;
        var wordFilter      = word.length > 0;
        var durationVal     = parseInt(this._$duration.val(), 10);
        var communityFilter = !!this._$community.prop('checked');
        var aliveFilter     = !!this._$alive.prop('checked');
        var durationFilter  = !isNaN(durationVal);
        var isInvert        = !!this._$invert.prop('checked');


        var isCommunity = function(item) {
          return communityReg.test(item.id);
        };
        var isMatch = function(item) {
          var title = item.title;
          var desc  = item.description_full || item.description_short || '';
          var mc    = item.mylist_comment   || '';
          var text  = to_h([title, desc, mc].join('\n'));

          return text.indexOf(word) >= 0;
        };
        var isAlive = function(item) {
          var thumbnail = item.thumbnail_url || '';
          if (thumbnail.indexOf('http://res.nimg.jp/img/common/video_deleted') < 0) {
            return true;
          }
          return false;
        };

        var durationMatch = function(item) {
          var itemDuration;
          if (item.length_seconds) {
            itemDuration = item.length_seconds;
          } else {
            var tmp = item.length.split(':');
            itemDuration = parseInt(tmp[0], 10) * 60 + parseInt(tmp[1], 10);
          }

          if (durationVal < 0) {
            return itemDuration <= Math.abs(durationVal);
          } else {
            return itemDuration >= durationVal;
          }
        };

        var grepFilter = function(item) {
          var result = true, i = func.length, f;
          while (--i >= 0 && (result || isInvert)) {
            f = func[i];
            result &= f(item);
          }
          return isInvert ? !result : result;
        };

        var func = [], f;
        if (wordFilter)      { func.push(isMatch); }
        if (communityFilter) { func.push(isCommunity); }
        if (aliveFilter)     { func.push(isAlive); }
        if (durationFilter)  { func.push(durationMatch); }

        if (func.length < 1) { return null; }

        return grepFilter;
      }
    }; // end GrepOptionView.prototype

    function initMylistContent($, conf, w) {
      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      var ContentType      = require('watchapp/components/videoexplorer/model/ContentType');
      var SearchSortOrder  = require('watchapp/components/nicosearchstatus/model/SearchSortOrder');
      var ContentView      = require('watchapp/components/videoexplorer/view/content/MylistVideoContentView');
      var vec      = VideoExplorerInitializer.videoExplorerController;
      var explorer = vec.getVideoExplorer();
      var myUserId = WatchController.getMyUserId();
      var content = explorer.getContentList().getContent(ContentType.MYLIST_VIDEO);
      var loader  = content._mylistVideoAPILoader;
      var pager   = content._pager;
      var watchingVideoView = new WatchingVideoView({
        content: content,
        watchInfoModel: watchInfoModel,
        mylistController: Mylist,
        type: 'mylist',
        $view: $([
          '<div class="watchingVideo">',
            '<img class="thumbnail">',
            '<p class="title"></p>',
            '<span class="contains"    >この動画はリストに登録されています</span>',
            '<span class="not_contains">この動画はリストにありません</span>',
            '<span class="edit">',
              '<button class="add"   >登録</button>',
              '<button class="remove">外す</button>',
            '</span>',
          '</div>',
          ''].join(''))
      });

      var grepOptionView = new GrepOptionView({
        content: content,
        listName: 'suggestMylistTitle',
        $view: $([
          '<div class="grepOption">',
            '<form>',
              '<input type="search" class="grepInput" autocomplete="on" placeholder="タイトル・説明文で絞り込む(G)" accesskey="g">',
              '<label class="communityFilter filter"><input type="checkbox" class="community">チャンネル・コミュニティ・マイメモリーのみ</label>',
              '<label class="aliveFilter filter"><input type="checkbox" class="alive">生存動画のみ</label>',
              '<label class="durationFilter filter">',
                '動画時間<select class="duration">',
                  '<option value="">指定無し</option>',
                  '<option value="-180">3分以内</option>',
                  '<option value="180" >3分以上</option>',
                  '<option value="-300">5分以内</option>',
                  '<option value="300" >5分以上</option>',
                  '<option value="-600">10分以内</option>',
                  '<option value="600" >10分以上</option>',
                  '<option value="-1800">30分以内</option>',
                  '<option value="1800" >30分以上</option>',
                '</select>',
              '</label>',
              '<label class="invertFilter filter"><input type="checkbox" class="invert">絞り込みの反転</label>',
            '</form>',
          '</div>',
        ].join(''))
      });


      pager._pageItemCount = conf.searchPageItemCount;
      pager._displayPageCount = 5;
      EventDispatcher.addEventListener('on.config.searchPageItemCount', function(v) {
        pager._pageItemCount = v;
      });

      content._isOwnerNicorepo = false;
      content._isRanking       = false;
      content.getIsMine          = $.proxy(function() {
        return parseInt(this.getUserId(), 10) === parseInt(myUserId, 10) && parseInt(this.getMylistId(), 10) > 0;
      }, content);
      content.getIsDummy         = $.proxy(function() {
        var id = this.getMylistId();
        return parseInt(id, 10) <= 0 || id.toString().indexOf('repo') === 0;
      }, content);
      content.getIsOwnerNicorepo = $.proxy(function() { return this._isOwnerNicorepo; }, content);
      content.getIsRanking       = $.proxy(function() { return this._isRanking;       }, content);

      // grep対応のための拡張
      content._rawList = [];
      content.getRawList    = $.proxy(function() { return this._rawList; }, content);
      content._filter = null;
      content.setFilter     = $.proxy(function(filter) {
        this._filter = filter;
      }, content);
      content.getFilter     = $.proxy(function()       { return this._filter; }, content);


      content.clear_org = content.clear;
      content.clear = $.proxy(function() {
        this.setFilter(null);
        this.clear_org();
        grepOptionView.clear();
      }, content);

      content.getNickname = $.proxy(function() {
        if (this._nickname && this._nickname.length > 0) {
          return this._nickname;
        }
        return 'no-name';
      }, content);

      content.onLoad_org = content.onLoad;
      content.onLoad = $.proxy(function(err, result) {
        this._isOwnerNicorepo = result.isOwnerNicorepo;
        this._isRanking       = result.isRanking;

        var filter = this.getFilter();
        if (err === null && result.list && result.list.length) {
          if (!result.rawList) result.rawList = result.list.concat();
          if (filter) {
            var list = [];

            for (var i = result.rawList.length - 1; i >= 0; i--) {
              var item = result.rawList[i];
              if (item.title && filter(item)) {
                list.unshift(item);
              }
            }
            result.list    = list;
          } else {
            result.list = result.rawList.concat();
          }
        } else
        if (result.rawList) {
          result.list = result.rawList.concat();
        }

        this._rawList = result.rawList || [];
        this.onLoad_org(err, result);
        if (this.getIsMine()) {
          EventDispatcher.dispatch('onMyMylistLoad', this.getMylistId(), {
            name: this.getName(),
            items: result.rawList
          });
        }
      }, content);

      content.containsWatchId = $.proxy(function(watchId) {
        var list = this.getRawList();
        if (!watchId) { watchId = WatchController.getWatchId(); }

        for (var i = list.length - 1; i >= 0; i--) {
          if (list[i].id === watchId) { return true; }
        }
        return false;
      }, content);

      loader.load_org = loader.load;
      loader.load = $.proxy(function(params, callback) {
        var isOwnerNicorepo = false, isRanking = false;
        var id = params.id;
        if (typeof id === 'string' && id.indexOf('repo-owner-') === 0) {
          id = NicorepoVideo.REPO_OWNER;
        }

        var applyFilter = function(err, result) {
          result.isOwnerNicorepo = isOwnerNicorepo;
          result.isRanking       = isRanking;
          callback(err, result);
        };
        if (id < 0) {
          var timeoutTimer = null;
          var onload = function(result) {
            window.clearTimeout(timeoutTimer);
            // 投稿者ニコレポが0件で、投稿動画一覧を公開していたらそっちを開くタイマーをセット
            if (result.list.length < 1 &&
              parseInt(id, 10) === NicorepoVideo.REPO_OWNER &&
              WatchController.isVideoPublic()) {
              window.setTimeout(function() {
                WatchController.openVideoOwnersVideo();
              }, 500);
            }
            applyFilter(null, result);
          };
          var onerror = function(result) {
            window.clearTimeout(timeoutTimer);
            callback('error', result);
          };
          timeoutTimer = window.setTimeout(function() {
            onload = onerror = window._.noop;
            onerror({message: '通信がタイムアウトしました:' + id, status: 'fail'});
          }, 30 * 1000);

           // マイリストIDに負の数字(通常ないはず)が来たら乗っ取るサイン
           // そもそもマイリストIDはstringのようなので数字にこだわる必要なかったかも
           //
          try {
            if (typeof VideoRanking.getGenreName(id) === 'string') {
              isRanking = true;
              VideoRanking.load(null, {id: id}).then(onload, onerror);
              return;
            }
            // TODO: マジックナンバーを
            switch (parseInt(id, 10)) {
              case -1:
                VideoWatchHistory.load(onload);
                break;
              case -2:
                VideoRecommendations.load(onload);
                break;
              case -3:
                ChannelVideoList.loadOwnerVideo(null).then(onload, onerror);
                break;
              case NicorepoVideo.REPO_ALL:
                NicorepoVideo.loadAll()   .then(onload, onerror);
                break;
              case NicorepoVideo.REPO_USER:
                NicorepoVideo.loadUser()  .then(onload, onerror);
                break;
              case NicorepoVideo.REPO_CHCOM:
                NicorepoVideo.loadChCom() .then(onload, onerror);
                break;
              case NicorepoVideo.REPO_MYLIST:
                NicorepoVideo.loadMylist().then(onload, onerror);
                break;
              case NicorepoVideo.REPO_OWNER:
                isOwnerNicorepo = true;
                NicorepoVideo.loadOwner() .then(onload, onerror);
                break;
              default:
                throw {message: '未定義のIDです:' + id, status: 'fail'};
            }
          } catch(e) {
            // TODO: ここのエラーをちゃんと投げる
            if (e.message && e.status) {
              onerror({
                status: e.status,
                message: e.message
            });
            } else {
             console.log(e); console.trace();
             onerror({message: 'エラーが発生しました:' + id, status: 'fail'});
            }
          }
        } else {
          this.load_org(params, applyFilter);
        }
      }, loader);


      var __css__ = Util.here(function() {/*
        #videoExplorer .watchingVideo         { display: none; }
        #videoExplorer .watchingVideo .title  { display: none; }
        #videoExplorer .watchingVideo.updating * {
          cursor: wait; opacity: 0.5;
        }
        #videoExplorer .watchingVideo button {
          padding: 2px 12px; margin: 12px 24px;
        }
        #videoExplorer .isMine .watchingVideo {
          display: block; background: #f4f4f4; border: 1px solid #ccc;
          margin: auto; width: 500px; min-height: 48px; padding: 16px;
        }

        #videoExplorer .watchingVideo .thumbnail {
        float: left; width: 72px; margin-right: 24px; cursor: pointer;
        }


        #videoExplorer .watchingVideo .title {
          font-weight: bolder;
        }
        #videoExplorer .watchingVideo .title:before { content: ''; }
        #videoExplorer .watchingVideo .title:after  { content: ' '; }

        #videoExplorer                        .watchingVideo .contains     { display: none;   }
        #videoExplorer .containsWatchingVideo .watchingVideo .contains     { display: inline; }
        #videoExplorer                        .watchingVideo .not_contains { display: inline; }
        #videoExplorer .containsWatchingVideo .watchingVideo .not_contains { display: none;   }

        #videoExplorer         .watchingVideo .edit { display: none; }
        #videoExplorer .isMine .watchingVideo .edit { display: inline-block; }

        #videoExplorer                        .watchingVideo .add { display: inline-block; }
        #videoExplorer .containsWatchingVideo .watchingVideo .add { display: none; }

        #videoExplorer                        .watchingVideo .remove{ display: none; }
        #videoExplorer .containsWatchingVideo .watchingVideo .remove{ display: inline-block; }

        .isMine .editFavorite {
          display: none; {* 自分のマイリストにはお気に入り登録ボタンを出さない *}
        }
        .watchingVideo button {
          cursor: pointer;
        }

        .grepOption {
          padding: 16px;
          width: 500px;
          margin: 16px auto;
          background: #f4f4f4; border: 1px solid #ccc;
        }
        .grepOption .grepInput {
          font-size: 120%;
          width: 100%;
        }

        .grepOption .filter {
          display: block; margin: 8px;
        }
        .grepOption .filter:hover {
          background: #ccc;
        }
        .grepOption .filter.invertFilter {
          display: none;
        }
        .grepOption.active .filter.invertFilter {
          display: block; text-align: right;
        }


      */});
      addStyle(__css__, 'mylistContentCss');

      var MylistDetailView = require('watchapp/components/videoexplorer/view/content/parts/MylistDetailView');
      MylistDetailView.prototype.update_org = MylistDetailView.prototype.update;
      MylistDetailView.prototype.update = function(id, name, description, count) {
        this.update_org(id, name, description, count);
        if (id.toString().match(/repo-owner-(\d+)/)) {
          this._$name.attr('href', '/user/' + RegExp.$1);
        } else
        if (parseInt(id, 10) <= 0) {
          this._$name.attr('href', '');
        }
      };

      var
        overrideContentView = function(proto, watchingVideoView, grepOptionView) {
          var updateCssClass = function(content) {
            $('.videoExplorerBody')
              .toggleClass('dummyMylist',   content.getIsDummy())
              .toggleClass('isMine',        content.getIsMine())
              .toggleClass('ownerNicorepo', content.getIsOwnerNicorepo())
              .toggleClass('ranking',       content.getIsRanking())
              ;
          };

          proto.detach_org = proto.detach || function() {};
          proto.detach = function() {
            this.detach_org();
            watchingVideoView.detach();
            grepOptionView.detach();
          };

          proto.onUpdate_org = proto.onUpdate || function() {};
          proto.onUpdate = function() {
            this.onUpdate_org();
            updateCssClass(this._content);
            watchingVideoView.update();
            grepOptionView.update();
            this._$content.find('.mylistSortOrder').before(watchingVideoView.getView());
            this._$content.find('.mylistSortOrder').before(grepOptionView.getView());
          };

          proto.onError_org = proto.onError || function() {};
          proto.onError = function() {
            this.onError_org();
            updateCssClass(this._content);
            watchingVideoView.update();
            grepOptionView.update();
            this._$content.find('.mylistSortOrder').before(grepOptionView.getView());
          };

        };

      overrideContentView(ContentView.prototype, watchingVideoView, grepOptionView);
    } // end initMylistContent

    function initDeflistContent($, conf, w) {
      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      var ContentType = require('watchapp/components/videoexplorer/model/ContentType');
      var ContentView = require('watchapp/components/videoexplorer/view/content/DeflistVideoContentView');
      var vec         = VideoExplorerInitializer.videoExplorerController;
      var explorer    = vec.getVideoExplorer();
      var content     = explorer.getContentList().getContent(ContentType.DEFLIST_VIDEO);
      var loader      = content._deflistVideoAPILoader;
      var pager       = content._pager;
      var watchingVideoView = new WatchingVideoView({
        content: content,
        watchInfoModel: watchInfoModel,
        mylistController: Mylist,
        type: 'deflist',
        $view: $([
          '<div class="watchingVideo">',
            '<img class="thumbnail">',
            '<p class="title"></p>',
            '<span class="contains"    >この動画はリストに登録されています</span>',
            '<span class="not_contains">この動画はリストにありません</span>',
            '<span class="edit">',
              '<button class="add"   >登録</button>',
              '<button class="remove">外す</button>',
            '</span>',
          '</div>',
          ''].join(''))
      });
      var grepOptionView = new GrepOptionView({
        content: content,
        listName: 'suggestDeflistTitle',
        $view: $([
          '<div class="grepOption">',
            '<form>',
              '<input type="search" class="grepInput" autocomplete="on" placeholder="とりマイをタイトル・説明文で絞り込む(G)" accesskey="g">',
              '<label class="communityFilter filter"><input type="checkbox" class="community">チャンネル・コミュニティ・マイメモリーのみ</label>',
              '<label class="aliveFilter filter"><input type="checkbox" class="alive">生存動画のみ</label>',
              '<label class="durationFilter filter">',
                '動画長<select class="duration">',
                  '<option value="">指定無し</option>',
                  '<option value="-180">3分以内</option>',
                  '<option value="180" >3分以上</option>',
                  '<option value="-300">5分以内</option>',
                  '<option value="300" >5分以上</option>',
                  '<option value="-600">10分以内</option>',
                  '<option value="600" >10分以上</option>',
                  '<option value="-1800">30分以内</option>',
                  '<option value="1800" >30分以上</option>',
                '</select>',
              '</label>',
              '<label class="invertFilter filter"><input type="checkbox" class="invert">絞り込みの反転</label>',
            '</form>',
          '</div>',
        ].join(''))
      });



      pager._pageItemCount = conf.searchPageItemCount;
      pager._displayPageCount = 5;
      EventDispatcher.addEventListener('on.config.searchPageItemCount', function(v) {
        pager._pageItemCount = v;
      });


      content.changeState_org = content.changeState;
      content.changeState = $.proxy(function(params, callback) {
        if (!this.isActive()) {
          WatchController.clearDeflistCache();
        }
        this.changeState_org(params, callback);
      }, content);

      content.getIsMine = function() { return true; };

      // grep対応のための拡張
      content._rawList = [];
      content.getRawList    = $.proxy(function() { return this._rawList; }, content);
      content._filter = null;
      content.setFilter     = $.proxy(function(filter) {
        this._filter = filter;
      }, content);
      content.getFilter     = $.proxy(function() { return this._filter; }, content);

      content.onLoad_org = content.onLoad;
      content.onLoad = $.proxy(function(err, result) {
        var filter = this.getFilter();
        if (err === null && result.list && result.list.length) {
          if (!result.rawList) result.rawList = result.list.concat();
          if (filter) {
            var list = [];

            for (var i = result.rawList.length - 1; i >= 0; i--) {
              var item = result.rawList[i];
              if (item.title && filter(item)) {
                list.unshift(item);
              }
            }
            result.list    = list;
          } else {
            result.list = result.rawList.concat();
          }
        } else
        if (result.rawList) {
          result.list = result.rawList.concat();
        }
        this._rawList         = result.rawList || [];

        this.onLoad_org(err, result);
      }, content);

      content.clear_org = content.clear;
      content.clear = $.proxy(function() {
        this.setFilter(null);
        this.clear_org();
        grepOptionView.clear();
      }, content);

      content.containsWatchId = $.proxy(function(watchId) {
        var list = this.getRawList();
        if (!watchId) { watchId = WatchController.getWatchId(); }

        for (var i = list.length - 1; i >= 0; i--) {
          if (list[i].id === watchId) { return true; }
        }
        return false;
      }, content);

      var
        overrideContentView = function(proto, watchingVideoView) {
          var updateCssClass = function(content) {
            $('.videoExplorerBody').toggleClass('isMine', true);
          };

          proto.detach_org = proto.detach;
          proto.detach = function() {
            this.detach_org();
            watchingVideoView.detach();
            grepOptionView.detach();
          };

          proto.onUpdate_org = proto.onUpdate;
          proto.onUpdate = function() {
            this.onUpdate_org();
            updateCssClass(this._content);
            watchingVideoView.update();
            grepOptionView.update();
            this._$content.find('.deflistSortOrder').before(watchingVideoView.getView());
            this._$content.find('.deflistSortOrder').before(grepOptionView.getView());
          };

          proto.onError_org = proto.onError;
          proto.onError = function() {
            this.onError_org();
            updateCssClass(this._content);
            watchingVideoView.update();
            grepOptionView.update();
            this._$content.find('.deflistSortOrder').before(grepOptionView.getView());
          };

        };

      overrideContentView(ContentView.prototype, watchingVideoView);
    } // end initDeflistContent




    function showLargeThumbnail(baseUrl) {
      var largeUrl = baseUrl, size;
      if (baseUrl.indexOf('smilevideo.jp') >= 0) {
        largeUrl = baseUrl.replace(/\.([LM])/, '') + '.L';
        size = 'width: 360px; height: 270px; max-height: 500px;';
      } else {
        largeUrl = baseUrl.replace(/z$/, 'l');
        size = 'width: 360px; max-height: 500px;';
      }
      var
        html = [
          '<div class="largeThumbnailPopup" onmousedown="if (event.button == 0) { $(\'#popupMarquee\').removeClass(\'show\'); event.preventDefault(); }" style="width: 360px; height: 270px; background-image: url(' , largeUrl, ')">',
          '<img src="', largeUrl, '" style="display: none;" onload="$(\'#popupMarquee .largeThumbnailPopup *\').hide()">',
//          '<img src="', baseUrl, '"  style="', size, ' z-index: 2;">',
          '<div style="', size, ' background-image: url(' + baseUrl + '); "></div>',
          '</div>',
        ''].join('');
      Popup.show(html);
    } //
    WatchController.showLargeThumbnail = showLargeThumbnail;

    function onVideoStopped() {
      EventDispatcher.dispatch('onVideoStopped');
    }

    function onVideoEnded() {
      EventDispatcher.dispatch('onVideoEnded');
    }

    var videoExplorerOpenCount = 0;
    function onVideoExplorerOpened(params) {
      window.console.timeEnd('onVideoExplorerOpen');
      var target = params.target, contentList = params.contentList, content = params.content;
      if (videoExplorerOpenCount++ === 0) {
        EventDispatcher.dispatch('onFirstVideoExplorerOpened', content);
      }
      EventDispatcher.dispatch('onVideoExplorerOpened', content);

      AnchorHoverPopup.hidePopup().updateNow();
    }

    function onVideoExplorerOpening(params) {
      window.console.time('onVideoExplorerOpen');
      var target = params.target, contentList = params.contentList, content = params.content;
      if (videoExplorerOpenCount === 0) {
        EventDispatcher.dispatch('onFirstVideoExplorerOpening', params);
      }
      EventDispatcher.dispatch('onVideoExplorerOpening', params);
    }

    function onVideoExplorerClosing(params) {
      var target = params.target, contentList = params.contentList, content = params.content;
      EventDispatcher.dispatch('onVideoExplorerClosing', content);
    }

    function onVideoExplorerClosed(params) {
      var target = params.target, contentList = params.contentList, content = params.content;
      AnchorHoverPopup.hidePopup().updateNow();
      EventDispatcher.dispatch('onVideoExplorerClosed', content);
      setTimeout(function() {
        var PlaylistInitializer = require('watchapp/init/PlaylistInitializer');
        PlaylistInitializer.playlistView.resetView();
      }, 1000);
    }

    function onVideoExplorerRefreshStart(params) {
      window.console.time('videoExplorerRefresh');
      var target = params.target, contentList = params.contentList, content = params.content;
      var
        ContentType = require('watchapp/components/videoexplorer/model/ContentType'),
        type = content.getType(),
        $ve = $('#videoExplorer')
          .removeClass('w_user').removeClass('w_upload').removeClass('w_mylist')
          .removeClass('w_deflist').removeClass('w_related').removeClass('w_search'),
        $body = $ve.find('.videoExplorerBody')
          .removeClass('isMine').removeClass('dummyMylist')
          .removeClass('isRanking').removeClass('isOwnerNicorepo'),
        className = 'w_user';
      switch (type) {
        case ContentType.USER_VIDEO:
          className = 'w_user';
          break;
        case ContentType.UPLOADED_VIDEO:
          className = 'w_uploaded';
          break;
        case ContentType.MYLIST_VIDEO:
          className = 'w_mylist';
          break;
        case ContentType.DEFLIST_VIDEO:
          className = 'w_deflist';
          break;
        case ContentType.RELATED_VIDEO:
          className = 'w_related';
          break;
        case ContentType.SEARCH:
          className = 'w_search';
          break;
      }
      $ve.addClass(className);

      EventDispatcher.dispatch('onVideoExplorerRefreshStart', content);
    }
    function onVideoExplorerRefreshEnd(params) {
      window.console.timeEnd('videoExplorerRefresh');
      var target = params.target, contentList = params.contentList, content = params.content;
      EventDispatcher.dispatch('onVideoExplorerRefreshEnd', content);
    }
    function onVideoExplorerChangePage(params) {
      var target = params.target, contentList = params.contentList, content = params.content;
      EventDispatcher.dispatch('onVideoExplorerChangePage', content);
    }

    /**
     *  検索中の動画サイズを無理矢理でっかくするよ。
     */
    var videoExplorerStyle = null, lastAvailableWidth = 0, lastBottomHeight = 0;
    function adjustVideoExplorerSize(force) {
      if (force !== true && (!conf.videoExplorerHack || !WatchController.isSearchMode())) { return; }
      $('#videoExplorer, #content, #bottomContentTabContainer').toggleClass('w_adjusted', conf.videoExplorerHack);
      var
        isWindows = window.navigator.platform.toLowerCase().indexOf('win') >= 0,
        scrollBarMargin = isWindows ? 16 : 0,
        rightAreaWidth = $('.videoExplorerBody').outerWidth(), // 592
        availableWidth = Math.max($(window).innerWidth() - rightAreaWidth, 300),
        commentInputHeight = 30, //$('#playerContainer').hasClass('oldTypeCommentInput') ? 30 : 0,
        controlPanelHeight = 46; //$('#playerContainer').hasClass('controll_panel') ? 46 : 0;

      var
        defPlayerWidth = 300, otherPluginsHeight = 0,
        defPlayerHeight = (defPlayerWidth - 32) * 9 / 16 + 10,
        ratio = availableWidth / defPlayerWidth , availableHeight = defPlayerHeight * ratio + commentInputHeight + controlPanelHeight,
        xdiff = (availableWidth - defPlayerWidth /*- 20 */), windowHeight = $(window).innerHeight(),
        bottomHeight = windowHeight - availableHeight - (WatchController.isFixedHeader() ? $('#siteHeader').outerHeight() : 0) - otherPluginsHeight;

      if (ratio < 1 || availableWidth <= 0 || bottomHeight <= 0 || (lastAvailableWidth === availableWidth && lastBottomHeight === bottomHeight)) { return; }

      var seekbarWidth = 675, scaleX = (availableWidth) / seekbarWidth;

      lastAvailableWidth = availableWidth;
      lastBottomHeight   = bottomHeight;

      // コメントパネル召喚
      var commentPanelWidth = 420;
      var dynamic_css = [//'<style type="text/css" id="explorerHack">',
        'body.videoExplorer #content.w_adjusted #playerContainerWrapper, \n',
        'body.videoExplorer #content.w_adjusted #playerAlignmentArea, \n',
        'body.videoExplorer #content.w_adjusted #playerContainer, \n',
        'body.videoExplorer #content.w_adjusted #nicoplayerContainer ,\n',
        'body.videoExplorer #content.w_adjusted #external_nicoplayer \n',
        '{',
          'width: ', availableWidth, 'px !important; height: ', availableHeight, 'px !important;padding: 0; margin: 0; ',
        '}\n',
        'body.videoExplorer #content.w_adjusted .videoExplorerMenu { ',
          'position: absolute; width: 300px;',
          'margin-top: ', availableHeight, 'px !important; left: ', (xdiff - 2), 'px; ',
          'max-height: ', bottomHeight + 'px; overflow-y: auto; overflow-x: hidden; height: auto;',
        '}\n',
        'body.videoExplorer #videoExplorer.w_adjusted { ',
          'margin-left: ', availableWidth,  'px !important;',
          'min-height: ', (windowHeight + 200) ,'px !important;',
          'overflow-x: hidden;',
        ' }\n',
        'body.videoExplorer #content.w_adjusted #playlist { margin-left: ', xdiff, 'px; }\n',

        'body.videoExplorer #content.w_adjusted #nicoHeatMap {',
          '-webkit-transform: scaleX(', availableWidth / 100, ');',
          'transform: scaleX(', availableWidth / 100, ');',
        '}\n',
        'body.videoExplorer #content.w_adjusted #nicoHeatMapContainer {',
          'width: ', availableWidth, 'px;',
        '}\n',
        'body.videoExplorer #content.w_adjusted #smart_music_kiosk {',
          '-webkit-transform: scaleX(', scaleX, ');',
          'left: ', ((availableWidth - seekbarWidth) / 2) ,'px !important;',
        '}\n',
        'body.videoExplorer #content.w_adjusted #songrium_logo_mini {',
          'left: ', (availableWidth + 5) ,'px !important;',
        '}\n',
        'body.videoExplorer #content.w_adjusted #inspire_category {',
          'left: ', (availableWidth + 32) ,'px !important;',
        '}\n',


        'body.videoExplorer #content.w_adjusted #leftPanel {',
          ' display: block !important; top: ', (availableHeight + otherPluginsHeight - 1), 'px; max-height: ', bottomHeight, 'px; width: ', (xdiff - 4 + 1), 'px; left: 0;',
          ' height:', bottomHeight, 'px; display: block; border-radius: 0;',
        '}',
        'body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo, body.size_small.no_setting_panel.videoExplorer #content.w_adjusted #leftPanel .sideIchibaPanel {',
          'width: ', Math.max((xdiff -  4), 130), 'px; border-radius: 0;',
        '}',

        ((xdiff >= 400) ?
          [
            'body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo .videoTitleContainer{',
              'margin-left: 158px; border-radius: 0 0 ;background: #ddd; border: solid; border-color: #ccc; border-width: 1px 1px 0;',
            '}',
            'body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo .videoThumbnailContainer{',
              'position: absolute; max-width: 150px; top: 0; ',
            '}',
            'body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo .videoInfo{',
              'background: #ddd; margin-left: 158px; border-radius: 0 0; border: solid; border-color: #ccc; border-width: 0 1px 1px;',
            '}',
            'body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo .videoDetails{',
              'margin-left: 158px; height: 100%; ',
            '}',
            'body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo .videoOwnerInfoContainer{',
              'position: absolute; width: 150px; top: 0; border: 1px solid #ccc; margin: 0;',
            '}',
            'body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo .userIconContainer, body.videoExplorer #content.w_adjusted #leftPanel .sideVideoInfo .ch_profile{',
              'background: #ddd; max-width: 150px; float: none; border-radius: 0;',
            '}',
            'body.videoExplorer:not(.content-fix) .w_adjusted .videoDetails, ',
            'body.videoExplorer:not(.content-fix) .w_adjusted #videoExplorerMenu {',
              // タグ領域三行分 bodyのスクロール位置をタグの場所にしてる時でもパネルは文章の末端までスクロールできるようにするための細工
              // (四行以上あるときは表示しきれないが)
              'padding-bottom: 72px; ',
            '}',
          ].join('') :
          (
            (xdiff >= 154) ?
            ['body.videoExplorer #content.w_adjusted #leftPanel #leftPanelTabContainer { padding: 4px 2px 3px 2px; }'].join('') :
            ['body.videoExplorer #content.w_adjusted #leftPanel { display: none !important;}'].join('')
          )
        ),
          'body.videoExplorer #bottomContentTabContainer.w_adjusted .videoExplorerFooterAdsContainer { width: 520px; }\n',

          'body.videoExplorer #content.w_adjusted #playerTabWrapper {',
            'height: ', availableHeight, 'px !important;',
          '}',

          'body.videoExplorer #content.w_adjusted #playerTabWrapper .sidePanelInner {',
            'height: ', (availableHeight - 2), 'px;',
          '}',
          'body.videoExplorer #content.w_adjusted #playerTabWrapper.w_active {',
            'right: -',(commentPanelWidth - 2), 'px !important; top: 0 !important;  background: transparent; border: 0;  margin-top: 0px;',
          '}',
          'body.videoExplorer #content.w_adjusted #playerTabWrapper.w_active             #playerCommentPanel {',
            'display: block; background: #dfdfdf; border: 1px solid;',
          '}',
      ''].join('');

      if (videoExplorerStyle) {
        videoExplorerStyle.innerHTML = dynamic_css;
      } else {
        videoExplorerStyle = addStyle(dynamic_css, 'videoExplorerStyle');
      }

    } // end adjustVideoExplorerSize

    function setupVideoExplorerStaticCss() {
      var __css__ = Util.here(function() {/*
        body.videoExplorerOpening {
          overflow-y: scroll;
        }
        body.videoExplorerOpening .videoExplorerMenu {
          {* display: none; *}
        }
        body.videoExplorerOpening #playerTabWrapper {
          visibility: hidden;
        }
        #videoExplorer {
          transition: margin-left 0.4s ease 0.4s; overflow-x: hidden;
        }
        #videoExplorer.w_adjusted .videoExplorerBody, #videoExplorer.w_adjusted .videoExplorerContent .contentItemList {
          width: 592px; padding-left: 0; min-width: 592px; max-width: auto;
        }
        #videoExplorer.w_adjusted .searchBox {
          width: 574px;\
        }
        #videoExplorer.w_adjusted .videoExplorerContent {
          width: 592px;
        }
        #videoExplorer.w_adjusted .videoExplorerBody .resultContentsWrap {
          width: 592px; padding: 16px 0px;
        }
        #videoExplorer.w_adjusted .videoExplorerMenu, #content .videoExplorerMenu:not(.initialized) { display: none; }
        .videoExplorerMenu {
          transition: margin-top 0.4s ease 0.4s; {*, left 0.4s ease-in-out*};
        }
        #leftPanel {
          {* transition: width 0.4s ease 0.4s, height 0.4s ease 0.4s, top 0.4s ease 0.4s, left 0.4s ease 0.4s;*}
          transition: width 0.4s ease 0.4s, height 0.4s ease 0.4s, left 0.4s ease 0.4s;
        }
        #content.w_adjusted #playlist {
          min-width: 592px;
        }
        #content.w_adjusted .videoExplorerMenu:not(.w_touch) .itemList>li,  body.videoExplorer #content.w_adjusted #videoExplorerExpand {
          height: 26px;
        }
        #content.w_adjusted .videoExplorerMenu:not(.w_touch) .itemList>li>a,body.videoExplorer #content.w_adjusted #videoExplorerExpand a{
          line-height: 26px; font-size: 100%;
        }
        .errorMessage {
          max-height: 0; line-height: 30px; overflow: hidden; text-align: center; color: #f88; cursor: pointer;
          transition: max-height 0.8s ease;
        }
        .videoErrorOccurred .errorMessage {
          max-height: 100px;
        }

        .w_adjusted .videoExplorerMenu .itemList li .arrow {
          top: 8px;
        }


        .w_adjusted .videoExplorerMenu .closeVideoExplorer {
          width: 300px; position: relative; padding: 2px 10px; background: #f5f5f5;
        }
        .w_adjusted .videoExplorerMenu .closeVideoExplorer:hover {
          background: #dbdbdb;
        }
        .w_adjusted .videoExplorerMenu .closeVideoExplorer a{
          display: block;line-height: 26px; {*color: #CC0000;*}
        }

        #searchResultNavigation > ul > li a:after, #content.w_adjusted #videoExplorerExpand a#closeSearchResultExplorer:after {
          top: 8px;
        }




        #content.w_adjusted #playerContainerWrapper, #content.w_adjusted #playlist { box-shadow: none; }
        #content.w_adjusted #videoExplorerExpand .arrow { display: none; }

        body.videoExplorer #footer.w_adjusted {
          display: none;
        }
        .w_adjusted .uadTagRelated .default .itemList .item .videoTitleContainer {
          width: 130px;
          text-align: center;
        }
        .w_adjusted .uadTagRelated .uadTagRelated {
          margin-bottom: 30px;
        }
        .w_adjusted .uadTagRelated .itemList .item,
        .w_adjusted .uadTagRelated .emptyItem,
        .w_adjusted .uadTagRelated .default .landing {
          width: 130px; margin: 0 10px 0 8px;
        }
        .w_adjusted .uadTagRelated .default .itemList .item .imageContainer .itemImageWrapper .itemImage {
          width: 130px; height: auto; top: 0; left: 0;
        }
        .w_adjusted .uadTagRelated .default .itemList .item .imageContainer .itemImageWrapper {
          width: 130px; height: 100px;
        }
        .w_adjusted .uadTagRelated .emptyItem .emptyMessageContainer {
          width: 130px; height: 100px;
        }
        .w_adjusted .videoExplorerContent .column1 .videoInformationOuter .link,
        .w_adjusted .videoExplorerContent .column1 .videoInformationOuter .link .title {
          display: inline;
        }

        #videoExplorer.w_adjusted .videoExplorerContent .column1 .commentBlank {
          width: 96%;
        }
        #videoExplorer.w_adjusted .videoExplorerContent .column4 .commentBlank {
          width: 24%;
        }
        .videoExplorerBody .videoExplorerContent .contentItemList.column4 .item .createdTime .submit
        {
          display: none !important;
        }
        .nicorepoResult .column4 .videoInformation {
          display: none;
        }

        #videoExplorer .pager { margin-right: 20px; }
        #videoExplorer .contentItemList { clear: both; }

        body.videoExplorer #content.w_adjusted #playerContainerWrapper { overflow: visible; }
        body.videoExplorer #videoExplorer.w_adjusted .videoExplorerContent { padding: 20px 0px; }
        body.videoExplorer #videoExplorer.w_adjusted .videoExplorerContentWrapper
          { margin-left: 0; padding: 20px 340px 20px 0px; }
        body.videoExplorer.playlist #videoExplorer.w_adjusted .videoExplorerContentWrapper
          { margin-left: 0; padding: 164px 340px 20px 0px; }

        {* 謎のスペーサー *}
        {*body.videoExplorer #content.w_adjusted .videoExplorerMenu>div:first *}
        {* body.videoExplorer #content.w_adjusted .videoExplorerMenu>div:not(.videoExplorerMenuInner) { display: none; } *}
        body.videoExplorer #content.w_adjusted .videoExplorerMenu>div:nth-child(1) { display: none; }

        body.videoExplorer #content.w_adjusted .videoExplorerMenu
          { width: 300px; }

        body.videoExplorer #content.w_adjusted .videoExplorerMenuInner
          { position: static !important; top: 0 !important; left: 0 !important; }

        body.videoExplorer #bottomContentTabContainer.w_adjusted { {*background: #ccc;*} }
        body:not(.videoExplorer)      .videoExplorerMenu { display: none; }

        body.videoExplorer #content.w_adjusted #nicoplayerContainer {
          z-index: 100;
        }
        body.videoExplorer #content.w_adjusted #playerTabWrapper {
          top: 0px !important; background: #dfdfdf; border-radius: 4px;
          z-index: 99;
          transition: right 0.3s ease-out;
        }
        #videoExplorer.w_adjusted .videoExplorerBody .videoExplorerContent .contentItemList.column1 .item {
          margin-left: 8px;
        }
        #videoExplorer.w_adjusted .videoExplorerBody .videoExplorerContent .contentItemList.column4 .item {
          width: 130px; margin-left: 8px; margin-right: 10px;
        }
        #videoExplorer.w_adjusted .videoExplorerBody .videoExplorerContent                 .column1 .videoInformationOuter {
          width: 414px;
        }
        #videoExplorer.w_adjusted .videoExplorerBody .videoExplorerContent                 .column1 .nicorepoResult .videoInformationOuter {
          width: auto;
        }
        #videoExplorer.w_adjusted .contentItemList .folder .column1 .description,
        #videoExplorer.w_adjusted .suggestVideo    .folder .column1 .description,
        #videoExplorer.w_adjusted .descriptionShort {
          width: 410px;
        }

        #videoExplorer .descriptionShort {
          line-height: 1.5;
          margin: 0 0 4px;
          word-break: break-all;
          clear: both;
          color: #666;
          font-size: 93%;
        }

        .w_adjusted .column1 .smallThumbnail .createdTime.at {
          width: 130px;
        }
        .w_adjusted .column1 .createdTime.at {
          width: 160px; text-align: center;
        }
        .w_adjusted .createdTime {
          white-space: nowrap;
        }
        #videoExplorer.w_adjusted .videoExplorerBody .videoExplorerContent .contentItemList .folder .container,
        #videoExplorer.w_adjusted .videoExplorerBody .videoExplorerContent .suggestVideo .folder .container {
          background-position: -15px -270px; width: 130px; height: 100px;
        }

        body.size_small.no_setting_panel.videoExplorer #content #videoExplorerExpand { {*「閉じる」ボタン *}
          position: static; top: auto; left: auto; margin-top: 0;',
        }
        body.videoExplorer #content.w_adjusted #playerTabWrapper #playerCommentPanel {
          display: none;
        }

        .videoExplorerMenu .item:hover {
          background: #dbdbdb; text-decoration: underline;
        }
        .videoExplorerMenu .item {
          position: relative; border-bottom: 1px solid #CCCCCC; background: #f2f2f2;
          text-decoration: none; cursor: pointer;
        }
        .videoExplorerMenu .item .arrow {
          display: block; position: absolute; top: 14px; right: 12px; width: 9px; height: 12px;
          background: url("http://res.nimg.jp/img/watch_q9/video_explorer/icon_normal.png") no-repeat 0 0;
        }
        .videoExplorerMenu .item .text {
          position: relative; width: 100%; height: 100%; display: block; text-align: left;
          text-decoration: none; padding: 0 12px; color: #000; box-sizing: border-box;
          line-height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
        }
        .videoExplorerMenu .itemList>li:first {
          position: relative;
        }

        #videoExplorer .videoExplorerMenu .closeVideoExplorer, #videoExplorer .quickSearchInput {
          display: none;
        }

        #videoExplorer .videoExplorerBody .videoExplorerContent .contentItemList.column1 .video .column1 .videoInformationOuter .title
        {
          white-space: normal;
        }

        .videoExplorer #playlist {
          transition: margin-left 0.4s ease 0.4s;
        }

        #playerAlignmentArea .toggleCommentPanel {
          display: none;
          position: absolute;
          right: -119px;
          bottom: 70px;
          width: 100px;
          height: 30px;
          cursor: pointer;
          outline: none;
          background: #ccc;
          border-radius: 16px 16px 0 0;
          border: solid 1px black;
          -webkit-transform: rotate(90deg); -webkit-transform-origin: 0 0 0;
                  transform: rotate(90deg);         transform-origin: 0 0 0;
                  transition: 0.4s ease-in-out;
          -webkit-transition: 0.4s ease-in-out;
        }
        #playerAlignmentArea .toggleCommentPanel::-moz-focus-inner {
          border: 0px;
        }
        body.videoExplorer .w_adjusted #playerAlignmentArea .toggleCommentPanel { display: block; }
        #playerAlignmentArea .toggleCommentPanel:before {
          content: '￪ ';
        }
        #playerAlignmentArea .toggleCommentPanel:hover {
          right: -129px;
        }
        #playerAlignmentArea .toggleCommentPanel.w_active {
          right: -418px;
          bottom: -29px;
          border-radius: 0 0 16px 16px;
          z-index: 10000;
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
                  transition: none;
          -webkit-transition: 0.4s ease-in-out;
                {*transition: 0.4s ease-in-out;*}
        }
        #playerAlignmentArea .toggleCommentPanel.w_active:hover {
          {*box-shadow: 2px 2px 2px #888;*}
          right: -418px;
        }
        #playerAlignmentArea .toggleCommentPanel.w_active:before {
          content: '← ';
        }

        .videoExplorerOpening .videoExplorerBody .videoExplorerConfig {
          display: none;
        }
        .videoExplorerBody .videoExplorerConfig {
          cursor: pointer;
          width: 80px; margin-left: -36px; white-space: nowrap;
          border-radius: 0 32px 0 0; border: solid 1px #666; border-width: 1px 1px 0;
          color: #fff; background: #aaa;
        }
        #videoExplorer.w_adjusted       .videoExplorerConfig .open,
        #videoExplorer:not(.w_adjusted) .videoExplorerConfig .close {
          display: none;
        }
        .videoExplorerConfig::-moz-focus-inner { border: 0px; }

        .videoExplorer #playerContainer.appli_panel #appliPanel {
          width: auto !important; background: #333;
        }
        .videoExplorerContent {
          background: #fff;
        }
      */});
      return addStyle(__css__, 'videoExplorerStyleStatic');
    } // end setupVideoExplorerStaticCss

    function initAutoComplete($searchInput) {
      var
        $suggestList = $('<datalist id="quickSearchSuggestList"></datalist>'),
        wordSuggest = '',
        favTagsSuggest = '',
        loading = false,
        val = '',
        suggestLoader = new NicoSearchSuggest({}),
        update = _.debounce(function() {
          if (loading) {
            return;
          }
          var value = $searchInput.val();
          if (value.length >= 1 && val !== value) {
            val = $searchInput.val();
            loading = true;
            suggestLoader.load(val, onSuggestLoaded);
          } else {
            loading = false;
          }
        }, 300),
        onSuggestLoaded = function(err, result) {
          if (err) {
            return;
          }
          if (result.candidates) {
            //console.log(result.candidates);
            var candidates = result.candidates;
            var options = [];
            for (var i = candidates.length - 1; i >= 0; i--) {
              options.unshift(['<option value="', candidates[i], '"></option>'].join(''));
            }
            wordSuggest = options.join('');
            refresh();
          }
          loading = false;
        },
        refresh = function() {
          $suggestList.html(wordSuggest + favTagsSuggest);
        },
        bind = function($elm) {
          $elm
            .on('focus',     update)
            .on('keydown',   update)
            .on('keyup',     update)
            .on('keypress',  update)
            .on('click',     update)
            .on('mousedown', update)
            .on('mouseup',   update)
            .attr({'autocomplete': 'on', 'list': 'quickSearchSuggestList', 'placeholder': '検索ワードを入力(Q)'});
         // try {
         //   //$elm.attr('type', 'search');
         //   //$elm[0].setAttribute('type', 'search');//.attr('type', 'search');
         // } catch (e) {
         //   console.log(e);
         // }
        };

      EventDispatcher.addEventListener('onFavTagsLoad', function(tags) {
        var options = [];
        for (var i = tags.length - 1; i >= 0; i--) {
          options.unshift(['<option value="', tags[i], '"></option>'].join(''));
        }
        favTagsSuggest = options.join('');
        refresh();
      });
      $('body').append($suggestList);

      bind($searchInput);
    } //

    function initVideoExplorer($, conf, w) {
      setupVideoExplorerStaticCss();

      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      var WatchPageRouter = require('watchapp/model/state/WatchPageRouter');
      var WatchPageState  = require('watchapp/model/state/WatchPageState');
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      var WindowUtil = require('watchapp/util/WindowUtil');
      var
        _vp = 'watchapp/components/videoexplorer/',
        initializer     = VideoExplorerInitializer,
        controller      = VideoExplorerInitializer.videoExplorerController,
        explorer        = controller.getVideoExplorer(),
        explorerConfig  = require(_vp + 'config/VideoExplorerConfig'),
        menu            = explorer.getMenu(),
        ContentItemType = require(_vp + 'model/ContentItemType'),
        ContentType     = require(_vp + 'model/ContentType'),
        watchPageRouter = WatchPageRouter.getInstance(),
        playerConnector = PlayerInitializer.nicoPlayerConnector,
        searchType      = 'tag',
        $menu           = $('.videoExplorerMenu'),
        $searchInput    = $('<input class="quickSearchInput" type="search" name="q" accesskey="q" required="required" x-webkit-speech />')
          .attr({'title': '検索ワードを入力', 'placeholder': '検索ワードを入力(Q)'}),
        $closeExplorer  = $('<div class="closeVideoExplorer"><a href="javascript:;">▲ 画面を戻す</a></div>'),
        $inputForm      = $('<form  action="javascript:void(0);" />').append($searchInput),
        $toggleCommentPanel = $('<button class="toggleCommentPanel">コメント</button>');

      // init search menu
      $searchInput.on('keyup', function(e) {
        $('.searchText input').val(this.value);
      }).on('click', function(e) {
        e.stopPropagation();
      });
      $inputForm.on('submit', function(e) {
        //e.preventDefault();
        var val = $.trim($searchInput.val());
        if (val.length > 0) {
          if (val.match(/(sm|nm|so)\d+/)) {
            WatchController.nicoSearch(val, 'tag');
          } else {
            WatchController.nicoSearch(val, 'keyword');
          }
        }
      });

      var clearButton = new window.Nico.ClearButton({targetInput: $searchInput});
      EventDispatcher.addEventListener('onSearchStart', function(word, type) {
        searchType = type.replace(/^.*\./, '');
        $searchInput.val(word);
        window.setTimeout(function() {clearButton.refresh(); }, 0);
      });
      initAutoComplete($searchInput);

      $closeExplorer.find('a').on('click', function() {
        WatchController.closeSearch();
      });

      // メニュー拡張
      var
        detachMenuItems = function() {
          var videoExplorerMenu = WatchItLater.videoExplorerMenu;
          videoExplorerMenu.myShortcuts .detach();
          videoExplorerMenu.videoRanking.detach();
          videoExplorerMenu.favTags     .detach();
          videoExplorerMenu.favMylists  .detach();

          $inputForm.detach();
          $closeExplorer.detach();
        },
        attachMenuItems = function() {
          var videoExplorerMenu = WatchItLater.videoExplorerMenu;
          if (conf.enableFavTags   ) { videoExplorerMenu.favTags.attach(); }
          if (conf.enableFavMylists) { videoExplorerMenu.favMylists.attach(); }
          videoExplorerMenu.videoRanking.attach();
          videoExplorerMenu.myShortcuts.attach();

          $('.videoExplorerMenu')
            .find('.itemList>li:first').append($inputForm)
            .end().find('.errorMessage').after($closeExplorer);
        };
      controller._refreshMenu_org = controller._refreshMenu;
      controller._refreshMenu = $.proxy(function() {
        detachMenuItems();
        this._refreshMenu_org();
        attachMenuItems();
      }, controller);
      controller.showDeflist_org         = controller.showDeflist;
      controller.showMylist_org          = controller.showMylist;
      controller.showOtherUserVideos_org = controller.showOtherUserVideos;
      controller.showOwnerVideo_org      = controller.showOwnerVideo;
      controller.searchVideo_org         = controller.searchVideo;
      controller.showDeflist = $.proxy(function() {
        if (conf.disableVideoExplorer && !WatchController.isSearchMode()) {
          location.href = "/my/mylist";
          return;
        }
        this.showDeflist_org();
      }, controller);
      controller.showMylist = $.proxy(function(id) {
        if (conf.disableVideoExplorer && !WatchController.isSearchMode()) {
          location.href = "/mylist/" + id;
          return;
        }
        this.showMylist_org(id);
      }, controller);
      controller.showOtherUserVideos = $.proxy(function(id, name) {
        if (conf.disableVideoExplorer && !WatchController.isSearchMode()) {
          location.href = "/user/" + id;
          return;
        }
        this.showOtherUserVideos_org(id, name);
      }, controller);
      controller.showOwnerVideo = $.proxy(function() {
        if (conf.disableVideoExplorer && !WatchController.isSearchMode()) {
          location.href = "/user/" + WatchController.getOwnerId();
          return;
        }
        this.showOwnerVideo_org();
      }, controller);
      controller.searchVideo = $.proxy(function(word, type) {
        if (conf.disableVideoExplorer && !WatchController.isSearchMode()) {
          var sortOrder = '?sort=' + conf.searchSortType + '&order=' + conf.searchSortOrder;
          location.href = (type === 'tag' ? 'tag' : 'search') + "/" + encodeURIComponent(word) + sortOrder;
          return;
        }
        this.searchVideo_org(word, type);
      }, controller);

      EventDispatcher.addEventListener('onBottomContentTabViewReset', function(name) {
        if (name === 'outline') {
          WatchController.closeSearch();
        }
      });

      EventDispatcher.addEventListener('on.config.enableFavTags',
        function() { if (WatchController.isSearchMode()) { controller._refreshMenu(); }});
      EventDispatcher.addEventListener('on.config.enableFavMylists',
        function() { if (WatchController.isSearchMode()) { controller._refreshMenu(); }});

      EventDispatcher.addEventListener('onVideoExplorerOpened', function(content) {
        setTimeout(function() {
          if (conf.videoExplorerHack) {
            PlayerInitializer.commentPanelViewController.contentManager.activeContent().refresh();
            playerConnector.updatePlayerConfig({playerViewSize: ''}); // ノーマル画面モード
          }
        }, 100);
        clearButton.refresh();

        $('body').removeClass('videoExplorerOpening');
        $('.videoExplorerMenu').addClass('initialized');
      });
      EventDispatcher.addEventListener('onVideoExplorerRefreshEnd', function(content) {
        if (content.getType() === ContentType.USER_VIDEO) {
          var items = content.getItems();
          if (items.length === 1 && items[0].getContentItemType() !== ContentItemType.VIDEO) {
            // ユーザーの投稿動画一覧が公開マイリスト一つだけだったら自動でそれを開く
            items[0].stepIn();
            return;
          }
        }
      });
      EventDispatcher.addEventListener('onVideoExplorerRefreshStart', function(content) {
        WindowUtil.scrollFit('#videoExplorer');
      });

      EventDispatcher.addEventListener('onVideoExplorerOpening', function(content) {
        $('body').addClass('videoExplorerOpening');
        adjustVideoExplorerSize(true);
      });
      EventDispatcher.addEventListener('onVideoExplorerClosing', function(content) {
      });

      EventDispatcher.addEventListener('onBeforeVideoExplorerMenuClear', function() {
        detachMenuItems();
      });

      EventDispatcher.addEventListener('onUpdateSettingPanelVisible', function(isVisible, panel) {
        if (isVisible && WatchController.isSearchMode()) {
          setTimeout(function() {
            WatchController.closeSearch();
            setTimeout(function() {
              playerConnector.updateSettingsPanelVisible(true, panel);
            }, 800);
          }, 100);
        }
      });

      EventDispatcher.addEventListener('onFirstVideoExplorerOpened', function() {
        window.console.time('onFirstVideoExplorerOpen');
        EventDispatcher.addEventListener('onWindowResizeEnd',  adjustVideoExplorerSize);
        EventDispatcher.addEventListener('onVideoInitialized', adjustVideoExplorerSize);
        adjustVideoExplorerSize(true);
        window.console.timeEnd('onFirstVideoExplorerOpen');
      });

      var duration_match = /^([0-9]+):([0-9]+)/;
      controller._item2playlistItem = function (item) {
        // 動画長が入るようにする
        var length_seconds = 0, len = item.getLength ? item.getLength() : '', m;
        if (typeof len === 'string' && (m = duration_match.exec(len)) !== null) {
          length_seconds = m[1] * 60 + m[2] * 1;
        }
        var PlaylistItem = require('watchapp/model/playlist/PlaylistItem');
        return new PlaylistItem({
          id            : item.getId(),
          title         : item.getTitle(),
          thumbnail_url : item.getThumbnailUrl(),
          view_counter  : item.getViewCounter(),
          num_res       : item.getNumRes(),
          mylist_counter: item.getMylistCounter(),
          mylist_comment: item.getMylistComment(),
          first_retrieve: item.getFirstRetrieve(),
          ads_counter   : item.getUadCounter(),
          length_seconds: length_seconds
        });
      };

      initVideoExplorerItemContent();

      $('#playerAlignmentArea').append($toggleCommentPanel);
      $toggleCommentPanel.on('click', function() {
        AnchorHoverPopup.hidePopup();
        $('#playerTabWrapper').toggleClass('w_active');
        $toggleCommentPanel.toggleClass('w_active', $('#playerTabWrapper').hasClass('w_active'));
        setTimeout(function() {
          PlayerInitializer.commentPanelViewController.contentManager.activeContent().refresh();
        }, 1000);
      }).on('mouseover', function() {
        AnchorHoverPopup.hidePopup();
      });

      var toggleVideoExplorerHack = function(v) {
        $('#videoExplorer, #content, #footer, #bottomContentTabContainer').toggleClass('w_adjusted', v);
        if (v) {
          $('#content').append($('.videoExplorerMenu'));
          if (WatchController.isSearchMode()) {
            playerConnector.updatePlayerConfig({playerViewSize: ''}); // ノーマル画面モード
            adjustVideoExplorerSize(true);
          }
        } else {
          $('.videoExplorerContentWrapper').before($('.videoExplorerMenu'));
          setTimeout(function() {
            if (WatchController.isSearchMode()) {
              playerConnector.updatePlayerConfig({playerViewSize: 'small'});
              WindowUtil.shake();
            }
          }, 1000);
        }
      };
      EventDispatcher.addEventListener('on.config.videoExplorerHack', toggleVideoExplorerHack);
      toggleVideoExplorerHack(conf.videoExplorerHack);

      watchPageRouter._prepareState_org = watchPageRouter._prepareState;
      watchPageRouter._prepareState = $.proxy(function(state) {
        if (
          conf.videoExplorerHack &&
          WatchController.isSearchMode() &&
          state.getVideoId() !== this._currentState.getVideoId()
          ) {
            state.prepare({
              video: {id: this._watchInfoModel.v}
            });
            return state;
        } else {
          return this._prepareState_org(state);
        }
      }, watchPageRouter);

      WatchPageState.prototype.isVideoStateChange = function(state) {
        return this.getVideoId() !== state.getVideoId();
      };

    } // end initVideoExplorer

    function initVideoExplorerItemContent() {

      // 動画情報表示のテンプレートを拡張
      var
        overrideItemTemplate = function() {
          var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
          var menu =
            '<div class="thumbnailHoverMenu">' +
            '<button class="showLargeThumbnail" onclick="WatchItLater.onShowLargeThumbnailClick(this);" title="大きいサムネイルを表示">＋</button>' +
            '<button class="deleteFromMyMylist" onclick="WatchItLater.onDeleteFromMyMylistClick(this);">マイリスト外す</button>' +
            '</div>', $menu = $(menu);

          var $template = $('<div/>').html(VideoExplorerInitializer.videoExplorerView._contentListView._$view.find('.videoItemTemplate').html());
          $template.find('.column1 .thumbnailContainer').append($menu).end()
            .find('.column4 .balloon').before($menu.clone()).end()
            .find('.column4 .balloon').remove().end()
            .find('.messageContainer').remove().end()
            .find('.lastResBody')
              .before($('<p class="descriptionShort"/><p class="itemMylistComment mylistComment"/>')).end()
            .find('.noImage').remove().end()
              .find('.createdTime').after($('<div class="nicorepoOwnerIconContainer"><a target="_blank"><img /></a></div>'));
            VideoExplorerInitializer.videoExplorerView._contentListView._$view.find('.videoItemTemplate').html($template.html());
            $template = $menu = null;

        },
        onDeleteFromMyMylistClick = function(elm) {
          var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
          var ContentType = require('watchapp/components/videoexplorer/model/ContentType');
          var contentList = VideoExplorerInitializer.videoExplorer.getContentList();
          var
            $elm       = $(elm),
            $item      = $elm.closest('.item'),
            $videoItem = $item, //.find(''),//$elm.parent().parent(),
            watchId    = $item.attr('data-watch-id'),
            ac         = contentList.getActiveContent(),
            type       = contentList.getActiveContentType(),
            onUpdate   = function(status, result) {
              if (status !== "ok") {
                Popup.alert('削除に失敗: ' + result.error.description);
              } else {
                $videoItem.animate({opacity: 0.3}, 500);
              }
            };

          if (type === ContentType.MYLIST_VIDEO) {
            if (!ac.getIsMine()) { return; }
            Mylist.deleteMylistItem(watchId, ac.getMylistId(), onUpdate, 0);
          } else
          if (type === ContentType.DEFLIST_VIDEO) {
            Mylist.deleteDefListItem(watchId, onUpdate, 0);
          }
        },
        onShowLargeThumbnailClick = function (elm) {
          var $item = $(elm).closest('.item');
          var src  = $item.attr('data-thumbnail');
          if (!src) { return; }
          showLargeThumbnail(src);
        };
      overrideItemTemplate();
      WatchItLater.onDeleteFromMyMylistClick = onDeleteFromMyMylistClick;
      WatchItLater.onShowLargeThumbnailClick = onShowLargeThumbnailClick;

      // 動画情報表示の拡張
      var ItemView = require('watchapp/components/videoexplorer/view/content/item/AbstractVideoContentItemView');
      ItemView.prototype._setView_org = ItemView.prototype._setView;

      ItemView.prototype.update_org = ItemView.prototype.update;
      ItemView.prototype.update = function() {
        // 動画情報表示をゴリゴリいじる場所
        var item = this._item, $item = this._$item;
        this.update_org(item);

        this._$item.find('.deleteFromMyMylist').data('watchId', this._item.getId());
        if (item._mylistComment) { // マイリストコメント
          $item.find('.mylistComment').css({display: 'block'});
        } else {
          $item.find('.mylistComment').remove();
        }

        var lastResBody = item.getLastResBody();
        if (lastResBody.length > 0) {
          this._$lastResBody.css('cssText', 'display: block !important').text(lastResBody);
        } else {
          this._$lastResBody.remove();
        }

        var thumbnail = this._$thumbnail.attr('src').replace('.jpg.M', '');
        if (item.isMiddleThumbnail()) {
          this._$item.find('.thumbnailContainer')
            .css('background-image', 'url(' + thumbnail + ')');
          this._$thumbnail.remove();
        } else {
          this._$item
            .addClass('smallThumbnail')
            .find('.thumbnailContainer')
            .css('background-image', 'url(' + thumbnail + ')');
        }
        $item.attr({
          'data-thumbnail': thumbnail,
          'data-watch-id': item.getId()
        });


        if (item._seed && item._seed._info) {
          var info = item._seed._info;
          if (info.nicorepo_owner) { // ニコレポ
            $item.addClass(info.nicorepo_className).addClass('nicorepoResult');
            var owner = info.nicorepo_owner;
            var $iconContainer = $item.find('.nicorepoOwnerIconContainer'), $icon = $iconContainer.find('img'), $link = $iconContainer.find('a');
            $icon.attr('src', owner.icon);
            $link.attr({'href': owner.page, 'data-ownerid': owner.id, 'title': owner.name + ' さん'});
            if (info.nicorepo_className.indexOf('log-user-') >= 0) {
              $link.attr(
                'onclick',
                'if (arguments[0].button > 0) return; arguments[0].preventDefault();' +
                'require("watchapp/init/VideoExplorerInitializer").videoExplorerController.showOtherUserVideos(this.dataset.ownerid, this.title);' +
                'require("watchapp/util/WindowUtil").scrollFit($("#videoExplorer"));'
              );
            }
            if (info.nicorepo_log.length > 1) {
              $item.find('.descriptionShort').html(info.nicorepo_log.join('<br>'));
            }
            // ニコレポは再生数が取れないので-で埋める
            this._$viewCount   .html('-');
            this._$commentCount.html('-');
            this._$mylistCount .html('-');
            $iconContainer = $icon = $link = null;
          }
        }
        if (item._seed && typeof item._seed.description_full === 'string' && item._seed.description_full.length > 150) {
          this._$descriptionShort.attr('title', item._seed.description_full);
        }
        $item = null;

      };
      ItemView = null;

    } // end initVideoExplorerItemContent



    var lastVideoOwnerJson = '';
    function onWatchInfoReset(watchInfoModel) {
      $('body').toggleClass('w_channel', watchInfoModel.isChannelVideo());
      EventDispatcher.dispatch('onWatchInfoReset', watchInfoModel);
      var owner = WatchController.getOwnerInfo(), owner_json = JSON.stringify(owner);
      if (lastVideoOwnerJson.length > 0 && lastVideoOwnerJson !== owner_json) {
        EventDispatcher.dispatch('onVideoOwnerChanged', owner);
      }
      lastVideoOwnerJson = owner_json;
    }

    function onScreenModeChange(sc) {
      setTimeout(function() {
        EventDispatcher.dispatch('onScreenModeChange', sc);
      }, 500);
    }

    function initMylistPanel($, conf, w) {
      var iframe = Mylist.getPanel('');
      iframe.id = "mylist_add_frame";
      iframe.className += " fixed";
      w.document.body.appendChild(iframe);
      iframe.hide(); // ページの初期化が終わるまでは表示しない

      var $iframe = $(iframe);
      $iframe.find('.mylistSelect').attr('accesskey', ':');

      var toggleMylistMenuInFull = function(v) {
        $('.mylistPopupPanel')
          .toggleClass('hideInFull',    v === 'hide')
          .toggleClass('hideAllInFull', v === 'hideAll');
      };
      EventDispatcher.addEventListener('on.config.hideMenuInFull', toggleMylistMenuInFull);
      toggleMylistMenuInFull(conf.hideMenuInFull);

      var setMylistPanelPosition = function(v) {
        $iframe
          .toggleClass('left', v.indexOf('left') >= 0)
          .toggleClass('top',  v.indexOf('top')  >= 0);
        setTimeout(function() {
          $('#yukkuriPanel')
            .toggleClass('mylistPanelLeft', v.indexOf('left') >= 0 && v.indexOf('top') < 0);
        }, 500);
      };
      EventDispatcher.addEventListener('on.config.mylistPanelPosition', setMylistPanelPosition);
      if (conf.mylistPanelPosition !== '') setMylistPanelPosition(conf.mylistPanelPosition);

      var $footer = $('#footer'), $window = $(window);
      var toggleMylistPanelStyle = function() {
        if ($footer.is(':visible')) {
          $iframe.toggleClass('black', $window.scrollTop() + $window.innerHeight() - $footer.offset().top >= 0);
        } else {
          $iframe.removeClass('black');
        }
      };

      EventDispatcher.addEventListener('onVideoInitialized', function(isFirst) {
        toggleMylistPanelStyle();
        var newVideoId = watchInfoModel.id;
        var newWatchId = watchInfoModel.v;
        iframe.watchId(newVideoId, newWatchId);
        if (isFirst) iframe.show();
      });
      EventDispatcher.addEventListener('onScrollEnd',        toggleMylistPanelStyle);
      EventDispatcher.addEventListener('onWindowResizeEnd',  toggleMylistPanelStyle);
      EventDispatcher.addEventListener('onScreenModeChange', toggleMylistPanelStyle);
      EventDispatcher.addEventListener('on.config.hidePlaylist', toggleMylistPanelStyle);
      EventDispatcher.addEventListener('on.config.bottomContentsVisibility', toggleMylistPanelStyle);
    } //

    function initScreenMode() {
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      var PlaylistInitializer = require('watchapp/init/PlaylistInitializer');

      EventDispatcher.addEventListener('onVideoInitialized', function(isFirst) {
        if (conf.autoBrowserFull) {
          setTimeout(function() {
            if ($('body').hasClass('up_marquee') && conf.disableAutoBrowserFullIfNicowari) {
              // ユーザーニコ割があるときは自動全画面にしない
              return;
            }
            if (WatchController.isSearchMode()) { // TODO: localStorageに直接アクセスすんな
              var settingSize = (localStorage["PLAYER_SETTINGS.LAST_PLAYER_SIZE"] === '"normal"') ? 'normal' : 'medium';
              WatchController.changeScreenMode(settingSize);
            }
            WatchController.changeScreenMode('browserFull');
            onWindowResizeEnd(); // TODO:;;;;
          }, 100);
        } else {
          if (conf.autoOpenSearch && !WatchController.isSearchMode() && !$('body').hasClass('full_with_browser')) {
            WatchController.openSearch();
          }
          if (conf.autoScrollToPlayer) {
            // 初回のみ、プレイヤーが画面内に納まっていてもタグの位置まで自動スクロールさせる。(ファーストビューを固定するため)
            // 二回目以降は説明文や検索結果からの遷移なので、必要最小限の動きにとどめる
            if (!WatchController.isSearchMode() || isFirst) {
              WatchController.scrollToVideoPlayer(isFirst);
            }
          }
        }
      });


      var lastPlayerConfig = null, lastScreenMode = '';

      var restoreVisibility = function() {
        $('body').removeClass('hideCommentInput');
      };

      var togglePlaylist = function(v) {
        v = (typeof v === 'boolean') ? v : !$('body').hasClass('fullWithPlaylist');
        $('body').toggleClass('fullWithPlaylist', v);
        if (v) {
          PlaylistInitializer.playlistView.resetView();
        }
        return v;
      };

      var toggleMonitorFull = function(v) {
        var now = Util.FullScreen.now();
        if (now || v === false) {
          Util.FullScreen.cancel();
        } else if (!now || v === true) {
          Util.FullScreen.request(document.body);
        }
      };

      var initShield = function() {
        var shield = $('<div id="fullScreenMenuContainer" />');
        shield.click(function(e) {
          e.stopPropagation();
          togglePlaylist();
        });
        $('#external_nicoplayer').after(shield);
        shield = null;
      };
      initShield();

      EventDispatcher.addEventListener('onScreenModeChange', function(sc) {
        var mode = sc.mode;
        $('body').removeClass('w_fullScreenMenu');
        if (mode === 'browserFull' && lastScreenMode !== mode) {

          updateFullscreenMenu();
          $('body').toggleClass('hideCommentInput', conf.controllerVisibilityInFull === 'hidden');
        } else
        if (lastScreenMode === 'browserFull' && mode !== 'browserFull') {
          $('#playerContainerSlideArea').css({height: ''}); // wall bug fix
          restoreVisibility();
          toggleMonitorFull(false);
        }
        lastScreenMode = mode;
      });

      var onFullscreenWheel = _.debounce(function(direction) {
        var fullscreenMenuLevel = conf.fullscreenMenuLevel || 0;
        if (direction === 'up') {
          fullscreenMenuLevel--;
        } else {
          fullscreenMenuLevel++;
        }
        fullscreenMenuLevel = Math.max(-1, Math.min(1, fullscreenMenuLevel));

        conf.setValue('fullscreenMenuLevel', fullscreenMenuLevel);
        updateFullscreenMenu(fullscreenMenuLevel);
      }, 500);
      EventDispatcher.addEventListener('onFullscreenWheel', onFullscreenWheel);

      var updateFullscreenMenu = function(fullscreenMenuLevel) {
        fullscreenMenuLevel =
          (typeof fullscreenMenuLevel === 'number') ?
            fullscreenMenuLevel : conf.getValue('fullscreenMenuLevel');

        var $body = $('body');
        if (fullscreenMenuLevel === 0) {
          $body.removeClass('w_fullScreenMenu').removeClass('w_hideControlPanel');
        } else if (fullscreenMenuLevel < 0) {
          $body.removeClass('w_fullScreenMenu').addClass('w_hideControlPanel');
        } else if (fullscreenMenuLevel > 0) {
          $body.addClass('w_fullScreenMenu').removeClass('w_hideControlPanel');
        }
      };

      var wheelCounter = 0, wheelTimer = null;
      EventDispatcher.addEventListener('onWheelNoButton', function(e, delta) {
        if (!conf.enableFullScreenMenu) return;
        if ((e.target.tagName !== 'OBJECT' && e.target.tagName !== 'HTML') ||
          !WatchController.isFullScreen()) return;
        if (wheelTimer) {
          wheelCounter += delta;
        } else {
          wheelCounter = 0;
          wheelTimer = setTimeout(function() {//
            wheelTimer = null;
            if (Math.abs(wheelCounter) > 3) {
              EventDispatcher.dispatch('onFullscreenWheel',
                wheelCounter < 0 ? 'down' : 'up'
              );
              AnchorHoverPopup.hidePopup();
            }
          }, 500);
        }
      });

      TouchEventDispatcher.onflick(function(e) {
        if (!conf.enableFullScreenMenu) return;
        if ((e.direction !=='up' && e.direction !=='down') || e.startEvent.target.tagName !== 'OBJECT' || !WatchController.isFullScreen()) return;
        if (wheelTimer) {
          clearTimeout(wheelTimer);
          wheelTimer = null;
        }
        EventDispatcher.dispatch('onFullscreenWheel',
          e.direction === 'down' ? 'down' : 'up'
        );
        AnchorHoverPopup.hidePopup();
      });

      var $fullScreenMenuContainer = $('<div id="fullScreenMenuContainer"/>');
      var $fullScreenMenuButtons = $([
          '<button class="fullScreenModeSwitch button" data-button-type="playlist">',
            '<span class="modeStatus playlistOpening">▼</span>',
            '<span class="modeStatus playlistClosing">▲</span>',
          '</button>',
          '<button class="button prevNext" data-button-type="prev" title="前の動画">≪</button>',
          '<button class="button prevNext" data-button-type="next" title="次の動画">≫</button>',
          '<button class="stageVideoSwitch button" data-button-type="stagevideo" ',
             'title="ハードウェアアクセラレーションのON/OFF"',
             '>',
            'アクセラレーション: ',
            '<span class="modeStatus mode_off">OFF</span>',
            '<span class="modeStatus mode_on">ON</span>',
          '</button>',
          '<button class="toggleMonitorFull button" data-button-type="monitorFull">',
            '<span class="monitorFull">モニター全画面</span>',
          '</button>',
          '<button class="toggleSetting button" data-button-type="setting">',
          '⛭設定',
          '</button>',
      ''].join(''));

      var onFullScreenMenuContainerClick = function(e) {
        var type = $(e.target).attr('data-button-type');
        if (type === 'playlist') {
          togglePlaylist();
        } else if (type === 'stagevideo') {
          WatchController.toggleStageVideo();
        } else if (type === 'setting') {
          ConfigPanel.toggle();
        } else if (type === 'monitorFull') {
          toggleMonitorFull();
        } else if (type === 'prev') {
          WatchController.prevVideo();
        } else if (type === 'next') {
          WatchController.nextVideo();
        }
      };

      $fullScreenMenuContainer
        .on('click', onFullScreenMenuContainerClick)
        .append($fullScreenMenuButtons);

      $('#nicoplayerContainerInner').append($fullScreenMenuContainer);

    } // end initScreenMode()




    function initPlaylist($, conf, w) {
      var
        PlaylistInitializer = require('watchapp/init/PlaylistInitializer'),
        PlaylistManager     = require('watchapp/view/playlist/PlaylistManager'),
        playlist = PlaylistInitializer.playlist,
        playlistView = PlaylistInitializer.playlistView,
        blankVideoId = 'sm20353707',
        blankVideoUrl = 'http://www.nicovideo.jp/watch/' + blankVideoId + '?',
        redirectPageUrl = 'http://www.nicovideo.jp/stamp',
        items = {},

        toCenter = function() { // 表示位置調整
          var
            pv = PlaylistInitializer.playlistView,
            pl = playlist,
            current = pl.getPlayingIndex(),
            cols = Math.floor($('#playlistContainerInner').innerWidth() / PlaylistManager.getItemWidth()),
            center = Math.round(cols / 2);

          if (cols < 1) { return; }
          var currentLeft = PlaylistManager.getLeftSideIndex();
          pv.scroll(Math.max(0, current - center + 1));
        },
        scroll = function(d) {
          var isEffectEnabled = playlistView.isEffectEnabled;
          var left = PlaylistManager.getLeftSideIndex();
          playlistView.isEffectEnabled = false;
          playlistView.scroll(Math.max(0, left + d));
          playlistView.isEffectEnabled = isEffectEnabled;
        };

      playlist.isAutoPlay      = playlist.isContinuous; // 互換用
      playlist.enableAutoPlay  = playlist.enableContinuous;
      playlist.disableAutoPlay = playlist.disableContinuous;

      $('#playlist').find('.playlistInformation').on('dblclick.watchItLater', function(e) {
        e.preventDefault();
        e.stopPropagation();
        toCenter();
      });

      EventDispatcher.addEventListener('onVideoInitialized', function() {
        var pm = PlaylistManager, pv = playlistView, pl = playlist;
        var current = pl.getPlayingIndex(), cols = Math.floor($('#playlistContainerInner').innerWidth() / pm.getItemWidth()), center = Math.floor(cols / 2);
        if (pm.getLeftSideIndex() + cols <= pl.getNextPlayingIndex()) { toCenter(); }
      });

      $('#playlistContainer .prevArrow, #playlistContainer .nextArrow').on('mousewheel.watchItLater', function(e, delta) {
        if (WatchController.isFullScreen()) { return; }
        e.preventDefault();
        e.stopPropagation();
        scroll(delta *-1);
      }).attr('title', 'ホイールで左右にスクロール');

      // フルスクリーン中はプレイリストのどこでもスクロールできたほうがいいね
      $('#playlist').on('mousewheel.watchItLater', function(e, delta) {
        if (WatchController.isFullScreen() || WatchController.isSearchMode() || $('#footer').hasClass('noBottom')) {
          e.preventDefault();
          e.stopPropagation();
          scroll(delta *-1);
        }
      });

      EventDispatcher.addEventListener('onWheelAndButton', function(e, delta, button) {
        if (WatchController.isFullScreen()) { return; }
        if ($('#playlist').hasClass('dragging')) {
          e.preventDefault();
          scroll(delta *-1);
        }
      });

      var
        updatePos = function() {
          if (
            conf.hashPlaylistMode === 2 || (conf.hashPlaylistMode === 1 && WatchController.isPlaylistActive())) {
            LocationHashParser.setValue('playlist', exportPlaylist());
            LocationHashParser.updateHash();
          }
          if (conf.storagePlaylistMode === 'sessionStorage' || conf.storagePlaylistMode === 'localStorage') {
            setTimeout(function() {
              w[conf.storagePlaylistMode].setItem('watchItLater_playlist', JSON.stringify(exportPlaylist()));
            }, 0);
          }

          var pos = Math.max((playlist.getPlayingIndex() + 1), 1) + '/' + Math.max(playlist.getItems().length, 1);
          $('.generationMessage').text(pos + " - \n" + $('.generationMessage').text().replace(/^.*\n/, ''));
        },
        resetView = function() {
          playlistView.resetView();
        },
        exportPlaylist = function(option, type, continuous, shuffle) {
          var
            items = playlist.currentItems,
            list = [],
            current = 0,
            len = conf.debugMode ? Math.min(600, items.length) : Math.min(300, items.length);

          for (var i = 0; i < len; i++) {
            var item = items[i];
            if (item._isPlaying) current = i;
            list.push([
                item.id,
                parseInt(item.mylistCounter, 10).toString(36),
                parseInt(item.viewCounter,   10).toString(36),
                parseInt(item.numRes,        10).toString(36),
                (item.thumbnailUrl ? parseInt(item.thumbnailUrl.split('?i=')[1], 10).toString(36) : 'c490r'),
              ].join(',') + ':' + item.title
            );
          }
          return {
            a: (typeof continuous === 'boolean') ? continuous : WatchController.isPlaylistContinuous(),
            r: (typeof shuffle    === 'boolean') ? shuffle    : WatchController.isPlaylistRandom(),
            o: option    || playlist.option,
            t: type      || playlist.type,
            i: list,
            c: current
          };
        },
        importPlaylist = function(list) {
          var PlaylistItem = require('watchapp/model/playlist/PlaylistItem'), newItems = [], uniq = {}, currentIndex = -1;

          WatchController.clearPlaylist();
          var currentItem = playlist.currentItems[0];
          if (!currentItem) {
            var wm = watchInfoModel;
            currentItem = new PlaylistItem({
              id:             wm.v,
              title:          wm.title,
              mylist_counter: wm.mylistCount,
              view_counter:   wm.viewCount,
              num_res:        wm.commentCount,
              thumbnail_url:  wm.thumbnail,
              first_retriee:  wm.postedAt
            });
          }

          for (var i = 0, len = list.i.length; i < len; i++) {
            var
              dat = list.i[i],
              c = dat.split(':')[0].split(','),
              title = dat.replace(/^.*:/, ''),
              id = c[0],
              thumbnailId = parseInt(c[4], 36);

            if (uniq[id] || typeof id !== 'string') { continue; }
            uniq[id] = true;
            if (id === watchInfoModel.v) {
              currentIndex = i;
              newItems.push(currentItem);
            } else {
              var item = new PlaylistItem({
                id:             id,
                title:          title.replace('<', '&lt;').replace('>', '&gt;'), // ないはずだけど一応
                mylist_counter: parseInt(c[1], 36),
                view_counter:   parseInt(c[2], 36),
                num_res:        parseInt(c[3], 36),
                thumbnail_url:  'http://tn-skr' + ((thumbnailId % 4) + 1) + '.smilevideo.jp/smile?i=' + thumbnailId,
                first_retrieve: null
              });
              newItems.push(item);
            }
          }
          // 復元するリストの中に現在の動画がなかった
          if (currentIndex === -1) {
            if (typeof list.c === 'number') {
              if (list.c < newItems.length) {
                currentIndex = list.c + 1;
                newItems.splice(currentIndex, 0, currentItem);
              } else {
                currentIndex = list.length;
                newItems.push(currentItem);
              }
            } else {
              newItems.unshift(currentItem);
              currentIndex = 0;
            }
          }

          var isAutoPlay = playlist.isContinuous();//isAutoPlay();
          playlist.reset(newItems, 'WatchItLater', list.t, list.o);
          if (!isAutoPlay) { // 本家側の更新でリセット時に勝手に自動再生がONになるようになったので、リセット前の状態を復元する
            playlist.disableContinuous();
          }
          if (currentIndex >= 0) { playlist.playingItem = newItems[currentIndex]; }
          if (list.a) { playlist.enableContinuous(); }
          if (list.r) {
            if (watchInfoModel.id === blankVideoId) {
              setTimeout(function() {
                WatchController.shufflePlaylist();
              }, 3000);
            } else {
              playlist.enableContinuous();
            }
          }
        },
        $dialog = null, $savelink = null, $continuous, $shuffle,
        openSaveDialog = function() {
          function resetLink() {
            var playlist = exportPlaylist(null, null, $continuous.is(':checked'), $shuffle.is(':checked'));
            playlist.o = playlist.o || [];
            playlist.o.name = $savelink.text();
            playlist.t = 'mylist';
            LocationHashParser.setValue('playlist', playlist);
            if (!playlist.r) {
              LocationHashParser.setValue('redirectWatchId', watchInfoModel.id);
            } else {
              LocationHashParser.deleteValue('redirectWatchId');
            }
            $savelink
              //.attr('href', blankVideoUrl + LocationHashParser.getHash().replace(/\?/g, ''))
              .attr('href', redirectPageUrl + LocationHashParser.getHash().replace(/\?/g, ''))
              .unbind();
          }
          function closeDialog() {
            $dialog.removeClass('show');
          }

          if (!$dialog) {
            $dialog = $('<div id="playlistSaveDialog" />');
            $dialog.append($([
              '<div class="shadow"></div>',
              '<div class="formWindow"><div  class="formWindowInner">',
                '<h3>プレイリスト保存用リンク(実験中)</h3>',
                '<p class="link"><a target="_blank" class="playlistSaveLink">保存用リンク</a><button class="editButton">編集</button></p>',
                '<label><input type="checkbox" class="continuous">開始時に連続再生をONにする</label><br>',
                '<label><input type="checkbox" class="shuffle">開始時にリストをシャッフルする</label>',
                '<p class="desc">リンクを右クリックしてコピーやブックマークする事で、現在のプレイリストを保存する事ができます。</p>',
                '<button class="closeButton">閉じる</button>',
              '</div></div>',
            ''].join('')));
            $savelink   = $dialog.find('a').attr('added', 1);
            $continuous = $dialog.find('.continuous');
            $shuffle    = $dialog.find('.shuffle');
            $dialog.find('.shadow').on('click', closeDialog);
            $dialog.find('.editButton').on('click', function() {
              var newTitle = prompt('タイトルを編集', $savelink.text());
              if (newTitle) {
                $savelink.text(newTitle);
                resetLink();
              }
            });
            $continuous.on('click', resetLink);
            $shuffle   .on('click', resetLink);
            $dialog.find('.closeButton').on('click', closeDialog);

            $('body').append($dialog);
          }
          $savelink.text(
            $('#playlist .generationMessage')
              .text()
              .replace(/^.*?\n/, '')
              .replace(/^.*「/, '')
              .replace(/」.*?$/, '')
              .replace(/ *- \d{4}-\d\d-\d\d \d\d:\d\d$/, '') +
            ' - ' + require('watchapp/util/DateFormat').strftime('%Y-%m-%d %H:%M', new Date())
          );
          $continuous.attr('checked', WatchController.isPlaylistActive());
          $shuffle   .attr('checked', WatchController.isPlaylistRandom());
          resetLink();
          $dialog.addClass('show');
        },
        PlaylistMenu = (function($, conf, w, playlist) {
          var $popup = null, $generationMessage = $('#playlist').find('.generationMessage'), self;

          var
            enableContinuous = function() {
              playlist.enableContinuous();
            },
            createDom = function() {
              $popup = $('<div class="playlistMenuPopup popupMenu"/>')
                .addClass('pop')
                .toggleClass('w_touch', isTouchActive);
              var $ul = $('<ul/>');
              $popup.click(function() {
                self.hide();
              });
              var $shuffle = $('<li>シャッフル: 全体</li>').click(function(e) {
                WatchController.shufflePlaylist();
                enableContinuous();
              });
              $ul.append($shuffle);
              var $shuffleR = $('<li>シャッフル: 右</li>').click(function(e) {
                WatchController.shufflePlaylist('right');
                enableContinuous();
              });
              $ul.append($shuffleR);

              var $next = $('<li>検索結果を追加： 次に再生</li>').click(function() {
                WatchController.appendSearchResultToPlaylist('next');
                enableContinuous();
              });
              $ul.append($next);

              var $insert = $('<li>検索結果を追加： 末尾</li>').click(function() {
                WatchController.appendSearchResultToPlaylist();
                enableContinuous();
              });
              $ul.append($insert);

              var $clear = $('<li>リストを消去： 全体</li>').click(function() {
                WatchController.clearPlaylist();
              });
              $ul.append($clear);

              var $clearLeft = $('<li>リストを消去： 左</li>').click(function() {
                WatchController.clearPlaylist('left');
              });
              $ul.append($clearLeft);
              var $clearRight = $('<li>リストを消去： 右</li>').click(function() {
                WatchController.clearPlaylist('right');
              });
              $ul.append($clearRight);

              var $saver = $('<li>リストを保存(実験中)</li>').click(function() {
                openSaveDialog();
              });

              $ul.append($saver);
              $popup.append($ul);
              $('body').append($popup);
            },
            show = function() {
              if ($popup === null) { createDom(); }
              var offset = $generationMessage.offset(), $window = $(window) , pageBottom = $window.scrollTop() + $window.innerHeight();
              $popup.css({
                left: offset.left,
                top: Math.min(offset.top + 24, pageBottom - $popup.outerHeight())
              }).show();
            },
            hide = function() {
              if ($popup) { $popup.hide(); }
            },
            toggle = function() {
              if ($popup === null || !$popup.is(':visible')) {
                show();
              } else {
                hide();
              }
            };

          $generationMessage.click(function(e) {
            e.preventDefault();
            self.toggle();
          });

          $('body').on('click.watchItLater', function(e) {
            var tagName = e.target.tagName, className = e.target.className;
            if (className !== 'generationMessage') {
              self.hide();
            }
          });
          self = {
            show: show,
            hide: hide,
            toggle: toggle
          };
          return self;
        })($, conf, w, playlist);


      var hashlist = LocationHashParser.getValue('playlist');
      if (hashlist && hashlist.i && hashlist.i.length > 0) {
        try {
          console.log('restore playlist!!');
          importPlaylist(hashlist);
          if (conf.hashPlaylistMode < 1) {
            LocationHashParser.removeHash();
          }
          setTimeout(function() { resetView(); } , 3000);
        } catch (e) {
          console.log(e);
          console.trace();
        }
      } else
      if ((conf.storagePlaylistMode === 'sessionStorage' || conf.storagePlaylistMode === 'localStorage') && w[conf.storagePlaylistMode] && !playlist.isContinuous()) {
        try {
          console.log('restore playlist:' + conf.storagePlaylistMode);
          var list = JSON.parse(w[conf.storagePlaylistMode].getItem('watchItLater_playlist'));
          if (list !== null) { importPlaylist(list); }
          setTimeout(function() { resetView(); } , 3000);
        } catch (e) {
          console.log('プレイリストの復元に失敗！', e);
        }
      } else {
        updatePos();
      }

      EventDispatcher.addEventListener('onVideoExplorerOpened', function() {
        // 2013/09/26 本家側で開閉を記録するようになった -> 2014/03/03 また記憶しなくなった

        // 通常画面でプレイリストを表示にしてるなら、開いた状態をデフォルトにする
        if (conf.hidePlaylistInVideoExplorer === false) {
          playlist.open();
        }
      });
      $('#playlist .browserFullOption a').on('click', function() {
        if (WatchController.isSearchMode()) {
          conf.setValue('hidePlaylistInVideoExplorer', !conf.hidePlaylistInVideoExplorer);
        }
      });

      EventDispatcher.addEventListener('on.config.hashPlaylistMode', function(v) {
        if (v === 0) {
          LocationHashParser.deleteValue('playlist');
          LocationHashParser.removeHash();
        } else
        if (v === 1 || v === 2) {
          var msg = [
            '【警告】「プレイリストが消えないモード」は実験中の機能です。',
            '',
            'この機能を使うと、ページをリロードしたりブックマークしてもプレイリストが消えなくなりますが、',
            'データを力技で保持するため、ページのURLがものすごく長く(※)なります。',
            '',
            'そのため、ブラウザのパフォーマンスが低下したり、未知の不具合が発生する可能性があります。',
            'それでもこの機能を使ってみたい！という方だけ「OK」を押してください。',
            '',
            '※ 数千～数万文字くらい！',
          ''].join('\n');
          if (confirm(msg)) {
            LocationHashParser.setValue('playlist', exportPlaylist());
            LocationHashParser.updateHash();
          } else {
            conf.setValue('hashPlaylistMode', 0);
            ConfigPanel.refresh();
          }
        }
      });

      $('#playlist .browserFullOption').on('click.bugfix', resetView);

      $('.generationMessage, .prevArrow, .nextArrow, .playbackOption').on('mouseover', function() {
        AnchorHoverPopup.hidePopup();
      });

      playlist.addEventListener('changePlaybackMode', function(mode) {
        console.log('changePlaybackMode', mode, conf.hashPlaylistMode);
        if (mode === 'normal' && conf.hashPlaylistMode < 2) {
          LocationHashParser.removeHash();
        } else {
          updatePos();
        }
      });

      EventDispatcher.addEventListener('onFirstVideoInitialized', function() {
        updatePos();
        EventDispatcher.addEventListener('onScreenModeChange', function(sc) {
          resetView();
        });
        EventDispatcher.addEventListener('onWatchInfoReset', function() {
          updatePos();
        });
        playlist.addEventListener('reset', function() {
          EventDispatcher.dispatch('onPlaylistReset');
          updatePos();
        });
        playlist.addEventListener('update', function() {
          EventDispatcher.dispatch('onPlaylistUpdate');
          updatePos();
        });
      });

      var togglePlaylistDisplay = function(v) {
        var $playlist = $('#playlist');
        if (!v) {
          $playlist.addClass('w_show').removeClass('w_closing');
        } else {
          $playlist.addClass('w_closing');
          setTimeout(function() { $playlist.removeClass('w_show');}, 500);
        }
      };
      EventDispatcher.addEventListener('on.config.hidePlaylist', togglePlaylistDisplay);
      togglePlaylistDisplay(conf.hidePlaylist);

      // プレイリスト消えないモードの時はプレイリストを勝手におすすめに置き換える機能をキャンセル
      (function() {
        var ld = require('watchapp/init/VideoExplorerInitializer').videoExplorerController._videoExplorerPlaylistResetArgumentsLoader;
        ld.load_org = ld.load;
        ld.load = $.proxy(function(a, b, c) {
          if (conf.storagePlaylistMode !== '') {
            return;
          }
          this.load_org(a, b, c);
        }, ld);
        ld = null;
      })();

    } // end initPlaylist


    function initPageHeader($, conf, w) {
      $('.videoDetailExpand h2').addClass('videoDetailToggleButton');
    } // end initPageHeader


    function initVideoTagContainer($, conf, w) {
      var TagInitializer = require('watchapp/init/TagInitializer');
      var $videoHeaderTagEditLinkArea = null, $toggleTagEditText = null, baseTagHeight = 72, currentHeight = 72;
      var tagListView = TagInitializer.tagViewController.tagListView, $videoHeader = $('.videoHeaderOuter');

      tagListView.getCurrentDefaultHeight_org = tagListView.getCurrentDefaultHeight;
      tagListView.getCurrentDefaultHeight = function() {
        if ($('body').hasClass('full_with_browser')) {
          return tagListView.getCurrentDefaultHeight_org();
        }
        return currentHeight;
      };

      $videoHeaderTagEditLinkArea = $('.toggleTagEditInner .videoHeaderTagEditLinkArea');
      $('.toggleTagEdit').append($videoHeaderTagEditLinkArea);
      $toggleTagEditText = $('<span class="toggleText">' + $('.toggleTagEditInner').text() + '</span>');
      $('.toggleTagEditInner').empty().append($toggleTagEditText).append($videoHeaderTagEditLinkArea);

      var onTagReset = function() {
        try {
          // タグが2行以下だったら自動的に狭くする処理
          if (!conf.enableAutoTagContainerHeight) { return; }
          currentHeight = Math.min(baseTagHeight, $('#videoTagContainer').find('.tagInner').innerHeight());

          if (baseTagHeight !== currentHeight) {
            var $toggle = $('#videoTagContainer').find('.toggleTagEdit');
            $videoHeader.removeClass('tag1Line').removeClass('tag2Lines');

            if (currentHeight < 36) { // 1行以下の時
              $videoHeader.addClass('tag1Line');
            } else {
              if (currentHeight <= 60) { // 2行以下の時
                $videoHeader.addClass('tag2Lines');
              }
            }
            TagInitializer.tagViewController.tagListView.fit();
          } else {
            $videoHeader.removeClass('tag1Line').removeClass('tag2Lines');
            TagInitializer.tagViewController.tagListView.fit();
          }
        } catch (e) {
          console.log(e);
        }
      };

      EventDispatcher.addEventListener('onFirstVideoInitialized', function() {
        EventDispatcher.addEventListener('onVideoInitialized', onTagReset);
      });
      TagInitializer.tagList.addEventListener('reset', onTagReset);
      if (conf.enableAutoTagContainerHeight) {
        TagInitializer.tagViewController.tagViewPinStatus.changeStatus(true);
      }
      window.setTimeout(onTagReset, 1000);

      $videoHeaderTagEditLinkArea = $toggleTagEditText = null;

      var NicoPlayerConnector = require('watchapp/model/player/NicoPlayerConnector');
      NicoPlayerConnector.onTagDataReceived_org = NicoPlayerConnector.onTagDataReceived;
      NicoPlayerConnector.onTagDataReceived = function(a) {
        if (conf.disableTagReload) {
          return;
        }
        NicoPlayerConnector.onTagDataReceived_org(a);
      };

    } // end initVideoTagContainer



    function initVideoReview($, conf, w) {
      var __css__ = Util.here(function() {/*
        .sidePanel #videoReview { margin: 0 auto; }
        #outline.w_compact #videoReview { width: 300px; }
        #outline.w_compact textarea.newVideoReview { width: 277px; }
        #outline.w_compact #videoReviewHead { width: 283px; }
        #outline.w_compact #videoReview .stream { width: 300px; }
        #outline.w_compact #videoReview .inner { width: 300px; }
        #outline.w_compact .commentContent { width: 278px; }
        #outline.w_compact .commentContentBody { width: 232px; }
        .sidePanel.w_review #videoReview { width: 308px; }
        .sidePanel.w_review textarea.newVideoReview { width: 286px; }
        .sidePanel.w_review #videoReviewHead { width: 291px; }
        .sidePanel.w_review #videoReview .stream { width: 308px; }
        .sidePanel.w_review #videoReview .inner { width: 308px; }
        .sidePanel.w_review .commentContent { width: 286px; }
        .sidePanel.w_review .commentContentBody { width: 240px; }
        body:not(.full_with_browser) .w_wide .sidePanel.w_review #videoReview { width: 400px; }
        body:not(.full_with_browser) .w_wide .sidePanel.w_review textarea.newVideoReview { width: 377px; }
        body:not(.full_with_browser) .w_wide .sidePanel.w_review #videoReviewHead { width: 383px; }
        body:not(.full_with_browser) .w_wide .sidePanel.w_review #videoReview .stream { width: 400px; }
        body:not(.full_with_browser) .w_wide .sidePanel.w_review #videoReview .inner { width: 400px; }
        body:not(.full_with_browser) .w_wide .sidePanel.w_review .commentContent { width: 378px; }
        body:not(.full_with_browser) .w_wide .sidePanel.w_review .commentContentBody { width: 332px; }
        body.videoExplorer .sidePanel.w_review #videoReview { width: 400px; }
        body.videoExplorer .sidePanel.w_review textarea.newVideoReview { width: 377px; }
        body.videoExplorer .sidePanel.w_review #videoReviewHead { width: 383px; }
        body.videoExplorer .sidePanel.w_review #videoReview .stream { width: 400px; }
        body.videoExplorer .sidePanel.w_review #videoReview .inner { width: 400px; }
        body.videoExplorer .sidePanel.w_review .commentContent { width: 378px; }
        body.videoExplorer .sidePanel.w_review .commentContentBody { width: 332px; }

        body:not(.videoExplorer) .sidePanel .commentUserProfile, body:not(.videoExplorer) .sidePanel .panelTrigger {
          display: none !important;
        }
        body.videoExplorer .sidePanel .commentUserProfile {
          position: fixed;
          top:  36px !important;
          left: auto !important;
          right:  0 !important;
          z-index: 11000;
        }

        .sidePanel .getMoreReviewComment {
          margin-bottom: 256px;
        }
      */});
      var reviewCss = addStyle(__css__, 'videoReviewCss');

      /*
      EventDispatcher.addEventListener('onFirstVideoInitialized', function() { setTimeout(function() {
        var elms = [
          '#videoReview',
          'textarea.newVideoReview',
          '#videoReviewHead',
          '#videoReview .stream',
          '#videoReview .inner',
          '.commentContent',
          '.commentContentBody'
        ];
        var css = [], $baseElement = $('#videoReview');
        var makeCss = function (targetWidth, preSel) {
          var px = targetWidth - $baseElement.outerWidth();
          for (var v in elms) {
            var $e = $(elms[v]), newWidth = $e.width() + px;
            css.push([
              preSel, elms[v], ' { width: ', newWidth,'px; }\n'
            ].join(''));
          }
        };
        makeCss(300, '#outline.w_compact ');
        makeCss(308, '.sidePanel.w_review ');
        makeCss(400, '.sidePanel.w_review.w_wide ');
        makeCss(400, 'body.videoExplorer .sidePanel.w_review ');
        console.log(css.join(''));
        var reviewCss = addStyle(css.join(''), 'videoReviewCss');
      }, 3000);});
      */
    } // end initVideoReview

    function initNews() {
      var TextMarqueeInitializer = require('watchapp/init/TextMarqueeInitializer');
      var stopNicoNewsPolling = function() {
        TextMarqueeInitializer.textMarqueeItemDispatcher.stop();
        TextMarqueeInitializer.textMarqueeItemList.list.length = 0;
      };
      var toggleNoNews = function() {
        $('#content').toggleClass('noNews', conf.hideNicoNews || conf.customPlayerSize !== '');
        if ($('#content').hasClass('noNews')) {
          stopNicoNewsPolling();
        }
      };

      EventDispatcher.addEventListener('on.config.hideNicoNews',     toggleNoNews);
      EventDispatcher.addEventListener('on.config.customPlayerSize', toggleNoNews);

      toggleNoNews();

      //if (conf.enableNewsHistory) { NicoNews.initialize(w); }
    } //


    function initEvents() {
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      var watchInfoModel    = require('watchapp/model/WatchInfoModel').getInstance();
      var pac = PlayerInitializer.playerAreaConnector;

      pac.addEventListener("onVideoInitialized", onVideoInitialized);
      pac.addEventListener("onVideoEnded",       onVideoEnded);
      pac.addEventListener("onVideoStopped",     onVideoStopped);
      // pac.addEventListener('onSystemMessageFatalErrorSended', onSystemMessageFatalErrorSended);
      // WatchInitializer.watchModel.addEventListener('error', function() {console.log(arguments);});

      pac.addEventListener('updateSettingsPanelVisible', function(isVisible, panel) {
        EventDispatcher.dispatch('onUpdateSettingPanelVisible', isVisible, panel);
      });

      watchInfoModel.addEventListener('reset', onWatchInfoReset);
      watchInfoModel.addEventListener('beforeReset', function() {
        window.console.time('watchInfoModelReset');
        EventDispatcher.dispatch('onWatchInfoBeforeReset');
      });
      watchInfoModel.addEventListener('afterReset',  function() {
        window.console.timeEnd('watchInfoModelReset');
        EventDispatcher.dispatch('onWatchInfoAfterReset');
      });
      PlayerInitializer.playerScreenMode.addEventListener('change', onScreenModeChange);

      var explorer = VideoExplorerInitializer.videoExplorer;
      explorer.addEventListener('openStart',    onVideoExplorerOpening);
      explorer.addEventListener('openEnd',      onVideoExplorerOpened);
      explorer.addEventListener('closeStart',   onVideoExplorerClosing);
      explorer.addEventListener('closeEnd',     onVideoExplorerClosed);
      explorer.addEventListener('refreshStart', onVideoExplorerRefreshStart);
      explorer.addEventListener('refreshEnd',   onVideoExplorerRefreshEnd);
      explorer.addEventListener('changeCurrentPage',   onVideoExplorerChangePage); //


      $('body').dblclick(function(e){
        var tagName = e.target.tagName, cls = e.target.className || '';
        if (tagName === 'SELECT' || tagName === 'INPUT' ||  tagName === 'BUTTON' || cls.match(/mylistPopupPanel/)) {
          return;
        }
        if (!WatchController.isFullScreen()) {
          AnchorHoverPopup.hidePopup();
          if (conf.doubleClickScroll) {
            e.preventDefault();
            EventDispatcher.dispatch('onScrollReset');
            WatchController.scrollToVideoPlayer(true);
          }
        }
      });

      var bottomContentTabView = require('watchapp/view/BottomContentTabView').getInstance();
      bottomContentTabView.addEventListener('changeContent', function(name) {
        EventDispatcher.dispatch('onBottomContentTabViewReset', name);
      });

      Mylist.onDefMylistUpdate(function() {
        //WatchController.clearDeflistCache();
      });
      Mylist.onMylistUpdate(function(info) {
        WatchController.clearMylistCache(info.groupId);
      });

      $(window).on('beforeunload.watchItLater', function(e) {
        conf.setValue('lastCommentVisibility', WatchController.commentVisibility() ? 'visible' : 'hidden');
      }).on('resize', window._.debounce(function() {
        AnchorHoverPopup.hidePopup();
        EventDispatcher.dispatch('onWindowResizeEnd');
      }, 1000));

      $(document).on('scroll', function() {
        if (document.body.style.pointerEvents !== 'none') {
          document.body.style.pointerEvents = 'none';
        }
      });
      $(document).on('scroll', window._.debounce(function() {
        document.body.style.pointerEvents = '';
        EventDispatcher.dispatch('onScrollEnd');
      }, 500));

      EventDispatcher.addEventListener('onFirstVideoInitialized', function() {
        pac.addEventListener('onVideoChangeStatusUpdated', onVideoChangeStatusUpdated);
      });

      window.addEventListener('message', function(event) {
        if (event.origin.indexOf('nicovideo.jp') < 0) return;
        try {
          var data = JSON.parse(event.data);
          if (data.id !== 'WatchItLater') { return; }

          EventDispatcher.dispatch('onMessage', data.body, data.type);

        } catch (e) {
          console.log(
            '%cError: window.onMessage - ',
            'color: red; background: yellow',
            e, event.origin, event.data);
        }
      });
    } //

    function initAdditionalButtons() {

      var createPlaylistToggle = function() {
        var $playlistToggle = $('<button title="プレイリスト表示/非表示" class="playlistToggle">プレイリスト</button>');

        $playlistToggle.on('click', function() {
          AnchorHoverPopup.hidePopup();
          conf.setValue('hidePlaylist', !!!conf.hidePlaylist);
        });

        var togglePlaylistDisplay = function(v) {
          $playlistToggle.toggleClass('w_show', !v);
        };

        EventDispatcher.addEventListener('on.config.hidePlaylist', togglePlaylistDisplay);
        togglePlaylistDisplay(conf.hidePlaylist);

        return $playlistToggle;
      };
      var createOpenExplorer = function() {
        return $('<button class="openVideoExplorer">検索▼</button>').on('click', function() {
          WatchController.openSearch();
          if (!$('body').hasClass('content-fix')) {
            WatchController.scrollToVideoPlayer(true);
          }
        });
      };
      var $div = $('<div class="bottomAccessContainer"/>').append(createPlaylistToggle()).append(createOpenExplorer());


      var $headerMenu = $('<li class="watchItLaterSettingMenu"><a href="javascript:;" title="WatchItLaterの設定">WatchItLater設定</a></li>');
      $('#siteHeaderRightMenuFix').after($headerMenu);

      $('#outline .outer').before($div);
      var $container = $('<div class="bottomConfButtonContainer" />'), $conf = $('<button title="WatchItLaterの設定">設定</button>');
      var $explorerConf = $('<button><span class="open">｀・ω・´</span><span class="close">´・ω・`</span></button>');
      var toggleConf = function(e) {
        e.stopPropagation();
        AnchorHoverPopup.hidePopup();
        ConfigPanel.toggle();
      };
      $container.append($conf);
      $conf.addClass('openConfButton');
      $conf.on('click', toggleConf);//.attr('accesskey', 'p');
      $('#outline .outer').before($container);
      $headerMenu.find('a').on('click', toggleConf);//.attr('accesskey', 'p');


      $('.videoExplorerBody').append($explorerConf);
      $explorerConf
        .on('click',
          function() { WatchItLater.config.set('videoExplorerHack', !WatchItLater.config.get('videoExplorerHack')); })
        .addClass('videoExplorerConfig');

      var $body = $('body'), $window = $(window);
      EventDispatcher.addEventListener('onWindowResizeEnd', function() {
        if (WatchController.isSearchMode() || WatchController.isFullScreen()) { return; }
        var w = $div.outerWidth(), threshold = ($(window).innerWidth() - 960) / 2;
        $('#outline').toggleClass('under960', w > threshold && !$('#footer').hasClass('noBottom'));
      });
    } // end initAdditionalButtons


    function initSearchContent($, conf, w) {
      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      var ContentType      = require('watchapp/components/videoexplorer/model/ContentType');
      var SearchSortOrder  = require('watchapp/components/nicosearchstatus/model/SearchSortOrder');
      var SearchType       = require('watchapp/components/nicosearchstatus/model/SearchType');
      var View             = require('watchapp/components/videoexplorer/view/content/SearchContentView');
      var vec              = VideoExplorerInitializer.videoExplorerController;
      var explorer         = vec.getVideoExplorer();
      var content          = explorer.getContentList().getContent(ContentType.SEARCH);
      var relatedTag       = new NicoSearchRelatedTag({});
      var newSearch        = new NewNicoSearch({});
      var newSearchWrapper = new NewNicoSearchWrapper({search: newSearch});
      var pager            = content._pager;
      var __css__          = Util.here(function() {/*
        .newSearchOption {
          text-align: center; margin-bottom: 16px; padding: 8px;
          background: #eee;
          display: none;
        }
        .newSearchOption select, .newSearchOption label{
          margin-right: 32px;
        }
        .newSearchOption .reset{
          cursor: pointer; background: #eee;
        }
        .newSearchOption p{
          margin: 8px;
        }
        .newSearchOption .ownerName {
        }
        .w_sugoiSearch .newSearchOption {
          display: block;
        }
        .newSearchOption select option{
          background: #eef;
        }
        .newSearchOption select option:nth-child(1) {
          background: #fff;
        }

        .relatedTagList {
        }
        .relatedTagList p{
          display: inline-block; margin: 4px;
        }
        .relatedTagList li, .relatedTagList ul {
          display: inline;
          margin: 0 8px 0 0;
          list-style: none;
          word-break: break-all;
        }
        .relatedTagList li {
          background: #f4f4f4; padding: 2px 4px;
          border: solid 1px #999;
          border-radius: 4px;
          line-height: 180%;
        }
        .relatedTagList li:hover {
        }
        .relatedTagList li:hover a{
          text-decoration: none;
        }

        .sugoiOption {
          display: none;
        }
        .w_sugoiSearch .sugoiOption {
          display: block; background: #eef;
        }
        .w_sugoiSearch optgroup.sugoiOption {
          font-weight: bolder;
        }

      */});
      addStyle(__css__, 'searchContent');

      // 動画表示のテンプレート拡張
      var $template = $('<div/>').html(VideoExplorerInitializer.videoExplorerView._contentListView._$view.find('.searchContentTemplate').html());
      $template.find('.searchSortOrder')
         .append([
             '<optgroup label="新検索専用" class="sugoiOption">',
             '<option value="sort=_hot&amp;order=d""    class="sugoiOption">人気が高い順</option>',
             '<option value="sort=_popular&amp;order=d" class="sugoiOption">並び順指定なし</option>',
             '<option value="sort=_explore&amp;order=d" class="sugoiOption">新着優先</option>',
             '</optgroup>'
         ].join(''));
      VideoExplorerInitializer.videoExplorerView._contentListView._$view.find('.searchContentTemplate').html($template.html());
      $template = null;



      var RelatedTagView = function() { this.initialize.apply(this, arguments); };
      RelatedTagView.prototype = {
        _$view: null,
        _relatedTag: null,
        initialize: function(params) {
          this._relatedTag = params.relatedTag;
          this._$view       = params.$view;
          this._$list       = this._$view.find('ul');
        },
        getView: function() {
          return this._$view;
        },
        detach: function() {
          this._$view.detach();
        },
        update: function(candidates) {
          if (!candidates || candidates.length < 1) {
            this.detach();
            return;
          }
          if (candidates.length > 10) {
            candidates = candidates
              .map(function(a){return {weight:Math.random(), value:a};})
              .sort(function(a, b){return a.weight - b.weight;})
              .map(function(a){return a.value;});
          }
          var $ul = this._$list.empty();
          for (var i = 0, len = Math.min(10, candidates.length); i < len; i++) {
            $ul.append(this._create$tag(candidates[i].tag));
          }
        },
        clear: function() {
          this._$list.empty();
        },
        _create$tag: function(text) {
          var
            $a = $('<a/>')
              .html(text)
              .attr('href', 'http://search.nicovideo.jp/video/tag/' + encodeURIComponent(text))
              .on('click', Util.Closure.openNicoSearch(text)),
            $tag = $('<li/>').append($a);
          return $tag;
        }
      };

      var NewSearchOptionView = function() { this.initialize.apply(this, arguments); };
      NewSearchOptionView.prototype = {
        _content: null,
        _$view: null,
        _$startTimeRange: null,
        _$lengthSecondsRange: null,
        initialize: function(params) {
          this._content             = params.content;
          this._$view               = params.$view;
          this._$startTimeRange     = this._$view.find('.startTimeRange');
          this._$lengthSecondsRange = this._$view.find('.lengthSecondsRange');
          this._$musicDlFilter      = this._$view.find('.musicDlFilter');
          this._$ownerFilter        = this._$view.find('.ownerFilter');
            this._$ownerName        = this._$view.find('.ownerName');
          this._$commentCountRange  = this._$view.find('.commentCountRange');
          this._$resetButton        = this._$view.find('.reset');

          this._$startTimeRange    .val(params.startTimeRange     || '');
          this._$lengthSecondsRange.val(params.lengthSecondsRange || '');
          this._$commentCountRange .val(params.commentCountRange || '');
          this._$musicDlFilter     .attr('checked', !!params.musicDlFilter);

          this._$startTimeRange    .on('change', $.proxy(this._onStartTimeRangeSelect    , this));
          this._$lengthSecondsRange.on('change', $.proxy(this._onLengthSecondsRangeSelect, this));
          this._$commentCountRange .on('change', $.proxy(this._onCommentCountRangeSelect , this));
          this._$musicDlFilter     .on('click',  $.proxy(this._onMusicDlFilterChange     , this));
          this._$ownerFilter       .on('click',  $.proxy(this._onOwnerFilterChange       , this));
          this._$resetButton       .on('click',  $.proxy(this.reset                      , this));

          EventDispatcher.addEventListener('onVideoOwnerChanged', $.proxy(this.onVideoOwnerChange, this));
          this._$ownerName.text(WatchController.getOwnerName());
        },
        getView: function() {
          return this._$view;
        },
        detach: function() {
          this._$view.detach();
        },
        update: function() {
        },
        onVideoOwnerChange: function(ownerInfo) {
          this._content.setOwnerFilter(false);
          this._$ownerFilter.prop('checked', false);
          this._$ownerName.text(ownerInfo.name);
        },
        _onStartTimeRangeSelect: function() {
          this._content.setStartTimeRange(this._$startTimeRange.val());
          this.contentRefresh();
        },
        _onLengthSecondsRangeSelect: function() {
          this._content.setLengthSecondsRange(this._$lengthSecondsRange.val());
          this.contentRefresh();
        },
        _onCommentCountRangeSelect: function() {
          this._content.setCommentCountRange(this._$commentCountRange.val());
          this.contentRefresh();
        },
        _onMusicDlFilterChange: function() {
          this._content.setMusicDlFilter(!!this._$musicDlFilter.prop('checked'));
          this.contentRefresh();
        },
        _onOwnerFilterChange: function() {
          this._content.setOwnerFilter(!!this._$ownerFilter.prop('checked'));
          this.contentRefresh();
        },
        contentRefresh: function() {
          var params = this._content.getParams();
          params.page = 1;
          this._content.changeState(params);
          this._content.refresh({page: 1});
        },
        refresh: function() {
          //console.log('refresh!', this._content.getOwnerFilter(), this._content.getMusicDlFilter(false));
          this._$startTimeRange    .val(this._content.getStartTimeRange('') || '');
          this._$lengthSecondsRange.val(this._content.getLengthSecondsRange('') || '');
          this._$musicDlFilter     .prop('checked', !!this._content.getMusicDlFilter(false));
          this._$ownerFilter       .prop('checked', !!this._content.getOwnerFilter());
        },
        reset: function() {
          var v = this._$startTimeRange.val() + this._$lengthSecondsRange.val();
          if (v !== '') {
            this._content.setStartTimeRange('');
            this._content.setLengthSecondsRange('');
            this._content.setMusicDlFilter(false);
            this._$startTimeRange.val('');
            this._$lengthSecondsRange.val('');
            this._$musicDlFilter.prop('checked', false);
            this._content.changeState({ page: 1 });
            //this._content.refresh({ page: 1 });
          }
        }
      };

      var relatedTagView = new RelatedTagView({
        relatedTag: relatedTag,
        $view: $('<div class="relatedTagList"><p>関連タグ: </p><ul></ul></div>')
      });
      var newSearchOptionView = new NewSearchOptionView({
        content: content,
        startTimeRange:     conf.searchStartTimeRange,
        lengthSecondsRange: conf.searchLengthSecondsRange,
        commentCountRange:  conf.searchCommentCountRange,
        musicDlFilter:      conf.searchMusicDlFilter,
        $view: $([
          '<div class="newSearchOption">',
            '<span>投稿日時: </span>',
            '<select class="startTimeRange" name="u">',
              '<option selected="selected" value=""   >指定なし</option>',
              '<option                     value="24h">24時間以内</option>',
              '<option                     value="1w" >1週間以内</option>',
              '<option                     value="1m" >1ヶ月(30日)以内</option>',
              '<option                     value="3m" >3ヶ月(90日)以内</option>',
              '<option                     value="6m" >6ヶ月(180日)以内</option>',
            '</select>',
            '<span>再生時間: </span>',
            '<select class="lengthSecondsRange" name="l">',
              '<option selected="selected" value=""     >指定なし</option>',
              '<option                     value="short">5分以内</option>',
              '<option                     value="long" >20分以上</option>',
            '</select>',
            '<br>',
            '<span>コメント数: </span>',
            '<select class="commentCountRange" name="commentCount">',
              '<option selected="selected" value=""     >指定なし</option>',
              '<option                     value="10"   >  10以上</option>',
              '<option                     value="100"  > 100以上</option>',
              '<option                     value="1000" >1000以上</option>',
            '</select>',
            '<p>',
              '<label>',
                '<input type="checkbox" name="m" class="musicDlFilter">音楽DL対応のみ</input>',
              '</label>',
              '<label>',
                '<input type="checkbox" name="owner" class="ownerFilter"><span class="ownerName">この投稿者</span>&nbsp;の動画のみ</input>',
              '</label>',
            '</p>',
          '</div>',
          ''].join(''))
      });



      content._originalWord = '';
      content.changeState_org = content.changeState;
      content.changeState = $.proxy(function(params, callback) {
        var word = WatchApp.get(params, 'searchWord', 'string', '');
        var type = WatchApp.get(params, 'searchType', 'string', this.getSearchType());
        if (typeof word === 'string' && word.length > 0) {
          this._originalWord = word;

          if (conf.defaultSearchOption && conf.defaultSearchOption !== '') {
            if (word.indexOf(conf.defaultSearchOption) < 0 && !word.match(/(sm|nm|so)\d+/)) {
              params.searchWord += " " + conf.defaultSearchOption;
            }
          }
        }
        AnchorHoverPopup.hidePopup();

        EventDispatcher.dispatch('onSearchStart', this._originalWord, type);
        this.changeState_org(params, callback);
      }, content);

      // ニコニコ新検索エンジンを使うための布石
      content._searchEngineType     = 'sugoi';//conf.searchEngine;
      content._lastSearchEngineType = 'sugoi';//conf.searchEngine;
      content.setSearchEngineType   = $.proxy(function(type) {
        this._searchEngineType = type;
        this.updateSearchPageItemCount();
      }, content);
      content.updateSearchPageItemCount = $.proxy(function() {
        this._pager._pageItemCount = this._searchEngineType === 'sugoi' ? conf.searchPageItemCount : 32;
      }, content);
      content.getSearchEngineType     = $.proxy(function()   {
        return this._searchEngineType === 'sugoi' ? 'sugoi' : 'normal';
      }, content);
      content.setLastSearchEngineType = $.proxy(function(type) { this._lastSearchEngineType = type; }, content);
      content.getLastSearchEngineType = $.proxy(function()     { return this._lastSearchEngineType; }, content);
      content._newSearchWrapper     = newSearchWrapper;

      content._startTimeRange       = conf.searchStartTimeRange;
      content._lengthSecondsRange   = conf.searchLengthSecondsRange;
      content._commentCountRange    = conf.searchCommentCountRange;
      content._musicDlFilter        = conf.searchMusicDlFilter;
      content._ownerFilter          = false;

      content.getStartTimeRange     = $.proxy(function() { return this._startTimeRange;           }, content);
      content.getLengthSecondsRange = $.proxy(function() { return this._lengthSecondsRange;       }, content);
      content.getCommentCountRange  = $.proxy(function() { return this._commentCountRange;        }, content);
      content.getMusicDlFilter      = $.proxy(function() { return this._musicDlFilter;            }, content);
      content.getOwnerFilter        = $.proxy(function() { return this._ownerFilter;              }, content);
      content.setStartTimeRange     = $.proxy(function(value) {
        this._startTimeRange = value;
        conf.setValue('searchStartTimeRange', value);
      }, content);
      content.setLengthSecondsRange = $.proxy(function(value) {
        this._lengthSecondsRange = value;
        conf.setValue('searchLengthSecondsRange',value);
      }, content);
      content.setCommentCountRange = $.proxy(function(value) {
        this._commentCountRange = value;
        conf.setValue('searchCommentCountRange',value);
      }, content);
      content.setMusicDlFilter      = $.proxy(function(value) {
        this._musicDlFilter = !!value;
        conf.setValue('searchMusicDlFilter', !!value);
      }, content);
      content.setOwnerFilter        = $.proxy(function(value) {
        this._ownerFilter = !!value;
      }, content);

      // 新検索独自のソート順への対応
      var _searchSortOrder =
        content._nicoSearchStatus ?
          content._nicoSearchStatus._searchSortOrder : content._searchSortOrder;
      _searchSortOrder._flush_org = _searchSortOrder._flush;
      _searchSortOrder._flush = $.proxy(function() {
        var sort = this._sort[SearchType.KEYWORD];
        if (sort === '_hot' || sort === '_popular' || sort === '_explore') { // 新検索にしかないパラメータは保存しない
          return;
        }
        this._flush_org();
      }, _searchSortOrder);


      EventDispatcher.addEventListener('on.config.searchPageItemCount', function() {
        content.updateSearchPageItemCount();
      });

      content.getParams_org = content.getParams;
      content.getParams = $.proxy(function() {
        var params = this.getParams_org();
        params = $.extend(true, {
            l:    this.getLengthSecondsRange(),
            u:    this.getStartTimeRange(),
            m:    this.getMusicDlFilter(),
            size: this._pager._pageItemCount,
            commentCount: this.getCommentCountRange()
        }, params);
        if (this.getOwnerFilter()) {
          if (WatchController.isChannelVideo()) {
            params.channelId = WatchController.getOwnerId();
          } else {
            params.userId = WatchController.getOwnerId();
          }
        }
        return params;
      }, content);

      // タグ検索だけ毎回ソート順がデフォルトにリセットされるようになったので、
      // デフォルト値を書き換えるという力技で対抗
      SearchSortOrder.TAG_DEFAULT_SORT  = conf.searchSortType;
      SearchSortOrder.TAG_DEFAULT_ORDER = conf.searchSortOrder;
      _searchSortOrder.getSortFromCookie  = function() { return conf.searchSortType; };
      _searchSortOrder.getOrderFromCookie = function() { return conf.searchSortOrder; };

      content.load_org = content.load;
      content.load = $.proxy(function(params, callback) {
        var word = this.getSearchWord();
        if (this.getSearchEngineType() !== 'sugoi' || word.length <= 0 || word.match(/(sm|nm|so)\d+/)) {
          // 新検索ではもしかして～が取得できないため、検索ワードに動画IDっぽい文字列が含まれてる場合は旧タグ検索を使う。
          this.setLastSearchEngineType('normal');
          params.sort  = 'n';
          params.order = 'd';
          this.load_org(params, callback);
        } else {
          this.setLastSearchEngineType('sugoi');
          params = this.getParams();


          this._newSearchWrapper.load(params, function(err, result) {
            console.log('%cNewNicoSearchWrapper result', 'color: green;', result);
            callback(err, result);
          });
        }
      }, content);
      content.setSearchEngineType('sugoi');//conf.searchEngine);

      var
        overrideSearchSortOrder = function(proto) { // ソート順を記憶するためのフック
          proto.getSort_org  = proto.getSort;
          proto.getSort = function() {
            var sort = conf.searchSortType;
            if ((sort === '_hot' || sort === '_popular' || sort === '_explore') && content.getLastSearchEngineType() !== 'sugoi') {
              // 通常検索で新検索にしかないソート順だったらデフォルトのnを返す
              return 'n';
            }
            return conf.searchSortType;
          };

          proto.setSort_org  = proto.setSort;
          proto.setSort = function(type, sort)  {
            conf.setValue('searchSortType', sort);
            SearchSortOrder.TAG_DEFAULT_SORT = sort;
            this.setSort_org(type, sort);
          };

          proto.getOrder_org = proto.getOrder;
          proto.getOrder = function() {
            return conf.searchSortOrder;
          };

          proto.setOrder_org = proto.setOrder;
          proto.setOrder = function(type, order) {
            if (content.getLastSearchEngineType() === 'sugoi') { // 新検索の時だけソート順を記憶
              SearchSortOrder.TAG_DEFAULT_ORDER = order;
              conf.setValue('searchSortOrder', order);
            }
            this.setOrder_org(type, order);
          };
        },
        overrideSearchContentView = function(proto, relatedTag) {
          proto._updateRelatedTag = function() {
            if (!conf.enableRelatedTag) { return; }
            var word = this._content._originalWord;
            relatedTagView.clear();

            if (typeof word === 'string' && word.length > 0) {
              this._$header.append(relatedTagView.getView());
              relatedTag.load(word, function(err, result) {
                console.log('SearchContentView._updateRelatedTag', err, result);
                if (err) {
                  console.log('load suggest fail', err, result);
                } else {
                  relatedTagView.update(result.values);
                }
              });
            }
          };

          proto.detach_org = proto.detach;
          proto.detach = function() {
            this.detach_org();
            newSearchOptionView.detach();
            relatedTagView.detach();
          };

          proto.onUpdate_org = proto.onUpdate;
          proto.onUpdate = function() {
            this.onUpdate_org();
            this._$content.find('.searchBox').after(newSearchOptionView.getView());
            this._updateRelatedTag();
            var engine = this._content.getLastSearchEngineType();
            newSearchOptionView.refresh();
            $('.videoExplorerBody')
              .toggleClass('w_sugoiSearch',  engine === 'sugoi')
              .toggleClass('w_normalSearch', engine !== 'sugoi');
          };

          proto.onError_org = proto.onError;
          proto.onError = function() {
            this.onError_org();
            this._$header.append(newSearchOptionView.getView());
            this._updateRelatedTag();
            var engine = this._content.getLastSearchEngineType();
            $('.videoExplorerBody')
              .toggleClass('w_sugoiSearch',  engine === 'sugoi')
              .toggleClass('w_normalSearch', engine !== 'sugoi');
          };

        };

      overrideSearchSortOrder(SearchSortOrder.prototype);
      overrideSearchContentView(View.prototype, relatedTag);

    } // end initSearchContent

    function initUserVideoContent($, conf, w) {
      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      var ContentType      = require('watchapp/components/videoexplorer/model/ContentType');
      var vec         = VideoExplorerInitializer.videoExplorerController;
      var explorer    = vec.getVideoExplorer();
      var content     = explorer.getContentList().getContent(ContentType.USER_VIDEO);
      var pager       = content._pager;

      pager._pageItemCount = conf.searchPageItemCount;
      pager._displayPageCount = 5;
      EventDispatcher.addEventListener('on.config.searchPageItemCount', function(v) {
        pager._pageItemCount = v;
      });
    } //

    function initUploadedVideoContent($, conf, w) {
      var VideoExplorerInitializer = require('watchapp/init/VideoExplorerInitializer');
      var ContentType      = require('watchapp/components/videoexplorer/model/ContentType');
      var vec         = VideoExplorerInitializer.videoExplorerController;
      var explorer    = vec.getVideoExplorer();
      var content     = explorer.getContentList().getContent(ContentType.UPLOADED_VIDEO);
      var pager       = content._pager;

      pager._pageItemCount = conf.searchPageItemCount;
      pager._displayPageCount = 5;
      EventDispatcher.addEventListener('on.config.searchPageItemCount', function(v) {
        pager._pageItemCount = v;
      });
    } //


    var isSquareCssInitialized = false;
    function initSquareThumbnail() {
      var isSquare = true;// !!conf.squareThumbnail;
      if (isSquare && !isSquareCssInitialized) {
        var __css__ = Util.here(function() {/*
          {* 元のCSSを打ち消すためにやや冗長 *}
          #videoExplorer .noImage,
          #videoExplorer.w_adjusted .item .thumbnail {
            display: none !important;
          }
          #videoExplorer .thumbnailContainer {
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
          }

          #videoExplorer.w_adjusted .column4        .thumbnailContainer,
          #videoExplorer.w_adjusted .smallThumbnail .thumbnailContainer {
            width: 130px; height: 100px;
            margin-right: 7px;
            border: 1px solid #888;
          }

          #videoExplorer.w_adjusted .column4        .uadFrame,
          #videoExplorer.w_adjusted .smallThumbnail .uadFrame,
          #videoExplorer.w_adjusted .uadTagRelated .uadFrame {
            width: 130px; height: 100px;
            background-size: 100% 100%;
          }
          #videoExplorer.w_adjusted .uadTagRelated .default .itemList .item .imageContainer {
            width: 130px; height: 100px;
          }

          #videoExplorer.w_adjusted .column1 .item .thumbnailContainer {
            border: 1px solid #888;
            margin-right: 8px;
          }
          #videoExplorer.w_adjusted .column1 .item.smallThumbnail .thumbnailContainer {
            border-width: 0px 15px 0px 15px;
            border-color: #888;
          }
         */});

        addStyle(__css__, 'squareThumbnailCss');
        isSquareCssInitialized = true;
      }
      //$('#videoExplorer').toggleClass('squareThumbnail', isSquare);
    } //

    function initPageBottom($, conf, w) {
      function updateHideVideoExplorerExpand(v) {
        $('#content, #outline').toggleClass('w_hideSearchExpand', v === true);
      }
      function updateIchibaVisibility(v) {
        $('#outline').toggleClass('noIchiba', v === 'hidden');
      }
      function updateReviewVisibility(v) {
        $('#outline').toggleClass('noReview', v === 'hidden');
      }
      function updateBottomContentsVisibility(v) {
        $('#bottomContentTabContainer, #footer').toggleClass('noBottom', v === 'hidden');
      }

      EventDispatcher.addEventListener('on.config.hideVideoExplorerExpand',     updateHideVideoExplorerExpand);
      EventDispatcher.addEventListener('on.config.ichibaVisibility',            updateIchibaVisibility);
      EventDispatcher.addEventListener('on.config.reviewVisibility',            updateReviewVisibility);
      EventDispatcher.addEventListener('on.config.bottomContentsVisibility',    updateBottomContentsVisibility);
      if (conf.hideVideoExplorerExpand === true) { updateHideVideoExplorerExpand(true); }
      if (conf.ichibaVisibility    !== 'visible') { updateIchibaVisibility(conf.ichibaVisibility); }
      if (conf.reviewVisibility    !== 'visible') { updateReviewVisibility(conf.reviewVisibility); }
      if (conf.bottomContentsVisibility !== 'visible') { updateBottomContentsVisibility(conf.bottomContentsVisibility); }

      var $bottomToggle = $('<div class="toggleBottom"><div class="openBottom">▽</div><div class="closeBottom">△</div></div>');
      $bottomToggle.on('click', function() {
        var v = conf.bottomContentsVisibility;
        conf.setValue('bottomContentsVisibility', v === 'hidden' ? 'visible' : 'hidden');
        //ConfigPanel.refresh();
      }).attr('title', '市場・レビューの開閉');
      $('#footer').append($bottomToggle);
    } //



    function initShortcutKey() {
      var list = [
        {name: 'shortcutTogglePlay',        exec: function(e) {
          WatchController.togglePlay();
        }},
        {name: 'shortcutDefMylist',          exec: function(e) {
          WatchController.addDefMylist();
        }},
        {name: 'shortcutMylist',             exec: function(e) {
          $('#mylist_add_frame').find('.mylistAdd').click();
        }},
        {name: 'shortcutOpenDefMylist',      exec: function(e) {
          WatchController.showDeflist();
          WatchController.scrollToVideoPlayer(true);
        }},
        {name: 'shortcutOpenSearch',         exec: function(e) {
          WatchController.openSearch();
          if (!$('body').hasClass('content-fix')) {
            WatchController.scrollToVideoPlayer(true);
          }
        }},
        {name: 'shortcutOpenRecommend',      exec: function(e) {
          WatchController.openRecommend();
          if (!$('body').hasClass('content-fix')) {
            WatchController.scrollToVideoPlayer(true);
          }
        }},
        {name: 'shortcutScrollToNicoPlayer', exec: function(e) {
          WatchController.scrollToVideoPlayer(true);
        }},
        {name: 'shortcutCommentVisibility',  exec: function(e) {
          WatchController.commentVisibility('toggle');
        }},
        {name: 'shortcutShowOtherVideo',     exec: function(e) {
          WatchController.openVideoOwnersVideo();
        }},
        {name: 'shortcutMute',               exec: function(e) {
          WatchController.mute('toggle');
        }},
        {name: 'shortcutDeepenedComment',    exec: function(e) {
          WatchController.deepenedComment('toggle');
        }},
        {name: 'shortcutToggleStageVideo',   exec: function(e) {
          WatchController.toggleStageVideo();
        }},
        {name: 'shortcutInvisibleInput',   exec: function(e) {
          $('.invisibleCommentInput').focus();
        }}
      ];
      for (var v in list) {
        var n = list[v].name;
        list[v].keyMatch = KeyMatch.create(conf[n]);
      }

      ConfigPanel.addChangeEventListener(function(name, newValue, oldValue) {
        for (var v in list) {
          var n = list[v].name;
          if (n === name) {
            list[v].keyMatch = KeyMatch.create(newValue);
          }
        }
      });

      $('body').on('keydown.watchItLater', function(e) {
        // 一部のキーボードについているMusic Key(正式名称不明)に対応 Chromeしか拾えない？
        if (e.keyCode === 178) {  // 停止
          WatchController.togglePlay();
        } else
        if (e.keyCode === 179) { // 一時停止
          WatchController.togglePlay();
        } else
        if (e.keyCode === 177) { // 前の曲
          if (WatchController.vpos() > 2000) {
            WatchController.vpos(0);
          } else {
            WatchController.prevVideo();
          }
        } else
        if (e.keyCode === 176) { // 次の曲
          WatchController.nextVideo();
        }
        if (e.target.tagName === 'SELECT' || e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
          return;
        }
        // 全画面時はFlashにフォーカスがなくてもショートカットキーが効くようにする

        for (var v in list) {
          var n = list[v].name;
          if (list[v].keyMatch.test(e)) {
            list[v].exec(e);
          }
        }
      });
    } //

    function initNicoS($, conf, w) {
      WatchJsApi.nicos.addEventListener('nicoSJump', function(e) {
        if (conf.ignoreJumpCommand) {
          e.cancel();
          Popup.show('「@ジャンプ」コマンドをキャンセルしました');
        }
      });
      var seekCount = 0;
      require('watchapp/model/player/NicoSClientConnector').addEventListener('nicoSSeek', function(e) {
        seekCount++;
        if (conf.nicoSSeekCount < 0) return;
        if (seekCount > conf.nicoSSeekCount) {
          e.cancel();
        }
      });
      // 動画が切り替わったか、最後まで視聴したらカウンターリセット
      EventDispatcher.addEventListener('onVideoInitialized', function() {
        seekCount = 0;
      });
      EventDispatcher.addEventListener('onVideoEnded', function() {
        seekCount = 0;
      });
    } //

    function initMouse() {
      ConfigPanel.addChangeEventListener(function(name, newValue, oldValue) {
        if (name === 'mouseClickWheelVolume') {
          if (oldValue === 0) {
            initWheelWatch();
          } else
          if (newValue === 0) {
            $(document)
              .unbind('mousewheel.watchItLaterWheelWatch')
              .unbind('mousedown.watchItLaterWheelWatch')
              .unbind('mouseup.watchItLaterWheelWatch');
          }
        }
      });

      function initWheelWatch() {
        var leftDown = false, rightDown = false, isVolumeChanged = false;
        var event = {
          cancel: false,
          reset: function() { this.cancel = false; return this; },
          preventDefault: function() { this.cancel = true;}
        };
        $(document).on('mousewheel.watchItLaterWheelWatch', function(e, delta) {
          var button = -1;
          // TODO: マジックナンバーを
          if (typeof e.buttons === 'number') { // firefox
            button = e.buttons;
          } else { // chrome
            if (leftDown)  { button = 1; }
            else
            if (rightDown) { button = 2; }
          }
          if (button < 1) {
            EventDispatcher._dispatch('onWheelNoButton', e, delta);
            return;
          }
          EventDispatcher.dispatch('onWheelAndButton', event.reset(), delta, button);
          if (event.cancel) {
            e.preventDefault();
            return;
          }
          if (conf.mouseClickWheelVolume !== button) {
            return;
          }

          var v = WatchController.volume(), r;
          isVolumeChanged = true;
          // 音量を下げる時は「うわ音でけぇ！」
          // 音量を上げる時は「ちょっと聞こえにくいな」…というパターンが多いので、変化の比率が異なる
          if (delta > 0) {
            v = Math.max(v, 1);
            r = (v < 5) ? 1.3 : 1.1;
            v = WatchController.volume(v * r);
          } else {
            v = WatchController.volume(Math.floor(v / 1.2));
          }
          e.preventDefault();
        }).on('mousedown.watchItLaterWheelWatch', function(e) { // chromeはホイールイベントでe.buttonsが取れないため
          if (e.which === 1) leftDown  = true;
          if (e.which === 3) rightDown = true;
        }).on('mouseup.watchItLaterWheelWatch', function(e) {
          if (e.which === 1) leftDown  = false;
          if (e.which === 3) rightDown = false;
        }).on('contextmenu.watchItLaterWheelWatch', function(e) {
          if (isVolumeChanged) {
            e.preventDefault();
          }
          isVolumeChanged = false;
        });
      }
      window.setTimeout(function() { initWheelWatch(); }, 5000);
    } // end initMouse

    function initTouch() {
      var touchInitialized = false;
      TouchEventDispatcher.onflick(function(e) {
        var se = e.startEvent;
        if (!conf.enableQTouch) {return; }
        if (e.direction === 'right') {
          if (se.target.id === 'playerTabWrapper') {
            $(se.target).addClass('w_active');
          }
          if (!touchInitialized) {
            $('#mylist_add_frame, #leftPanelTabContainer, .videoExplorerMenu, #playerTabWrapper').addClass('w_touch');
            $('.userProfile, .resultPagination, #searchResultContainer select, .playlistMenuPopup').addClass('w_touch');
            isTouchActive = true;
            touchInitialized = true;
          }
        } else
        if (e.direction === 'left') {
          if (se.target.tagName === 'DIV' &&
              $.contains('#playerTabWrapper', se.target)) {
            $('#playerTabWrapper').removeClass('w_active');
          }
        }
      });
    } //

    function initOtherCss() {
      var __dynamic_css_template__ = Util.here(function() {/*
       .full_with_browser.w_fullScreenMenu #nicoHeatMap {
          transform: scaleX($scale); -webkit-transform: scaleX($scale); display: block;
        }
      */});
      var exStyle = null;
      var updateDynamicCss = function() {
        var css = __dynamic_css_template__;
        var innerWidth = $('body').innerWidth();
        css = css.split('$scale').join($('body').innerWidth() / 100);
        if (exStyle) {
          exStyle.innerHTML = css;
          return exStyle;
        } else {
          return addStyle(css, 'expression');
        }
      };
      exStyle = updateDynamicCss();

      EventDispatcher.addEventListener('onWindowResizeEnd', function() {
        updateDynamicCss();
      });

      var __gpuLayer__ = (function() {/*
        body.videoExplorer.content-fix #playerTabWrapper,
        body.videoExplorer.content-fix .videoExplorerMenu,
        body.videoExplorer.content-fix #playlist,
        {*#playerTabWrapper  .playerCommentPanel*}
        body:not(.full_with_browser) .mylistPopupPanel.fixed
        {
          -moz-transform: translateZ(0);
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        {* Firefoxだと問題がある要素はこちら *}
        body.videoExplorer.content-fix #leftPanel,
        body.videoExplorer.content-fix #content,
        #popupMarquee
        {
          -webkit-transform: translateZ(0);
        }
      */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1]
          .replace(/\{\*/g, '/*').replace(/\*\}/g, '*/');
      if (conf.enableGpuLayer) {
        addStyle(__gpuLayer__, 'watchItLaterGpuLayer');
      }

      var __debug_css__ = Util.here(function() {/*
        .videoExplorer        #playerContainerWrapper, .videoExplorer        #external_nicoplayer,
        .videoExplorerOpening #playerContainerWrapper, .videoExplorerOpening #external_nicoplayer
        {
          {*transition: width 0.4s ease, height 0.4s ease;*}
        }
        #playerAlignmentArea .toggleCommentPanel {
        {*transition: 0.4s ease-in-out;*}
        }
        {*
        body:not(.videoExplorer):not(.full_with_browser) #playerNicoplayer,
        body:not(.videoExplorer):not(.full_with_browser) #playerAlignmentArea{
          transition: width  0.4s ease;
        }
        body:not(.videoExplorer):not(.full_with_browser) #nicoplayerContainer{
          transition: height 0.4s ease 0.4s;
        }
        *}

       */});
      if (conf.debugMode) addStyle(__debug_css__, 'watchItLater_debug_css');
    } // end initOtherCss

    function initCustomPlayerSize($, conf, w) {
      var tpl = Util.here(function() {/*
        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #playerAlignmentArea
        { width: {$alignmentAreaWidth}px; }
        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) .w_wide #playerAlignmentArea
        { width: {$alignmentAreaWideWidth}px; }

        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #nicoplayerContainer {
          height: {$playerHeight}px !important;
        }
        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #playerNicoplayer
        { width: {$playerWidth}px !important;}

        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #external_nicoplayer
        { width: {$playerWidth}px !important; height: {$playerHeight}px !important; }

        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #nicoHeatMapContainer {
          width: {$playerWidth}px !important;
        }
        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #nicoHeatMap {
          transform: scaleX({$heatMapScale}); -webkit-transform: scaleX({$heatMapScale});
        }
        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #smart_music_kiosk {
          -webkit-transform: scaleX({$songriumScale}); -webkit-transform-origin: 0 0;
        }

        body.size_normal.w_size_custom:not(.videoExplorer):not(.full_with_browser) #inspire_category {
         left: {$songriumCategoryLeft}px !important;
        }

        */});
      var PROFILE_SET = {
        'WQHD':   [2560, 1440],
        '1080p':  [1920, 1080],
        'HD+':    [1600,  900],
        'WXGA+':  [1400,  810],
        'WXGA':   [1366,  768],
        '720p':   [1280,  720],
        'WSVGA+': [1152,  648],
        'WSVGA':  [1024,  576],
        'QHD':    [ 960,  540]//, // 元より小さいパターンもサポートする？
//        'WVGA':   [ 854,  480],
//        'NORMAL': [ 640,  360],
//        'SMALL':  [ 512,  288],
//        'ECO':    [ 352,  200],
      };
      var CONTROL_HEIGHT = 46, INPUT_HEIGHT = 30, PLAYER_TAB_WIDTH = 326 + 10, PLAYER_TAB_WIDTH_WIDE = 420 + 10, TAB_MARGIN = 0;
      var SONGRIUM_WIDTH = 898;
      var HORIZONTAL_MARGIN = 1.05; // 両端に 2.5% x 2 のマージンがある
      var $videoHeader = $('#videoHeader');

      var getTargetSize = function(targetWidth, targetHeight) {
        var plWidth  = Math.round(targetWidth * HORIZONTAL_MARGIN);
        var plHeight = targetHeight + CONTROL_HEIGHT + INPUT_HEIGHT;
        var alWidth  = plWidth + PLAYER_TAB_WIDTH;
        var alWidthW = plWidth + PLAYER_TAB_WIDTH_WIDE;
        return {
          playerWidth:            plWidth,
          playerHeight:           plHeight,
          alignmentAreaWidth:     alWidth,
          alignmentAreaWideWidth: alWidthW,
          heatMapScale:           plWidth / 100,
          songriumScale:          plWidth / SONGRIUM_WIDTH,
          songriumCategoryLeft:   plWidth + 32
        };
      };
      var suggestProfile = function() {
        var iw = $(window).innerWidth(), ih = $(window).innerHeight();
        var hh = (WatchController.isFixedHeader() ? $("#siteHeader").outerHeight() : 0);
        iw -= (conf.wideCommentPanel ? PLAYER_TAB_WIDTH_WIDE : PLAYER_TAB_WIDTH);
        iw -= TAB_MARGIN;

        ih -= hh;
        for (var v in PROFILE_SET) {
          var w = PROFILE_SET[v][0], h = PROFILE_SET[v][1];
          if (w * HORIZONTAL_MARGIN <= iw && h <= ih) {
            return {w: w, h: h, name: v};
          }
        }
        return null;
      };
      var generateCss = function() {
        var profile = '';
        if (PROFILE_SET[conf.customPlayerSize]) {
          var s = PROFILE_SET[conf.customPlayerSize];
          profile = {w: s[0], h: s[1], name: conf.customPlayerSize};
        } else {
          profile = suggestProfile();
        }
        if (!profile) return {css: '', profile: ''};
        var ts = getTargetSize(profile.w, profile.h);
        var css = tpl;
        for (var v in ts) {
          css = css.split('{$' + v + '}').join(ts[v]);
        }
        return {css: css, profile: profile};
      };
      var customStyleElement = null, lastCssName = '';
      var updateStyle = function() {
        if (WatchController.isFullScreen() || WatchController.isSearchMode()) {
          return;
        }

        var result = generateCss();
        var css = result.css, profile = result.profile, name = profile.name;

        if (lastCssName === name) {
          return;
        }
        lastCssName = name;
        if (customStyleElement) {
          customStyleElement.innerHTML = css;
        } else {
          customStyleElement = addStyle(css, 'customPlayerSize');
        }
        EventDispatcher.dispatch('onPlayerAlignmentAreaResize');
      };
      var toggleCustomSize = function(v) {
        if (typeof v === 'boolean') {
          $('body').toggleClass('w_size_custom', v);
        } else {
          $('body').toggleClass('w_size_custom');
        }
      };
      var clearStyle = function() {
        if (customStyleElement) {
          customStyleElement.innerHTML = '';
          toggleCustomSize(false);
        }
        lastCssName = '';
      };
      if (conf.customPlayerSize !== '') {
        updateStyle();
        toggleCustomSize();
      }
      EventDispatcher.addEventListener('on.config.customPlayerSize', function(v) {
        if (v === '') {
          clearStyle();
        } else {
          updateStyle();
          toggleCustomSize(true);
        }
      });
      EventDispatcher.addEventListener('on.config.wideCommentPanel', function(v) {
        if (conf.customPlayerSize !== '') {
          updateStyle();
        }
      });
      EventDispatcher.addEventListener('onWindowResizeEnd', function() {
        if (conf.customPlayerSize !== '') {
          updateStyle();
        }
      });

      if (conf.debugMode) {
        WatchItLater.debug.customSize = {
          suggestProfile:   suggestProfile,
          getTargetSize:    getTargetSize,
          generateCss:      generateCss,
          updateStyle:      updateStyle,
          toggleCustomSize: toggleCustomSize
        };
      }

    } //

    function initStageVideo($, conf, w) {
      var onStageVideoAvailabilityUpdated = function(v) {
        $('#nicoplayerContainerInner').toggleClass('stageVideo', v);
      };

      EventDispatcher.addEventListener('onFirstVideoInitialized', function() {
        onStageVideoAvailabilityUpdated(WatchController.isStageVideoAvailable());
        if (conf.forceEnableStageVideo) {
          try {$('#external_nicoplayer')[0].setIsForceUsingStageVideo(true);  } catch (e) { console.log(e);}
        }
      });

      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      var pac = PlayerInitializer.playerAreaConnector;

      pac.addEventListener('onStageVideoAvailabilityUpdated', onStageVideoAvailabilityUpdated);

      // console.log('StageVideo', $('#external_nicoplayer')[0].isStageVideoSupported() ? 'supported' : 'not supported');
      // console.log('ColorSpaces', $('#external_nicoplayer')[0].getStageVideoSupportedColorSpaces());

    } //

    /**
     * Chromeなら ALT+C
     * Firefoxなら ALT+SHIFT+C で召喚
     *
     * どこでもコメント入力開始する隠し機能
     *
     * :m[0-9a-p] xxxxx でマイリストする機能もある
     *
     **/
    function initInvisibleCommentInput($, conf, w) {
      var $view = $(Util.here(function() {/*
        <div class="invisibleInput">
        <form action="javascript: void(0);">
          <input type="text" value="" autocomplete="on" name="chat" accesskey="c"
            list="myMylist" placeholder="コメント入力" class="invisibleCommentInput"
            maxlength="75"
            ></form>
        <label><input type="checkbox" class="autoPause" checked="checked">動画を自動で一時停止する</label>
        </div>
      */}));
      var css = Util.here(function() {/*
        .invisibleInput {
          position: fixed; z-index: 10000;
          left: 100px; bottom: -100px; width: 300px;
          padding: 16px;
          border: 1px solid black;
          background: #eee;

          transition: bottom 0.4s ease 0.1s;
        }
        .invisibleInput.active {
          bottom: 50px;
          transition: bottom 0.4s ease;
          box-shadow: 2px 2px 2px #333;
        }

        .invisibleInput .invisibleCommentInput {
          width: 100%; font-size: 140%;
        }
      */});
      var $dataList = $('<datalist id="myMylist"></datalist>');
      var $form      = $view.find('form');
      var $input     = $view.find('input');
      var $autoPause = $view.find('.autoPause').prop('checked', conf.autoPauseInvisibleInput);

      var prevent = function(e) { e.stopPropagation(); e.preventDefault(); };
      var preventEsc = function(e) { if (e.keyCode === 27) { prevent(e); } };
      var isAutoPause = function() { return !!$autoPause.prop('checked'); };

      var mylistList = [];
      var
        onMylistUpdate = function(status, result) {
         if (status === "ok") {
           Popup.show('マイリストに追加しました');
         } else {
           Popup.alert('マイリスト追加に失敗: ' + result.error.description);
         }
      }, addMylist = function(n, d) {
         var num = parseInt(n, 36);
         var description = d || '';
         if (num === 0) {
           Mylist.addDefListItem(WatchController.getWatchId(),                     onMylistUpdate, description);
         } else
         if (mylistList[num]) {
           Mylist.addMylistItem (WatchController.getWatchId(), mylistList[num].id, onMylistUpdate, description);
         }
      }, showMylist = function(n) {
         var num = parseInt(n, 36);
         if (num === 0) {
           WatchController.showDeflist();
         } else
         if (mylistList[num]) {
           WatchController.showMylist(mylistList[num].id);
         }
      }, seekVideo = function(v) {
        var vpos = WatchController.vpos(), currentVpos = vpos;
        if (v.match(/^([\-+]\d+)/)) {
          vpos += parseInt(RegExp.$1, 10) * 1000;
        } else
        if (v.match(/^\d+$/)) {
          vpos  = parseInt(v, 10) * 1000;
        } else
        if (v.match(/^(\d+):(\d+)$/)) {
          vpos = parseInt(RegExp.$1, 10) * 60 * 1000 + parseInt(RegExp.$2, 10) * 1000;
        }

        vpos = Math.max(vpos, 0);

        if (vpos != currentVpos) {
          WatchController.vpos(vpos);
        }
      };

      var isPlaying = false;
      $input
        .on('focus',    function(e) {
          isPlaying = WatchController.isPlaying();
          if (isAutoPause()) {
            WatchController.pause();
          }
          $view.addClass('active');
      }).on('blur',     function(e) {
          if (isAutoPause() && isPlaying) {
            WatchController.play();
          }
          $view.removeClass('active');
      }).on('keyup', function(e) {
          if (e.keyCode === 27) { // ESC
            prevent(e);
            $input.blur();
          }
      }).on('keydown', preventEsc).on('keyup', preventEsc);

      $autoPause.on('click', function() {
        conf.setValue('autoPauseInvisibleInput', !!$autoPause.prop('checked'));
      });

      $form
        .on('submit', function(e) {
          //prevent(e);
          var val = $.trim($input.val());

          if (val.match(/^:m([0-9a-p])(.*)/)) {
            addMylist(RegExp.$1, RegExp.$2);
          } else
          if (val.match(/^:o([0-9a-p])/)) {
            showMylist(RegExp.$1);
          } else
          if (val.match(/^:s[ 　\s](.+)/)) {
            WatchController.nicoSearch(RegExp.$1, 'keyword');
          } else
          if (val.match(/^:t[ 　\s](.+)/)) {
            WatchController.nicoSearch(RegExp.$1, 'tag');
          } else
          if (val.match(/^:v[ 　\s]([0-9:+\-]+)$/)) {
            seekVideo(RegExp.$1);
          } else {
            WatchController.postComment(val);
          }

          setTimeout(function() { $input.val(''); } , 100);
          $input.blur();
      });

      Mylist.loadMylistList(function(list) {
        mylistList = list.concat();
        mylistList.unshift({description: '', id: '', name: 'とりあえずマイリスト'});
        var isFx = Util.Browser.isFx();

        var tmp = [];
        for (var i = 0, len = mylistList.length; i < len; i++) {
          var c = i.toString(36);
          // それぞれのブラウザで補完しやすい形式に
          if (isFx) { // Fx
            tmp.push('<option value=":m' + c + '">:m'+c+'\t 「' + mylistList[i].name + '」に追加</option>');
            tmp.push('<option value=":o' + c + '">:o'+c+'\t 「' + mylistList[i].name + '」を開く</option>');
          } else {    // Chrome
            tmp.push('<option value=":m' + c + '">「' + mylistList[i].name + '」に追加</option>');
            tmp.push('<option value=":o' + c + '">「' + mylistList[i].name + '」を開く</option>');
          }
        }
        tmp.sort();
        if (isFx) {
          tmp.push('<option value=":s ">:s [キーワード検索]</option>');
          tmp.push('<option value=":t ">:t [タグ検索]</option>');
          tmp.push('<option value=":v ">:v [シーク(秒)]</option>');
         } else {
          tmp.push('<option value=":s ">キーワード検索</option>');
          tmp.push('<option value=":t ">タグ検索</option>');
          tmp.push('<option value=":v ">シーク(秒)</option>');
         }
       $dataList.html(tmp.join('\n'));
      });


      addStyle(css, 'invisibleInput');
      $('body').append($view).append($dataList);
    } //

    function initHeatMap($, conf, w) {
      if (!conf.enableHeatMap) return;
      //if (!w.Worker) return;
      //
      // TODO: Web Workers
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');
      var canvasWidth = 100, canvasHeight = 12;
      var comments = [], duration = 0, canvas = null, context = null;
      var commentReady = false, videoReady = false, updated = false, palette = [];
      var __css__ = Util.here(function(){/*
        #nicoHeatMapContainer {
          position: absolute; z-index: 200;
          {*bottom: 0px;*} left: 0;
          width: 672px;
          background: #000; height: 6px;
          overflow: hidden;
        }
        .setting_panel #nicoHeatMapContainer { display: none; opacity: 0; }
        .size_normal #nicoHeatMapContainer {
          width: 898px;
        }
        {*.oldTypeCommentInput*} #nicoHeatMapContainer {
          bottom: 29px;
          display: none;
        }
        #nicoHeatMap {
          position: absolute; top: 0; left: 0;
          transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;
          transform: scaleX(6.72);-webkit-transform: scaleX(6.72);
        }
        {* パズルみたいになってきた *}
        body.size_normal:not(.full_with_browser) #content:hover #nicoHeatMapContainer,
        body.size_medium:not(.full_with_browser) #content:hover #nicoHeatMapContainer,
        body.videoExplorer #content.w_adjusted:hover #nicoHeatMapContainer,
        body:not(.full_with_browser) #nicoHeatMapContainer.displayAlways {
          display: block;
        }
        #nicoHeatMapContainer.displayAlways {
          cursor: pointer;
        }
        .size_normal #nicoHeatMap {
          transform: scaleX(8.98); -webkit-transform: scaleX(8.98);
        }
        .setting_panel #nicoHeatMapContainer, .full_with_browser #nicoHeatMapContainer, .size_small #content:not(.w_adjusted) #nicoHeatMapContainer {
          display: none;
        }

        .full_with_browser.w_fullScreenMenu #nicoHeatMapContainer {
          display: block;
          width: 100%;
        }
        .full_with_browser.w_fullScreenMenu {*.oldTypeCommentInput*} #nicoHeatMapContainer {
          bottom: 29px;
          height: 6px;
        }

        body.full_with_browser.w_fullScreenMenu:fullscreen                 #playerContainer #nicoHeatMapContainer,
        .full_with_browser.w_fullScreenMenu.hideCommentInput                  #playerContainer #nicoHeatMapContainer {
          position: fixed !important;
        }
        body.full_with_browser.w_fullScreenMenu.fullWithPlaylist:fullscreen #playerContainer #nicoHeatMapContainer,
        .full_with_browser.w_fullScreenMenu.hideCommentInput.fullWithPlaylist #playerContainer #nicoHeatMapContainer {
          bottom: 167px;
        }



      */});
      addStyle(__css__, 'NicoHeatMapCss');

      PlayerInitializer.playerAreaConnector.addEventListener('onCommentListInitialized', function() {
        w.setTimeout(function() {
          commentReady = true;
          update();
        }, 1000);
      });
      EventDispatcher.addEventListener('onVideoInitialized', function() {
        videoReady = true;
        update();
      });
      EventDispatcher.addEventListener('onVideoChangeStatusUpdated', function() {
        commentReady = videoReady = updated = false;
        clearCanvas();
      });

      var update = function() {
        if (!commentReady || !videoReady || updated) return;
        updated = true;
        initCanvas();
        getComments();
        getDuration();
        if (comments.length < 1 || duration < 1) {
          return;
        }
        getHeatMap(function(map) {
          var scale = duration >= canvasWidth ? 1 : (canvasWidth / duration);
          var blockWidth = (canvasWidth / map.length) * scale;
          for (i = map.length - 1; i >= 0; i--) {
            context.fillStyle = palette[map[i]] || palette[0];
            context.beginPath();
            context.fillRect(i * scale, 0, blockWidth, canvasHeight);
          }
        });
      };

      var getComments = function() {
        comments = [];

        var list = PlayerInitializer.commentPanelViewController.commentLists;
        for (var i = 0; i < list.length; i++) {
          if (list[i].listName === 'commentlist:main' && list[i].comments.length > 0) {
            comments = list[i].comments;
            break;
          }
          var ct = list[i].comments;
          comments = (comments.length < ct.length) ? ct : comments;
        }
        list = null;
      };
      var getDuration = function() {
        var exp = document.getElementById('external_nicoplayer');//$('#external_nicoplayer')[0];
        duration = exp.ext_getTotalTime(); //
      };
      var initCanvas = function() {
        if (!canvas) {
          var $container = $('<div id="nicoHeatMapContainer" />');
          $container.on('dblclick', function(e) {
            e.preventDefault();
            e.stopPropagation();
            var $this = $(this).toggleClass('displayAlways');
            conf.setValue('heatMapDisplayMode', $this.hasClass('displayAlways') ? 'always' : 'hover');
          });
          canvas = document.createElement('canvas');
          canvas.id = 'nicoHeatMap';
          canvas.width  = canvasWidth;
          canvas.height = canvasHeight;
          $container.append(canvas);
          $('#nicoplayerContainerInner').append($container);
          context = canvas.getContext('2d');
          if (conf.heatMapDisplayMode === 'always') {
            $container.addClass('displayAlways');
          }

          initPalette();
        }
        clearCanvas();
      };
      var initPalette =  function() {
        for (var c = 0; c < 256; c++) {
          var
            r = Math.floor((c > 127) ? (c / 2 + 128) : 0),
            g = Math.floor((c > 127) ? (255 - (c - 128) * 2) : (c * 2)),
            b = Math.floor((c > 127) ? 0 : (255  - c * 2));
          palette.push('rgb(' + r + ', ' + g + ', ' + b + ')');
        }
      };
      var clearCanvas = function() {
        if (!context) return;
        context.fillStyle = palette[0];
        context.beginPath();
        context.fillRect(0, 0, canvasWidth, canvasHeight);
      };

      var getHeatMap = function(callback) {
        var map = new Array(100), i = map.length; while(i > 0) map[--i] = 0;
        var exp = $('#external_nicoplayer')[0];
        var ratio = duration > map.length ? (map.length / duration) : 1;

        for (i = comments.length - 1; i >= 0; i--) {
          var pos = comments[i].vpos , mpos = Math.min(Math.floor(pos * ratio / 1000), map.length -1);
          map[mpos]++;
        }

        var max = 0;
        for (i = map.length - 4; i >= 0; i--) max = Math.max(map[i], max); // 末尾は固まってる事があるので参考にしない
        if (max > 0) {
          var rate = 255 / max;
          for (i = map.length - 1; i >= 0; i--) {
            map[i] = Math.min(255, Math.floor(map[i] * rate));
          }
        }
        if (typeof callback === 'function') {
          callback(map);
        }
      };
    } // end of initHeatMap

    /**
     * 既存のポップアップの難点
     *
     * ・閉じる機能がなく、邪魔でも消えるまで待つしかない
     * ・消えるまでの時間が毎回違う？
     * ・クリックしたら消えるのかなと思ったらマイページに飛ばされる
     * ・Chrome以外では動画プレイヤーの上に表示できない (半透明の部分が欠ける)
     * ・￪によってプレイヤー上でフェードイン・アウトが出来ないため、まったく見えない状態から突然出現したようになる
     * ・タイマー処理がバグっていて、一個目の表示中に2個目を連続表示すると2個目がすぐ消える
     *
     *  … という所があんまりなので、パッチをあてて直す。
     *  ・Chrome以外は半透明をやめて画面外からのスライドにする
     *　・CSS3アニメーションを使う(jQueryより軽い)
     *  ・クリックでマイページに飛ぶのをやめて、クリックで消えるようにする
     *  ・マウスオーバーしてる間は引っ込まない
     *  ・消えるまでの時間を4秒に固定
     *
     *
     *  このパッチでも直らない問題
     *  ・自分が動画投稿やレビューをしたという情報がなぜか自分にも通知される
     *
     */
    function initPopupMarquee() {
      if (!conf.replacePopupMarquee) { return; }
      var
        PopupMarqueeInitializer = require('watchapp/init/PopupMarqueeInitializer'),
        marquee  = PopupMarqueeInitializer.popupMarqueeViewController,
        itemList = marquee.itemList,
        $popup   = $('#popupMarquee'),
        $inner   = $popup.find('.popupMarqueeContent'),
        closeTimer = null,
        popupDuration = 6000;

      var
        resetCloseTimer = function() {
          if (closeTimer) {
            clearTimeout(closeTimer);
            closeTimer = null;
          }
        },
        setCloseTimer  = function() {
          resetCloseTimer();
          closeTimer = setTimeout(function() {
            disappear();
            closeTimer = null;
          }, popupDuration);
        },
        onData         = function(data) {
          $inner.html(data);

          $popup.removeClass('hide').removeClass('show');
          setTimeout(function() {
            $popup.removeClass('hide').addClass('show');
          }, 100);
          setCloseTimer();
        },
        disappear      = function() {
          $popup.removeClass('show');
          resetCloseTimer();
          setTimeout(function() {
            if (!$popup.hasClass('show')) $popup.addClass('hide');

            setTimeout(function() {
              itemList.next();
            }, Math.random() * 5000 + 5000);

          }, 500);
        },
        __css__ = Util.here(function() {/*
          #popupMarquee      {
            -webkit-filter: opacity(  0%); {* chrome以外はflashの上に半透明要素を置けない *}
            background: #000 !important;
            transition: -webkit-filter 0.25s ease-in,  top 0.5s ease-in,  bottom 0.5s ease-in;  display: block;
          }
          #popupMarquee.show {
            -webkit-filter: opacity(100%);
            transition: -webkit-filter 1.00s ease-out, top 0.5s ease-out, bottom 0.5s ease-out; display: block;
          }

          #popupMarquee.hide {
            opacity: 0; z-index: -1;
          }

          #popupMarquee.popupMarqueeTopRight:not(.show),    #popupMarquee.popupMarqueeTopLeft:not(.show)    { top:    -600px; }
          #popupMarquee.popupMarqueeBottomRight:not(.show), #popupMarquee.popupMarqueeBottomLeft:not(.show) { bottom: -600px; }
        */});

      addStyle(__css__, 'popupMarqueeFix');

      itemList.eventTypeListenerMap.popup = []; //itemList.removeEventListener('popup', marquee.onData);
      $popup
        .css({opacity: ''})
        .off('click').off('mouseover').off('mouseleave').off('mousemove')
        .on('mouseover', resetCloseTimer)
        .on('mouseout',    setCloseTimer)
        .on('click', disappear);

      marquee.onData    = $.proxy(onData,    marquee);
      marquee.disappear = $.proxy(disappear, marquee);
      itemList.addEventListener('popup', $.proxy(onData, marquee));
    } //


    function initScroll($, conf, w) {
      // 動画切り換え時にページの一番上までスクロールするようになったのを強引に阻止する
      var WatchPageRouter = require('watchapp/model/state/WatchPageRouter');
      WatchPageRouter.getInstance()._scroll = function() {};

      var beforePlayerOffsetTop = 0, $playerAlignmentArea = $('#playerAlignmentArea');
      var $window = $(window);
      var beforeReset = function() {
         beforePlayerOffsetTop = $playerAlignmentArea.offset().top;
      };
      var afterReset = function() {
        var diff = $playerAlignmentArea.offset().top - beforePlayerOffsetTop;
        var scrollTop = $window.scrollTop();
        $window.scrollTop(scrollTop + diff);
      };
      var watchInfoModel = require('watchapp/model/WatchInfoModel').getInstance();
      watchInfoModel.addEventListener('beforeReset', beforeReset);
      watchInfoModel.addEventListener('afterReset',  afterReset);


      // 動画選択画面閉じた時にページの一番上までスクロールするようになったのを強引に阻止する
      var WindowUtil = require('watchapp/util/WindowUtil');
      WindowUtil.scroll_org = WindowUtil.scroll;
      var no_thanks = function() { WindowUtil.scroll = function() {}; };
      var restore = function() { WindowUtil.scroll = WindowUtil.scroll_org; };

      var vv = require('watchapp/init/BottomContentInitializer').videoExplorerModeViewController;
      vv.onVideoExplorerClose_org = vv.onVideoExplorerClose;
      vv.onVideoExplorerClose = $.proxy(function() {
        no_thanks();
        this.onVideoExplorerClose_org();
        restore();
        WindowUtil.scrollFit('#playerContainerWrapper');
      }, vv);

      $ = conf = w = null;
    } //

    function initOther() {
      var TagInitializer = require('watchapp/init/TagInitializer');
      var PlayerInitializer = require('watchapp/init/PlayerInitializer');

      if (conf.headerViewCounter) $('#siteHeaderInner').width($('#siteHeaderInner').width() + 200);

      initAdditionalButtons();
      initSquareThumbnail();

      ConfigPanel.addChangeEventListener(function(name, newValue, oldValue) {
        if (name === 'squareThumbnail') {
          initSquareThumbnail();
        } else
        if (name === 'enableAutoTagContainerHeight') {
          if (newValue) { TagInitializer.tagViewController.tagViewPinStatus.changeStatus(true); }
        } else
        if (name === 'enableMylistDeleteButton') {
          $('.videoExplorerBody').toggleClass('enableMylistDeleteButton', newValue);
        } else
        if (name === 'enableYukkuriPlayButton') {
          newValue ? Yukkuri.show() : Yukkuri.hide();
        } else
        if (name === 'noNicoru') {
          $('body').toggleClass('w_noNicoru', newValue);
        } else
        if (name === 'playerBgStyle') {
          $('#content')
            .toggleClass('w_flat_gray',  newValue === 'gray')
            .toggleClass('w_flat_white', newValue === 'white');
        } else
        if (name === 'compactVideoInfo') {
          $('#content, #outline').toggleClass('w_compact', newValue);
        } else
        if (name === 'disableHorizontalScroll') {
          $('body').toggleClass('w_disableHorizontalScroll', newValue);
        } else
        if (name === 'hideCommentPanelSocialButtons') {
          $('#playerTabContainer').toggleClass('w_noSocial', newValue);
        }
      });

      if (conf.enableMylistDeleteButton) $('.videoExplorerBody').addClass('enableMylistDeleteButton');

      if (conf.noNicoru) $('body').addClass('w_noNicoru');

      if (conf.playerBgStyle !== '') $('#content').addClass('w_flat_' + conf.playerBgStyle);

      if (conf.compactVideoInfo) $('#content, #outline').addClass('w_compact');
      onWatchInfoReset(watchInfoModel);

      if (conf.enableYukkuriPlayButton) { Yukkuri.show(); }

      if (conf.disableHorizontalScroll) $('body').addClass('w_disableHorizontalScroll');

      if (conf.hideCommentPanelSocialButtons) $('#playerTabContainer').addClass('w_noSocial');

      $('#videoHeaderMenu .searchText input').attr({'accesskey': '@'}).on('focus', function() {
        WatchController.scrollTop(0, 400);
      });

      PlayerInitializer.commentPanelViewController.commentPanelContentModel.addEventListener('change', function(name) {
        if (name === 'log_comment') {
          $('.logDateSelect .logTime input')[0].setAttribute('type', 'time');
        }
      });

      var overrideGenerateURL = function() {
        var WatchPageInitializer = require('watchapp/init/WatchPageInitializer');
        var wpc = WatchPageInitializer.watchPageController;
        wpc.generateWatchURL_org = wpc.generateWatchURL;
        wpc.generateWatchURL = $.proxy(function(s) {
          var ret = this.generateWatchURL_org(s);
          // これのせいで既読リンクの色が変わらないので除去
          ret = ret.replace(/\/(videoExplorer|ichiba)/, '');
          return ret;
        }, wpc);
      };
      overrideGenerateURL();

      // 再現性不明のエラーをとりあえず握りつぶしつつ自動再生を3/2までの仕様に戻す
      var WindowUtil = require('watchapp/util/WindowUtil');
      var overrrideWindowUtil = function() {
        var wu = WindowUtil;
        wu.checkInview_org = wu.checkInview;
        wu.checkInview = function() { return true; };
        //wu.checkInview = $.proxy(function(a) {
        //  if (a.length < 0) { return true; }
        //  try {
        //    this.checkInview_org(a);
        //  } catch (e) {
        //    console.log('%cerror in WindowUtil.checkInview', 'color: red; ', e, a);
        //    console.trace();
        //  }
        //}, wu);
      };
      overrrideWindowUtil();

      // ニコる数を取得するためにコメントパネルがめちゃくちゃ重くなってるのを改善
      PlayerInitializer.nicoPlayerConnector.getCommentNicoruCount = function(name, num) {
        if (conf.noNicoru) {
          return 0;
        }
        return require('playerapp/player/Nicoplayer').getInstance().getCommentNicoruCount(name, num);
      };

      var playerConfig = PlayerInitializer.nicoPlayerConnector.playerConfig;
      if (conf.autoPlayIfWindowActive === 'yes') {
        playerConfig.set({autoPlay: false});
      }
      if (conf.autoPlay2ndVideo) {
        playerConfig.set({autoPlay: false});
        EventDispatcher.addEventListener('onFirstVideoInitialized', function() {
          WatchController.pause();
          WatchController.vpos(0);
          setTimeout(function() {
            playerConfig.set({autoPlay: true});
          }, 3000);
        });
        $(window).on('beforeunload.watchItLater.autoPlay2ndVideo', function(e) {
          playerConfig.set({autoPlay: false});
        });
      }

      if (conf.debugMode) {
        require('watchapp/init/PopupMarqueeInitializer').popupMarqueeViewController.itemList.addEventListener('popup', function(body) {
          console.log('%c popup: ' + body, 'background: #0ff');
        });
        console.log(JSON.parse($('#watchAPIDataContainer').text()));

        //WindowUtil.shake = function() { console.log('%cshake', 'background: lightgreen;');};
        //NicoPlayerConnector.getCommentNicoruCount_org = NicoPlayerConnector.getCommentNicoruCount;
      }
    }

    // ?ref=等がついてるせいで未読既読のリンクの色が変わらなくなる問題の対策
    // ShinjukuWatchと違いこっちはプレイリスト消えないモードがあるので、マイリスト等からの遷移でも遠慮無く全部消す
    if (location.href.indexOf('?') >= 0) {
      window.history.replaceState('', '', location.href.split('?')[0]);
    }


    function initTest(test) {
      var console = window.console;
      var expect = test.expect;
      WatchApp.mixin(WatchItLater.test.spec, {
        testChannelVideo: function(def) {
          ChannelVideoList.load(function(result) {
            console.log('ChannelVideoList.load', result);
            expect(result.name).toEqual('ニコニコアプリちゃんねるの動画', 'チャンネル名');
            expect(result.list.length >= 30).toBeTrue('2013/08/28時点で33件');
            def.resolve();
          }, {id: '55', ownerName: 'ニコニコアプリちゃんねる'});
        },
        testNewNicoSearch: function(def) {
          var size = 15;
          var search = new NewNicoSearch({});
          search.load({query: 'vocaloid', size: size}, function(err, result) {
            console.log('testNewNicoSearch.load', err, result);
            expect(err).toBeNull('err === null');
            expect(result[0].dqnid)                 .toBeTruthy('先頭にdqnidが含まれる(なんの略？)');
            expect(typeof result[0].values[0].total).toEqual('number', 'ヒット件数');
            expect(result[0].values[0].service)     .toEqual('video',  '検索の種類');

            expect(result[1].type).toEqual('stats',  'type === stats'); // データの開始？

            expect(result[2].type           ).toEqual   ('hits',   'type === hits');
            expect(result[2].values         ).toBeTruthy('ヒットした内容');
            expect(result[2].values.length  ).toEqual   (size, 'sizeで指定した件数が返る');
            expect(result[2].values[0].cmsid).toBeTruthy('ヒットした内容にデータが含まれる');

            expect(result[3].type).toEqual('hits',  'type === stats'); // データの終了？
            def.resolve();
          });
        },
        testNewNicoSearchWrapperQuery: function(def) {
          var wrapper = new NewNicoSearchWrapper({search: {}});
          var params = {
            searchWord: 'VOCALOID',
            searchType: 'tag',
            u: '1m',
            l: 'short',
            sort: 'l',
            order: 'a',
            page: 3
          };
          var query = wrapper._buildSearchQuery(params);

          console.log(params, query);
          expect(query.query).toEqual(params.searchWord,        '検索ワードのセット');
          expect(query.from).toEqual(params.page * 32 - 32,    'ページ番号 -> fromの変換');
          expect(query.sort_by).toEqual('length_seconds', 'l -> length_seconds');
          expect(query.order).toEqual('asc',              'a -> asc');

          // TODO:
          expect(JSON.stringify(query.search).indexOf('["tags"]') >= 0).toBeTrue('タグ検索');
          var filters = JSON.stringify(query.filters);
          //console.log(filters);
          expect(query.filters.length >= 2).toBeTrue('filters.lengthが2以上');
          expect(filters.indexOf('"field":"start_time"') >= 0).toBeTrue('filtersにstart_timeが含まれる');
          expect(filters.indexOf('"field":"length_seconds"') >= 0).toBeTrue('filtersにlength_secondsが含まれる');
          def.resolve();
        },
        testNewNicoSearchWrapper: function(def) {
          console.log('testNewNicoSearchWrapper');
          var search = new NewNicoSearch({});
          var wrapper = new NewNicoSearchWrapper({search: search});
          wrapper.load({searchWord: 'ぬこぬこ動画', size: 100}, function(err, result) {
            console.log('testNewNicoSearchWrapper.load', err, result);
            expect(err).toBeNull('err === null');
            expect(typeof result.count).toEqual('number', '件数がnumber');
            expect(result.count > 0).toBeTrue('件数が入っている');
            expect(result.list.length).toBeTruthy('データが入っている');
            expect(result.list.length).toEqual(100, 'sizeで指定した件数が入っている');
            expect(result.list[0].type).toEqual(0, 'type === 0');
            expect(/^\d+:\d+/.test(result.list[0].length)).toBeTrue('動画長がmm:dd形式で入ってる');
            def.resolve();

          });
        },
        testNicoSearchRelatedTag: function(def) {
          var related = new NicoSearchRelatedTag({});
          related.load('voiceroid', function(err, result) {
            console.log('testNicoSearchRelatedTag.load', err, result);
            console.log(expect(err));
            expect(err).toBeNull('err === null');
            expect(result.type).toEqual('tags', 'type === "tags"');
            expect(result.values).toBeTruthy('データが入っている');
            expect(typeof result.values[0]._rowid).toEqual('number', 'データに_rowidが入っている');
            expect(typeof result.values[0].tag)   .toEqual('string', 'データにtagが入っている');
            def.resolve();
          });
        },
        testSearchSuggest: function(def) {
          var suggest = new NicoSearchSuggest({});
          suggest.load('MMD', function(err, result) {
            console.log('testSearchSuggest.load', err, result);
            console.log(expect(err));
            expect(err).toBeNull('err === null');
            expect(result.candidates).toBeTruthy('suggestの中身がある');
            expect(result.candidates.length).toBeTruthy('suggestのlengthがある');
            def.resolve();
          });
        },
        testUpdateMylistComment: function(def) {
          // 一個以上マイリストがあって先頭のマイリストになにか登録されている必要がある
          var Mylist = WatchItLater.mylist;
          var randomMessage = 'RND: ' + Math.random();

          var d = new $.Deferred();
          d.promise()
            .then(function() {
              var d = new $.Deferred();
              Mylist.loadMylistList(function(mylistList) {
                expect(mylistList.length > 0).toBeTruthy('マイリスト一覧が1件以上');
                console.log('先頭のマイリスト', mylistList[0].id, mylistList[0].name);
                var groupId = mylistList[0].id;
                if (mylistList.length <= 0) {
                  d.reject();
                  return;
                }
                d.resolve(groupId);
              });
              return d.promise();
            })
            .then(function(groupId) {
              var d = new $.Deferred();
              Mylist.reloadMylist(groupId, function(mylist) {
                expect(mylist.length > 0).toBeTruthy('マイリストアイテムが一個以上');
                var item = mylist[0];
                var watchId = item.item_data.watch_id;
                console.log('マイリスト先頭のアイテム', watchId, item.item_data.title);
                d.resolve(watchId, groupId);
              });
              return d.promise();
            })
            .then(function(watchId, groupId) {
              var d = new $.Deferred();
              Mylist.updateMylistItem(watchId, groupId, function(result) {
                expect(result).toEqual('ok', 'updateMylistItem() result=ok');
                d.resolve(watchId, groupId);
              }, randomMessage);
              return d.promise();
            })
            .then(Util.Deferred.wait(500))
            .then(function(watchId, groupId) {
              var d = new $.Deferred();
              Mylist.reloadMylist(groupId, function(newlist) {
                console.log('reloadMylist', groupId, newlist);
                expect(newlist[0].description)
                  .toEqual(randomMessage, 'マイリストコメントが更新できている => ' + newlist[0].description);
                d.resolve();
              });
              return d.promise();
            }).then(function() {
              def.resolve();
            });
          d.resolve();
        },
        testVideoRanking: function(def) {
          VideoRanking.load(null, {id: -4000})
            .then(function(result) {
              console.log('VideoRanking.load result:', result);
              expect(result.name).toEqual('カテゴリ合算', 'ダミーマイリストの名前が一致');
              expect(result.list.length).toEqual(300, 'カテゴリ合算ランキングは300件');
              expect(result.list[  0].title.indexOf('第001位')).toEqual(0,'ランキング1位のタイトル');
              expect(result.list[299].title.indexOf('第300位')).toEqual(0,'ランキング300位のタイトル');
              def.resolve();
            },
            function() {
              def.reject();
            });
        },
        testNicorepoVideo: function(def) {
          NicorepoVideo.loadAll(null, null)
            .then(function(result) {
              console.log('NicorepoVideo.loadAll result:', result);
              expect(result.name).toEqual('【ニコレポ】すべての動画', 'ダミーマイリストの名前が一致');
              expect(result.list).toBeTruthy('ニコレポがある');
              def.resolve();
            },
            function() {
              def.reject();
            });
        },
        testVideoInfoLoader: function(def) {
          var loader = new VideoInfoLoader({});
          $.when(
            loader.load('sm9').then(function(result) {
              expect(result.id).toEqual('sm9', '存在する動画ID');
              expect(result.length).toEqual('5:19', 'length');
              return this.done();
            }, function(err) {
              return this.fail();
            }),

            loader.load('sm1').then(function(result) {
              return new $.Deferred().reject().promise();
            }, function(resp) {
              expect(resp.status).toEqual('fail', '存在しない動画ID');
              return new $.Deferred().resolve().promise();
            })

          ).then(function() { def.resolve(); }, function() { def.reject(); });
        },
        testRelatedVideo: function(def) {
          var loader = new RelatedVideo({});
          loader.load('sm9').then(function(result) {
            console.log('RelatedVideo', result);
            expect(result.list).toBeTruthy('関連動画がある');
            expect(result.list[0].title).toBeTruthy('タイトルがある');
            expect(result.list[0].title.length >= 0).toBeTrue('タイトル長がある');
            expect(typeof result.list[0].type === 'number').toBeTrue('type属性がある');
            def.resolve();
          });
        },
        testVideoArray: function(def) {
          window.WatchItLater.loader.videoArrayAPILoader.load(['sm9', 'sm13']).then(function(result) {
            console.log('VideoArrayAPILoader', result);
            expect(result['sm9']).toBeTruthy('動画情報');
            expect(result['sm13'].title).toBeTruthy('タイトルがある');
            expect(result['sm13'].title.length >= 0).toBeTrue('タイトル長がある');
            window.WatchItLater.loader.videoArrayAPILoader.load(['sm13', '1394785382']).then(function(result) {
              console.log('VideoArrayAPILoader', result);
              expect(result['1394785382']).toBeTruthy('スレッドIDでも引ける');
              expect(result['1394785382'].title).toEqual('鬼灯の冷徹　第10話「十王の晩餐」「ダイエットは地獄みたいなもの」', '動画タイトル一致');
              def.resolve();
            });
          });
        },
        testCeAPIVideoArray: function(def) {
          window.WatchItLater.loader.ceAPIClient.videoArray(['sm9', 'sm13']).then(function(result) {
            console.log('ceAPIAPIClient.videoArray', result);
            expect(result.status).toEqual('ok', 'status');
            expect(result.video_info).toBeTruthy('動画情報がある');
            expect(result.video_info[0].video.id).toEqual('sm9', '動画id');
            def.resolve();
          });
        }



      }); // end WatchApp.mixin

    } // end initTest

    window.console.time('init WatchItLater');
//    window.console.profile('init WatchItLater');
    LocationHashParser.initialize();
    initNews();
    initShortcutKey();
    initMouse();
    initTouch();
    initEvents();

    initSearchContent($, conf, w);
    initUserVideoContent($, conf, w);
    initMylistContent($, conf, w);
    initUploadedVideoContent($, conf, w);
    initDeflistContent($, conf, w);
    initVideoExplorer($, conf, w);

    initRightPanel($, conf, w);
    initLeftPanel($, conf, w);
    initVideoReview($, conf, w);

    initHidariue();
    initVideoCounter();
    initScreenMode();
    initPlaylist($, conf, w);

    initPageBottom($, conf, w);
    initPageHeader($, conf, w);
    initVideoTagContainer($, conf, w);

    initNicoS($, conf, w);
    initInvisibleCommentInput($, conf, w);
    initOtherCss();
    initCustomPlayerSize($, conf, w);

    initStageVideo($, conf, w);
    initHeatMap($, conf, w);
    initPopupMarquee();
    initMylistPanel($, conf, w);
    initScroll($, conf, w);
    initOther();
//    window.console.profileEnd('init WatchItLater');
    window.console.timeEnd('init WatchItLater');

    onWindowResizeEnd();

    if (conf.debugMode) {
      initTest(WatchItLater.test);
    }
  };

  if (window.WatchJsApi) {
    require(
      ['WatchApp', 'watchapp/model/WatchInfoModel', 'prepareapp/PlayerStartupObserver'], function(WatchApp, WatchInfoModel, PlayerStartupObserver) {
      var watchInfoModel = WatchInfoModel.getInstance();

      if (watchInfoModel.initialized) {
        window.WatchItLater.WatchController =
        window.WatchController =
          _watchController(window);
        ZeroFunc(window);
      } else {
        var onReset = function() {
          watchInfoModel.removeEventListener('reset', onReset);
          window.setTimeout(function() {
            window.WatchItLater.WatchController =
            window.WatchController =
              _watchController(window);

            ZeroFunc(window);
          }, 100);
        };
        watchInfoModel.addEventListener('reset', onReset);
        if (conf.initializeImmediately) {
          console.log('%cinitialize Immediately', 'background: lightgreen;');

          window.setTimeout(function() {
            if (PlayerStartupObserver._executed) {
              return;
            }
            console.time('initialize Immediately');
            PlayerStartupObserver._executed = true;
            PlayerStartupObserver._dispatch();
            console.timeEnd('initialize Immediately');
          }, 0);
        }
      }
    });
  } else
  if (location.host === 'www.nicovideo.jp' && location.pathname ==='/stamp') {
    niconicodoRedirect();
  }


  /**
   *  原宿プレイヤーでのあれこれ
   *
   *  マイリストパネルだけ追加
   *
   */
  (function() {
    if (!w.Video) return;
    if (!location.href.match(/\/watch\/(sm\d+|nm\d+|so\d+|\d+)/)) return;
    var watchId = void 0, videoId = void 0;
    if (w.Video === null) {
      watchId = RegExp.$1;
      w.Video = {id: watchId};
    } else {
      Video   = w.Video;
      watchId = Video.v;
      videoId = Video.id;
    }
    watchId = RegExp.$1;
    var iframe = Mylist.getPanel('');
    iframe.id = "mylist_add_frame";
    iframe.setAttribute('style', 'position: fixed; right: 0; bottom: 0;');

    document.body.appendChild(iframe);
    iframe.watchId(watchId, videoId);
  })();


  /**
   *  キーボードイベント他
   *
   */
  (function() {
    w.document.body.addEventListener('keydown', function(e) {
      if (e.keyCode === 27 || e.keyCode === 88) { // ESC or x
        AnchorHoverPopup.hidePopup();
        Popup.hide();
      }
    }, false);
    w.document.body.addEventListener('click', function(e) {
      var tagName = e.target.tagName, className = e.target.className;
      //console.log(tagName, className);
      if (tagName !== 'BUTTON' && tagName !== 'SELECT' && tagName !== 'OPTION' && className !== 'popupTagItem' && className.indexOf('mylistPopupPanel') < 0) {
        AnchorHoverPopup.hidePopup();
      }

    }, false);
    var touchInitialized = false;
    TouchEventDispatcher.onflick(function(e) {
      if (e.direction === 'right') {
        if (!touchInitialized) {
          document.getElementById('videoTagPopupContainer').className += ' w_touch';
          touchInitialized = true;
        }
      }
    }, false);
//    w.document.body.addEventListener('dblclick', function(e) {var tagName = e.target.tagName, className = e.target.className;console.log(tagName, className);});

  })(w);

  //===================================================
  //===================================================
  //===================================================

  }); // end of monkey();

  /**
   * スマートフォン用APIを利用して動画情報を取得する Firefox + Greasemonkey用
   */
  var spapi = function() {
    if (window.name.indexOf('watchItLaterAPILoader') < 0 ) { return; }
    var resp    = document.getElementsByTagName('nicovideo_video_response');
    var session = location.hash.length > 1 ? location.hash.substr(1) : location.search;
    var origin  = 'http://' + location.host.replace(/^.*?\./, 'www.');
    var xml = '';
    if (resp.length > 0) {
      xml = resp[0].outerHTML;
    }

    try {
      parent.postMessage(JSON.stringify({
          id: 'WatchItLater',
          type: 'VideoArrayAPILoader',
          body: {
            session: session,
            xml: xml
          }
        }),
        origin);
    } catch (e) {
      console.log('err', e);
    }
  };

  /**
   * Vita/3DS用APIを利用して情報を取得する Chrome + Tampermonkey用
   * 参考: http://www59.atwiki.jp/nicoapi/pages/24.html
   */
  var ceapi = function() {
    if (window.name.indexOf('ceAPILoader') < 0 ) { return; }
    var origin  = 'http://www.nicovideo.jp'; //'http://' + location.host.replace(/^.*?\./, 'www.');

    var xmlHttpRequest = function(options) {
      try {
        var req = new XMLHttpRequest();
        var method = options.method || 'GET';
        req.onreadystatechange = function() {
          if (req.readyState === 4) {
            if (typeof options.onload === 'function') options.onload(req);
          }
        };
        req.open(method, options.url, true);
        if (options.headers) {
          for (var h in options.headers) {
            req.setRequestHeader(h, options.headers[h]);
          }
        }

        req.send(options.data || null);
      } catch (e) {
        console.error(e);
      }
    };

    window.addEventListener('message', function(event) {
      var data = JSON.parse(event.data), timeoutTimer = null, isTimeout = false;
      if (!data.url) { return; }
      var sessionId = data.sessionId;
      xmlHttpRequest({
        url: data.url,
        onload: function(resp) {

          if (isTimeout) { return; }
          else { window.clearTimeout(timeoutTimer); }

          try {
            parent.postMessage(JSON.stringify({
              id: 'WatchItLater',
              type: 'ceAPILoader',
              body: {
                sessionId: sessionId,
                status: 'ok',
                url: data.url,
                body: resp.responseText
              }
            }),
            origin);
          } catch (e) {
            console.log(
              '%cError: parent.postMessage - ',
              'color: red; background: yellow',
              e, event.origin, event.data);
          }
        }
      });

      timeoutTimer = window.setTimeout(function() {
        isTimeout = true;
        parent.postMessage(JSON.stringify({
          id: 'WatchItLater',
          type: 'ceAPILoader',
          body: {
            sessionId: sessionId,
            status: 'timeout',
            url: data.url
          }
        }),
        origin);
      }, 30000);

    });

    try {
      parent.postMessage(JSON.stringify({
          id: 'WatchItLater',
          type: 'ceAPILoader',
          body: {
            status: 'initialized'
          }
        }),
        origin);
    } catch (e) {
      console.log('err', e);
    }
  };


  try {
    if (location.host === 'flapi.nicovideo.jp') {
      return;
    } else
    if (location.host === 'i.nicovideo.jp') {
      spapi();
    } else
    if (location.host === 'api.ce.nicovideo.jp') {
      ceapi();
    } else
    if (location.host.indexOf('smile-') >= 0) {
      return;
    } else
    if (location.host.indexOf('localhost.') === 0 || location.host.indexOf('www.') === 0 || !this.GM_getValue || this.GM_getValue.toString().indexOf('not supported') > -1) {
      isNativeGM = false;
      var inject = document.createElement('script');
      inject.id = 'monkey';
      inject.setAttribute('type', 'text/javascript');
      inject.setAttribute('charset', 'UTF-8');

      if (location.pathname.indexOf('/watch/') === 0) {
        setTimeout(function() {
          // ブロックが発動しててもとりあえず動くように (Firefoxだけ？)
          if (!window.Ads && !require.defined('Ads')) {
            define('Ads', [], function() {
              window.Ads = { Advertisement: function() { return {set: function() {}}; }, SwitchView: function() {} };
              return window.Ads;
            });
          }
          if (!window.channel && !require.defined('channel')) {
            define('channel', [], function() {
              window.channel = {};
              return window.channel;
            });
          }
          if (!window.enquete && !require.defined('enquete')) {
            define('enquete', [], function() {
              window.enquete = { emitter: function() {} };
              return window.enquete;
            });
          }
        }, 0);
        inject.appendChild(document.createTextNode(
          'require(["WatchApp", "jquery", "lodash"], function() {' +
            'console.log("%crequire WatchApp", "background: lightgreen;");' +
            '(' + monkey + ')(false);' +
          '});'
        ));
        document.body.appendChild(inject);
      } else {
        inject.appendChild(document.createTextNode('(' + monkey + ')(false);'));
      }

      if (document.body) {
        document.body.appendChild(inject);
      } else {
        document.documentElement.appendChild(inject);
      }
    } else {
      // やや古いFirefoxはここらしい
      monkey(true);
    }

  } catch(e) {
    // 最近のFirefoxはここに飛んでくる
    monkey(true);
  }
})();