$(function(){
    var att_obj = $('#room_menu_attention');
    var pop_obj = $('#room_menu_popular');
    var new_obj = $('#room_menu_new');

    var menus = [
        {
            'selected'   : '#room_menu_attention img.selected',
            'unselected' : '#room_menu_attention img.unselected'
        },
        {
            'selected'   : '#room_menu_popular img.selected',
            'unselected' : '#room_menu_popular img.unselected'
        },
        {
            'selected'   : '#room_menu_new img.selected',
            'unselected' : '#room_menu_new img.unselected'
        }
    ];
    var views = ['#room_attention', '#room_popular', '#room_new'];
    var readmores = ['#readmore_att', '#readmore_pop', '#readmore_new'];


    function room_view_toggle (num) {
        for (i in [0, 1, 2]) {
            if (num == i) {
                $(menus[i]['selected']).show();
                $(menus[i]['unselected']).hide();

                $(views[i]).show();

                $(readmores[i]).show();
            }
            else {
                $(menus[i]['selected']).hide();
                $(menus[i]['unselected']).show();

                $(views[i]).hide();

                $(readmores[i]).hide();
            }
        }
    }

    function set_cookie(key, value) {
        document.cookie = key + '=' + escape(value) + '; path=/';
    }

    function get_cookie(key) {
        var cookie = document.cookie;
        var first = cookie.indexOf(key + '=');

        if (first >= 0) { // クッキーが存在する場合
            var str = cookie.substring(first, cookie.length);
            var last = str.indexOf(';');

            if (last < 0) {
                last = str.length;
            }
            // クッキーの値を取得
            str = str.substring(0, last).split('=');
            return unescape(str[1]);
        }
        else {
            return null;
        }
    }

    var tab = ( get_cookie('room_view') || 0 );
    room_view_toggle(tab);


    // 注目タブがクリックされたら
    att_obj.click(function(){
        room_view_toggle(0);
        set_cookie('room_view', 0);
    });

    // 人気タブがクリックされたら
    pop_obj.click(function(){
        room_view_toggle(1);
        set_cookie('room_view', 1);
    });

    // 新着タブがクリックされたら
    new_obj.click(function(){
        room_view_toggle(2);
        set_cookie('room_view', 2);
    });
});