var MTentries = Class.create();

MTentries.prototype = {
  
  initialize: function() {
    // 最新記事をカテゴリ毎に5件 JSON形式で出力
    this.articles = {
    
        "15" : {
  	    "id" : "15",
  	    "label" : "Chairperson",
  	    "links" : [
                {
          "title" : "目標の一つ"
         ,"url" : "http://blog.nqou.net/2007/07/18005415.html"
         ,"excerpt" : "理事長になる動機にもなったかもしれません。 「ペット一代限り可」の規約を「飼育可..."
        }
        , 
                {
          "title" : "会議は１時間以内"
         ,"url" : "http://blog.nqou.net/2007/07/18001538.html"
         ,"excerpt" : "今回、理事長になって最初の理事会は３時間以上かかった。 「無意味だ」と言いながら..."
        }
        , 
                {
          "title" : "回顧録-困った問題"
         ,"url" : "http://blog.nqou.net/2007/07/16214610.html"
         ,"excerpt" : "気がつけばあっという間に１年が経ってしまいました。 しかし、困った問題がありまし..."
        }
        , 
                {
          "title" : "回顧録-管理会社変更決議その後"
         ,"url" : "http://blog.nqou.net/2007/06/16212844.html"
         ,"excerpt" : "臨時総会の一番の心配事は、出席、委任状などが定数以上集まるかどうかでした。 この..."
        }
        , 
                {
          "title" : "回顧録-管理会社の変更"
         ,"url" : "http://blog.nqou.net/2007/06/13215127.html"
         ,"excerpt" : "管理会社を変更すると言ってもどうすればいいのかわかりません。 そもそも、管理費が..."
        }
          
        
	    ]
    },
        "5" : {
  	    "id" : "5",
  	    "label" : "Favorite",
  	    "links" : [
                {
          "title" : "Gothica"
         ,"url" : "http://blog.nqou.net/2008/02/28014048.html"
         ,"excerpt" : "簡単に手に入ったならここまで欲しいとは思わなかったかもしれない。 というのが、今..."
        }
        , 
                {
          "title" : "All Ends"
         ,"url" : "http://blog.nqou.net/2008/02/26070717.html"
         ,"excerpt" : "試聴しかしていませんがなかなか良いです。 オフィシャル All Ends 試聴が..."
        }
        , 
                {
          "title" : "Jade Anderson"
         ,"url" : "http://blog.nqou.net/2008/02/16133503.html"
         ,"excerpt" : "普通にポップスなのだけど。 コンピレーションを聴いていて耳に止まった（？）曲。 ..."
        }
        , 
                {
          "title" : "Within Temptation"
         ,"url" : "http://blog.nqou.net/2008/02/16131927.html"
         ,"excerpt" : "ゴシックメタル、もしくは、シンフォニックメタルつながり。 ウィズイン・テンプテー..."
        }
        , 
                {
          "title" : "武田奈也"
         ,"url" : "http://blog.nqou.net/2008/02/05233933.html"
         ,"excerpt" : "さすがに「ニヤニヤ笑い」とは違います。 本物のリーダーはいつも笑いを絶やさない ..."
        }
          
        
	    ]
    },
        "10" : {
  	    "id" : "10",
  	    "label" : "Game",
  	    "links" : [
                {
          "title" : "ゲームネタ：航空機を作ろう"
         ,"url" : "http://blog.nqou.net/2008/02/13005723.html"
         ,"excerpt" : "航空機をゲーム的に設計してみたい、という感じでメモをしたこと。 推進力 旋回 武..."
        }
        , 
                {
          "title" : "ゲームネタ：装備によって成長する"
         ,"url" : "http://blog.nqou.net/2008/02/11234347.html"
         ,"excerpt" : "ゲームを作っていると、なんとなくゲームのネタを思いついたりする。 作っているゲー..."
        }
        , 
                {
          "title" : "RPGにも硬直時間を入れてみよう"
         ,"url" : "http://blog.nqou.net/2008/02/09020242.html"
         ,"excerpt" : "ターン制のほかにもう一つ納得いかない事がある。 隙が無いことだ。 格闘ゲームでは..."
        }
        , 
                {
          "title" : "かのゲームでこだわったこと"
         ,"url" : "http://blog.nqou.net/2008/02/06004126.html"
         ,"excerpt" : "RPGなどをやっていて納得いかないのがターン制。 考えてみてほしい。 いくら素早..."
        }
        , 
                {
          "title" : "FrontMission4"
         ,"url" : "http://blog.nqou.net/2008/01/24011641.html"
         ,"excerpt" : "とある本を読んでから、通勤時間中に本を読もう、という風に決めて、その時に買ったま..."
        }
          
        
	    ]
    },
        "9" : {
  	    "id" : "9",
  	    "label" : "Hardware",
  	    "links" : [
                {
          "title" : "そういえばノートを持っていたんだね。昔は。"
         ,"url" : "http://blog.nqou.net/2006/11/17003255.html"
         ,"excerpt" : "そういえばノートＰＣを買っていた＠のぶろぐ しかし、今は妻のもの…。 またアダプ..."
        }
        , 
                {
          "title" : "HDDの寿命？"
         ,"url" : "http://blog.nqou.net/2006/10/16233059.html"
         ,"excerpt" : "ここ数日、パソコンの調子がよくなかったのだが、ついに一昨日立ち上がらなくなった。..."
        }
        , 
                {
          "title" : "そういえばノートＰＣを買っていた"
         ,"url" : "http://blog.nqou.net/2005/05/17115426.html"
         ,"excerpt" : "そういえば、4月のはじめごろにノートパソコンを買った。 ｈｐの「compaq n..."
        }
        , 
                {
          "title" : "家庭内ＬＡＮが我が家にも"
         ,"url" : "http://blog.nqou.net/2005/04/01125843.html"
         ,"excerpt" : "実はもう結構前になるけど、家のほうにも無線ＬＡＮの環境ができた。 ほぼ妻のノート..."
        }
        , 
                {
          "title" : "無線LAN"
         ,"url" : "http://blog.nqou.net/2004/10/10022717.html"
         ,"excerpt" : "WHR3-AG54で実家の無線LANを構築した。 AOSSという仕組みを使ってセ..."
        }
          
        
	    ]
    },
        "7" : {
  	    "id" : "7",
  	    "label" : "HTML and CSS",
  	    "links" : [
                {
          "title" : "素材選び"
         ,"url" : "http://blog.nqou.net/2006/09/14001323.html"
         ,"excerpt" : "少し前に両親から頼まれていた、ドルフィンツアーについて、を記したページを作った。..."
        }
        , 
                {
          "title" : "スタイルシートの新技"
         ,"url" : "http://blog.nqou.net/2004/09/30150330.html"
         ,"excerpt" : "おそらく新技ではないと。 しかし、スタイルシートでの段組の基本を知らなかった身に..."
        }
          
        
	    ]
    },
        "6" : {
  	    "id" : "6",
  	    "label" : "Impression",
  	    "links" : [
                {
          "title" : "与え続ける事がもたらす事"
         ,"url" : "http://blog.nqou.net/2008/02/21025547.html"
         ,"excerpt" : "「ひたすらgiveする事」の実例の一つ。 浦田健の『金持ち大家さん』になるスーパ..."
        }
        , 
                {
          "title" : "苦手を克服する手順"
         ,"url" : "http://blog.nqou.net/2008/02/21024116.html"
         ,"excerpt" : "すごくシンプルでわかりやすい。 私的なことがらを記録しよう!!: なぜ、請求書処..."
        }
        , 
                {
          "title" : "仕事ができる人の意外な特徴"
         ,"url" : "http://blog.nqou.net/2008/02/03001719.html"
         ,"excerpt" : "意外にも「あぁ、そうだなぁ」と思った。 仕事ができる人の意外な特徴ランキング -..."
        }
        , 
                {
          "title" : "昔の自分じゃないことを受け入れること"
         ,"url" : "http://blog.nqou.net/2008/01/29201441.html"
         ,"excerpt" : "まだ40歳代ではないけれど。 bpspecial ITマネジメント：コラム?桑田..."
        }
        , 
                {
          "title" : "ティッシュが二枚重ねになっている理由"
         ,"url" : "http://blog.nqou.net/2008/01/29194346.html"
         ,"excerpt" : "先日テレビで見たのだが、その理由というのは「どちらの面もサラサラの面にするため」..."
        }
          
        
	    ]
    },
        "2" : {
  	    "id" : "2",
  	    "label" : "Information",
  	    "links" : [
                {
          "title" : "移転します"
         ,"url" : "http://blog.nqou.net/2008/03/02163313.html"
         ,"excerpt" : "移転先はhttp://weblog.nqou.net/です。..."
        }
        , 
                {
          "title" : "デザイン変更"
         ,"url" : "http://blog.nqou.net/2008/01/16231926.html"
         ,"excerpt" : "MTがセキュリティ対策でバージョンをあげたので追従。 ついでにデザインも変更して..."
        }
        , 
                {
          "title" : "MTの「encode_html」"
         ,"url" : "http://blog.nqou.net/2007/07/19234526.html"
         ,"excerpt" : "MTのテンプレートの仕組みには感動しますね。 Zeitgeistの表示にHTML..."
        }
        , 
                {
          "title" : "アップデート"
         ,"url" : "http://blog.nqou.net/2007/06/10162000.html"
         ,"excerpt" : "とりあえず、しばらくぶりにアップデート。 Ver4の宣伝もやっているようだけど、..."
        }
        , 
                {
          "title" : "「Search Word Cloud」を導入してみた"
         ,"url" : "http://blog.nqou.net/2006/11/21231837.html"
         ,"excerpt" : "YappoLogs: ページがどんなキーワードで検索されたかをTagCloud風..."
        }
          
        
	    ]
    },
        "3" : {
  	    "id" : "3",
  	    "label" : "Life",
  	    "links" : [
                {
          "title" : "続・インスピレーション"
         ,"url" : "http://blog.nqou.net/2008/02/16231736.html"
         ,"excerpt" : "もう先週の話になるが、名古屋に行った時に妻の趣味に付き合ってセントレアに行ってき..."
        }
        , 
                {
          "title" : "自分自身を教育している感覚"
         ,"url" : "http://blog.nqou.net/2008/02/02234810.html"
         ,"excerpt" : "先日読んだ、効率が10倍アップする新・知的生産術―自分をグーグル化する方法の影響..."
        }
        , 
                {
          "title" : "とある本"
         ,"url" : "http://blog.nqou.net/2008/02/01004622.html"
         ,"excerpt" : "積読していたFrontMission4の本を読むきっかけとなった「とある本」とい..."
        }
        , 
                {
          "title" : "上司をもつ身として"
         ,"url" : "http://blog.nqou.net/2008/01/31225546.html"
         ,"excerpt" : "まあ、求められたからといって与えるかと言えばわからない。 …というか、与えるもの..."
        }
        , 
                {
          "title" : "ルールの守らせ方"
         ,"url" : "http://blog.nqou.net/2008/01/30223539.html"
         ,"excerpt" : "今回のロサンゼルス-ラスベガスではレンタカーを多用した。 はじめてラスベガスに行..."
        }
          
        
	    ]
    },
        "16" : {
  	    "id" : "16",
  	    "label" : "Lightweight Language",
  	    "links" : [
                {
          "title" : "JavaScriptのゼロパディング"
         ,"url" : "http://blog.nqou.net/2008/02/15002400.html"
         ,"excerpt" : "「ど忘れ」と言ってしまっていいのかわからないが、JavaScriptを久しぶりに..."
        }
          
        
	    ]
    },
        "4" : {
  	    "id" : "4",
  	    "label" : "Meal",
  	    "links" : [
                {
          "title" : "道の駅「いながわ」の十割そば"
         ,"url" : "http://blog.nqou.net/2006/11/26232109.html"
         ,"excerpt" : "妻はいつも言っている。 おいしいそばが食べたい、と。 昨日行った、伊丹スカイパー..."
        }
        , 
                {
          "title" : "「おいしい○○○」っていう商品名は止めたほうが…"
         ,"url" : "http://blog.nqou.net/2006/11/25132008.html"
         ,"excerpt" : "アウトレットにて… - お気楽日和 先日、りんくうプレミアムアウトレットに行った..."
        }
        , 
                {
          "title" : "日本のマックフルーリー"
         ,"url" : "http://blog.nqou.net/2006/11/25013047.html"
         ,"excerpt" : "アメリカのマクドでお気に入りのメニュー、マックフルーリー。 ずっとマックフルリー..."
        }
        , 
                {
          "title" : "スパゲティハウス マッキー いつきの家"
         ,"url" : "http://blog.nqou.net/2006/11/05204737.html"
         ,"excerpt" : "ぐるなび - スパゲティハウス マッキー いつきの家 もちもちパスタが評判という..."
        }
        , 
                {
          "title" : "オールドスパゲティファクトリー"
         ,"url" : "http://blog.nqou.net/2006/11/05174340.html"
         ,"excerpt" : "The Old Spaghetti Factory - オールドスパゲティファク..."
        }
          
        
	    ]
    },
        "1" : {
  	    "id" : "1",
  	    "label" : "Perl",
  	    "links" : [
                {
          "title" : "CGI.pmでdisabledが効かなくなった？"
         ,"url" : "http://blog.nqou.net/2008/01/13160945.html"
         ,"excerpt" : "久しぶりにゲームのスクリプトの続きを作っていたら、変なところで引っかかった。 ラ..."
        }
        , 
                {
          "title" : "コードの書き直しで失敗"
         ,"url" : "http://blog.nqou.net/2007/11/02000244.html"
         ,"excerpt" : "この汚いコード、明日までに書き直しちゃえ！ ? ＠IT自分戦略研究所 なんという..."
        }
        , 
                {
          "title" : "リメイク：自分の名前を調べる"
         ,"url" : "http://blog.nqou.net/2006/12/09221737.html"
         ,"excerpt" : "自分の名前を調べる＠のぶろぐ 今回も、今後のPerlで推奨されるであろう書き方（..."
        }
        , 
                {
          "title" : "リメイク：「戻る」リンクを作る"
         ,"url" : "http://blog.nqou.net/2006/11/30003753.html"
         ,"excerpt" : "「戻る」リンクを作る＠のぶろぐ 今回は、今後のPerlで推奨されるであろう、「u..."
        }
        , 
                {
          "title" : "perltidyを試してみた"
         ,"url" : "http://blog.nqou.net/2006/11/20225449.html"
         ,"excerpt" : "perltidyというのは、Perlベストプラクティスに載っている、ソースコード..."
        }
          
        
	    ]
    },
        "12" : {
  	    "id" : "12",
  	    "label" : "Pet",
  	    "links" : [
                {
          "title" : "遊べない公園"
         ,"url" : "http://blog.nqou.net/2008/01/30203204.html"
         ,"excerpt" : "公園で犬の散歩ができないのは、ごく一部のマナーの悪い人たちのせい。 という言い訳..."
        }
        , 
                {
          "title" : "ショコラの病院通い"
         ,"url" : "http://blog.nqou.net/2006/10/18131117.html"
         ,"excerpt" : "３匹いる犬の中で最も小さいショコラ（ミニチュアダックスフンド、♀）が、先日避妊手..."
        }
        , 
                {
          "title" : "一家総出"
         ,"url" : "http://blog.nqou.net/2004/09/29222944.html"
         ,"excerpt" : "今日は一家総出でクウ動物病院へ。 マロンは検査。 キキは避妊手術＆歯石取りの事前..."
        }
        , 
                {
          "title" : "我が家の動物たち"
         ,"url" : "http://blog.nqou.net/2004/09/27114540.html"
         ,"excerpt" : "簡単に紹介してみます。..."
        }
        , 
                {
          "title" : "マロンの状態"
         ,"url" : "http://blog.nqou.net/2004/09/26164322.html"
         ,"excerpt" : "今のところ健康そうに見える。 本当に肝臓が変なのか？と思うほどに。..."
        }
          
        
	    ]
    },
        "13" : {
  	    "id" : "13",
  	    "label" : "Software",
  	    "links" : [
                {
          "title" : "ffmpegが難しい話"
         ,"url" : "http://blog.nqou.net/2008/01/20215842.html"
         ,"excerpt" : "先に紹介した携帯動画変換君もそうだが、いくつか試してみた動画変換用のソフトは、大..."
        }
        , 
                {
          "title" : "携帯動画変換君"
         ,"url" : "http://blog.nqou.net/2008/01/16230702.html"
         ,"excerpt" : "iTunesとiPodをはじめて同期した時、再生できない形式、ということで拒否さ..."
        }
        , 
                {
          "title" : "Area61 ビデオダウンローダー"
         ,"url" : "http://blog.nqou.net/2008/01/15185031.html"
         ,"excerpt" : "ビデオも見れるiPodにしてから、音楽だけじゃなくビデオも持ち歩くようになった。..."
        }
        , 
                {
          "title" : "最近使っているToDo管理のソフト"
         ,"url" : "http://blog.nqou.net/2007/02/11012315.html"
         ,"excerpt" : "Kanameの小部屋 ―本棚と床とダンボール― http://www.tcp-i..."
        }
        , 
                {
          "title" : "ソフトウェア選考４"
         ,"url" : "http://blog.nqou.net/2006/10/21224942.html"
         ,"excerpt" : "大分落ち着いてきた。..."
        }
          
        
	    ]
    },
        "8" : {
  	    "id" : "8",
  	    "label" : "Travel",
  	    "links" : [
                {
          "title" : "出発の挨拶"
         ,"url" : "http://blog.nqou.net/2007/12/28082907.html"
         ,"excerpt" : "ここはラウンジオーサカ。 これより、国外へ逃亡します。 まずは東へ。..."
        }
        , 
                {
          "title" : "成田空港のヤフーカフェにて"
         ,"url" : "http://blog.nqou.net/2005/09/18143236.html"
         ,"excerpt" : "もうすぐ日本を出発。 三度目のラスベガスへ。 今回はホテル側のはからいで宿泊料が..."
        }
        , 
                {
          "title" : "実家へ"
         ,"url" : "http://blog.nqou.net/2005/06/20093348.html"
         ,"excerpt" : "特に何かあったわけでもないのだが、実家に行った。 しかも二週連続で。 …あえて言..."
        }
        , 
                {
          "title" : "夢から覚めた日（帰国）"
         ,"url" : "http://blog.nqou.net/2005/05/16175219.html"
         ,"excerpt" : "ラスベガスでの5泊を終え、日本へ帰る日がやってきた。 日付変更線と時差の関係で暦..."
        }
        , 
                {
          "title" : "ラスベガス滞在記（五日目）"
         ,"url" : "http://blog.nqou.net/2005/05/16161433.html"
         ,"excerpt" : "今日は事実上の最終日。 なので早朝から作戦会議。 …実際には妻が下調べをしたなか..."
        }
          
        
	    ]
    },
        "14" : {
  	    "id" : "14",
  	    "label" : "Web",
  	    "links" : [
                {
          "title" : "OpenIDについて些細なメモ"
         ,"url" : "http://blog.nqou.net/2008/02/17104034.html"
         ,"excerpt" : "OpenIDが改めて気になったので、資料になりそうなサイトを検索してみた。 とり..."
        }
        , 
                {
          "title" : "話題の新技術"
         ,"url" : "http://blog.nqou.net/2008/02/17033249.html"
         ,"excerpt" : "全然知らなかったよ。 ここに来て話題の新技術3つ：日経パソコンオンライン Ope..."
        }
        , 
                {
          "title" : "翻訳対決"
         ,"url" : "http://blog.nqou.net/2008/01/21231901.html"
         ,"excerpt" : "今までウェブで翻訳というと、エキサイト翻訳しか使っていなかったのだが、ふとしたき..."
        }
        , 
                {
          "title" : "ダイナミックＤＮＳサービスと自宅サーバ"
         ,"url" : "http://blog.nqou.net/2006/11/25095106.html"
         ,"excerpt" : "無料・ダイナミックDNS(DDNS)サービス - ieServer.Net Pe..."
        }
        , 
                {
          "title" : "予想外でした"
         ,"url" : "http://blog.nqou.net/2006/10/25025744.html"
         ,"excerpt" : "Life is beautiful: BeStiqでソフトバンクの「予想外割引」..."
        }
          
        
	    ]
    },
    
    "id" : "end"
    
    };
    // 記事のリストHTMLを出力するTemplate
    this.textLink =   new Template(
      '<h4><a href="#{url}">#{title}</a></h4><p>　#{excerpt}</p>');
//      '<h5><a href="#{url}">#{title}</a></h5>');
  },
  
  showArticles: function(cat_id) {
  
    // id="goodpic_new_entries" な Div をHTMLから抽出
    var myDivs = $('goodpic_new_entries');
    
    // 記事の数だけ繰り返し
    this.articles[cat_id].links.each ( function(link)
    {
      myDiv = document.createElement("div");
      
      // Template でリストのHTMLを出力
      myDiv.innerHTML = this.textLink.evaluate({
        title: link.title, url: link.url, excerpt: link.excerpt
      });
      
      // script.aculo.us のアニメーションエフェクトをつける
      myDiv.onmouseover = function() {
//	      new Effect.Highlight(this, {startcolor:'#88ccff', endcolor:'#e7e7ec', restorecolor:'#e7e7ec'});
	      new Effect.Highlight(this, {startcolor:'#88ccff', endcolor:'#ffffff', restorecolor:'#ffffff'});
      }
      
      myDivs.appendChild(myDiv);
    }.bind(this));

  }
  
};

// インスタンス作成＆HTMLの表示
var articles = new MTentries();
articles.showArticles(cat_id[0]);