/*
 TOPページのタブ切り替え用のJavaScript

 <<動かすのに必要なJavaScript>>
 <script type="text/javascript" src="/js/yahoo-min.js"></script>
 <script type="text/javascript" src="/js/cookie-beta-min.js"></script>
 <script type="text/javascript" src="/js/prototype.js"></script>

 <<定義が必要なグローバル変数>>
 var _watchkeyword = "ウォッチキーワード";
 
 <<使用するクッキーの名前>>
 top_selected_tab

*/
(function() {
var selected_tab = 'all';
var switchTab = function(event) {

    // 選択済のタグがもう一度クリックされた場合は何もしないで戻る
    if (selected_tab == this.id) return;

    $('newarrival_content_list').src = '';

    selected_tab = this.id;
    $$('.tab').each(function(tab) {
        // 全てのタブを「選択されていない画像」にする
        tab.src = '/img2/top_body/tab/' + tab.id + '.gif';
    });
    // 選択されたタグだけを「選択された画像」にする
    this.src = '/img2/top_body/tab/' + this.id + '2.gif';

    // 選択されたタグの内容を表示するようにIFrameのsrcを変更する
    var url = '/search/list/top';
    switch (this.id) {
    case 'illust':
        url = '/search/list/top?type[]=1';
        break;
    case 'manga':
        url = '/search/list/top?type[]=2';
        break;
    case 'model':
        url = '/search/list/top?type[]=3';
        break;
    case 'novel':
        url = '/search/list/top?type[]=4';
        break;
    case 'cosplay':
        url = '/search/list/top?type[]=5';
        break;
    case 'watch':
        url = '/search/list/top?genrekey=1&search=or' +
              '&keyword=' + encodeURIComponent(_watchkeyword);
        break;
    case 'fav':
        url = '/search/list/top?favorite=1';
        break;
    case 'recommend':
        url = '/search/list/top?recommend=1';
    }
    $('newarrival_content_list').src = url;
    YAHOO.util.Cookie.set("top_selected_tab", this.id);
    Event.stop(event);
}

document.observe('dom:loaded', function(event) {
    $$('.tab').each(function(tab) {
        tab.observe('click', switchTab);
        tab.observe('tab:init', switchTab);
    });
    var init_tab = YAHOO.util.Cookie.get("top_selected_tab");
    init_tab = (init_tab) ? init_tab : 'all';
    $(init_tab).fire('tab:init');
});

}());