var MTentries = Class.create();

MTentries.prototype = {
  
  initialize: function() {
    this.articles = [
    { "title" : "Fujisanアフィリエイトライブリンク"
    , "url" : "http://www.sixapart.jp/typepad/widgets/news/fujisan.html"
    , "excerpt" : "「Fujisanアフィリエイトライブリンク」は、カテゴリーやキーワード、雑誌単位や号単位で表示させる商品を選別でき、表示件数やスキンを選ぶこともできます。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/livelink_sam.jpg"   
    }
    , 
    { "title" : "ラフブロランキング"
    , "url" : "http://www.sixapart.jp/typepad/widgets/news/laff_ranking.html"
    , "excerpt" : "今、ラフブロで一番「旬」なブログがすぐわかる、ラフブロランキングパーツ！\n無料配布中！"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/parts_thumbnail_03.jpg"   
    }
    , 
    { "title" : "ラフブロトピックス"
    , "url" : "http://www.sixapart.jp/typepad/widgets/news/laff_topics.html"
    , "excerpt" : "ラフブロ内で起こった出来事、おすすめ情報等をお送りします。\n無料配布中！"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/parts_thumbnail_04.jpg"   
    }
    , 
    { "title" : "ラフブロよしもと芸人新着ブログ"
    , "url" : "http://www.sixapart.jp/typepad/widgets/news/laff_new.html"
    , "excerpt" : "よしもと芸人達の新着記事が一目でわかる、ラフブロよしもと芸人新着ブログパーツ！\n無料配布中！"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/parts_thumbnail_02.jpg"   
    }
    , 
    { "title" : "PETAPPA P!BOARD"
    , "url" : "http://www.sixapart.jp/typepad/widgets/communication/petappa_pboard.html"
    , "excerpt" : "コメントよりも気軽に書こう!!ブログ掲示板「P!BOARD」。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/petappa0005.gif"   
    }
    , 
    { "title" : "PETAPPA 12星座占い"
    , "url" : "http://www.sixapart.jp/typepad/widgets/character/petappa_12.html"
    , "excerpt" : "全体運・仕事運・金運・ラブ運を５段階評価でお知らせします。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/petappa0001.gif"   
    }
    , 
    { "title" : "PETAPPA 賽銭DOROBO"
    , "url" : "http://www.sixapart.jp/typepad/widgets/game/dorobo.html"
    , "excerpt" : "賽銭箱を設置してお賽銭を入れてもらおう！というブログパーツです。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/petappa0003.gif"   
    }
    , 
    { "title" : "PETAPPA ボトルメール"
    , "url" : "http://www.sixapart.jp/typepad/widgets/communication/bottlemail.html"
    , "excerpt" : "ブログから始まる不思議な出会い"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/petappa0006.gif"   
    }
    , 
    { "title" : "PETAPPA 俺の運"
    , "url" : "http://www.sixapart.jp/typepad/widgets/character/petappa.html"
    , "excerpt" : "占いがなんぼのもんじゃい！と思いつつ気になる人への占いです"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/petappa0004.gif"   
    }
    , 
    { "title" : "ドラクエ風簡易メールフォーム"
    , "url" : "http://www.sixapart.jp/typepad/widgets/communication/bbkiss_mail.html"
    , "excerpt" : "FLASHより送信されたコメントを電子メールで受信する簡易メールフォーム。作成当初、気軽にコメントをもらうことを目的としていたためコメント送信者のメールアドレスの入力欄がありません。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/bbkiss02_icon.gif"   
    }
    , 
    { "title" : "ドラクエ風アクセスカウンターもどき"
    , "url" : "http://www.sixapart.jp/typepad/widgets/communication/bbk_counter.html"
    , "excerpt" : "訪問ユーザーごとの累計訪問回数をカウントしていきます。ユーザーごとに表示内容が異なるのでアクセス数の統計をとることはできません。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/bbkiss01_icon.gif"   
    }
    , 
    { "title" : "アプラグ"
    , "url" : "http://www.sixapart.jp/typepad/widgets/tool/aplug.html"
    , "excerpt" : "アプラグとは、たくさんのブログパーツをまとめるブログパーツです。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/aplug120-120.gif"   
    }
    , 
    { "title" : "PODCAST-BPプレイヤー"
    , "url" : "http://www.sixapart.jp/typepad/widgets/game/podcastbp.html"
    , "excerpt" : "あなたのブログにPodcastプレイヤーはいかがですか？\nお好きなポッドキャスト番組をセットすれば、ブログ上でいつでも聴ける＆友達にもオススメできます。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/image1.jpg"   
    }
    , 
    { "title" : "GAMERS"
    , "url" : "http://www.sixapart.jp/typepad/widgets/game/gamers.html"
    , "excerpt" : "はまる簡単フラッシュゲームを続々配信中！！フローティング技術により、ハイクオリティのゲームを大きな画面で快適にプレイ可能です。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/gamers-icon.gif"   
    }
    , 
    { "title" : "Pickup Event!"
    , "url" : "http://www.sixapart.jp/typepad/widgets/news/pickup_event.html"
    , "excerpt" : "世界中の文化、スポーツ、ビジネスなどのイベントの詳細情報や画像を\n簡単にウェブ サイトやブログに掲載することができる無料サービス。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/en-blogpart1.jpg"   
    }
    , 
    { "title" : "在庫探偵"
    , "url" : "http://www.sixapart.jp/typepad/widgets/news/ztantei.html"
    , "excerpt" : "在庫探偵の「アイテム別ブログパーツ」を貼り付ければ、特定アイテムの店頭在庫目撃情報を募集できます。みんなで情報を共有すれば、そんなアイテムが見つかる可能性もずっと上がるはずです。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/ztantei-icon.gif"   
    }
    , 
    { "title" : "リアルアーケード すぐに遊べるウェブゲームブログパーツ"
    , "url" : "http://www.sixapart.jp/typepad/widgets/game/realarcade.html"
    , "excerpt" : "リアルアーケードのブログパーツは、以下のソースコードをコピーペーストでブログやサイトに貼り付けるだけです！さあ、あなたのサイトをオンラインゲームセンターにしよう！"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/realarcade-icon.jpg"   
    }
    , 
    { "title" : "Bloca! で \"ロカ\" っちゃおう"
    , "url" : "http://www.sixapart.jp/typepad/widgets/tool/bloca.html"
    , "excerpt" : "Ｂｌｏｃａ！（ブロッカ）は、ブログでの情報発信や入手を「地図」を使って支援します。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/2007/03/09/FirefoxScreenSnapz269.png"   
    }
    , 
    { "title" : "開運の方位学　-Nine Star Ki Astrology-"
    , "url" : "http://www.sixapart.jp/typepad/widgets/character/nine_star_ki_astrology.html"
    , "excerpt" : "皆さんのサイトを訪れた人に幸運を！\n九星気学・方位学によるFlash版開運ブログパーツです。\n占いデータは公文レイナさんの書き下ろしで毎日午後7時に更新されます。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/type1.gif"   
    }
    , 
    { "title" : "myLoop"
    , "url" : "http://www.sixapart.jp/typepad/widgets/photo/myloop.html"
    , "excerpt" : "myLoopは、関連性のある画像（イメージ）の集まりを、最初と最後をつないでLoop状にするサービスです。\nmyLoopブログパーツを使えば、ブログで好きなイメージをスライドショーにできます。"
    , "image" : "http://www.sixapart.jp/typepad/widgets/images/partners/icon/myloop-icon.jpg"   
    }
      

    ];


    this.pickupLink =   new Template(
          '<h4><a href="#{url}">#{title}</a></h4><img src="#{image}" width="100" height="100" align="left" /><p>#{excerpt}</p><p><a href="#{url}">&gt; 詳しく見る</a></p>');
    this.imageLink =   new Template(
          '<a href="#{url}"><img src="#{image}" width="120" height="120" /></a><h4><a href="#{url}">#{title}</a></h4>');
  },
  
  showPickup: function(id) {
    var myDiv = $(id);
    var i = Math.floor( Math.random() * ( this.articles.length) );
    
    myDiv.innerHTML = this.pickupLink.evaluate({
      title: this.articles[i].title, url: this.articles[i].url, excerpt: this.articles[i].excerpt, image: this.articles[i].image
    });
  },
  
  showArticles: function(id, max) {
    var myDivs = $(id);

    var randomArticles = this.shuffleArray(this.articles);
    if ( max < randomArticles.length ) randomArticles = randomArticles.slice(0,max);

    randomArticles.each ( function(link)
    {
      var myDiv;
      myDiv = document.createElement("div");
      
      myDiv.className = "recent";
      myDiv.innerHTML = this.imageLink.evaluate({
        title: link.title, url: link.url, excerpt: link.excerpt, image: link.image
      });
      myDiv.onmouseover = function() {
        new Effect.Highlight(this,{startcolor:'#99BBFF', endcolor:'#D8E1E7', restorecolor:'transparent'});
      };
      
      myDivs.appendChild(myDiv);

    }.bind(this));
  },

  shuffleArray: function ( myArray ) {
    var i = myArray.length;
    if ( i == 0 ) return false;
    while ( --i ) {
       var j = Math.floor( Math.random() * ( i + 1 ) );
       var tempi = myArray[i];
       var tempj = myArray[j];
       myArray[i] = tempj;
       myArray[j] = tempi;
     }
     return myArray;
  }
  
};