//カテゴリーのツリー化 ver0.2  byぼうず

<style>
ul.bz_category{
    list-style-type      : none;
    list-style-position  : outside;
}
li.bz_category{
    line-height     :110%;
}
dl.bz_category{
    line-height     :110%;
}
dd.bz_category{
    line-height     :110%;
    text-indent     :-3em;
}
ul.bz_category a{
    text-decoration : none;
}
</style>

<script language="JavaScript" src="http://blog2.fc2.com/b/boseskinhead/file/tree.js"></script>

<script language="JavaScript" type="text/javascript">

//テンポラリー配列
function cat2Array(btm_cate,top_cate,int_disp,tip_text,sort_mtd,num_show){
    this.btm_cate = btm_cate;
    this.top_cate = top_cate;
    this.int_disp = int_disp.toUpperCase() == "S" ? "S" : "H";
    this.tip_text = tip_text;
    this.sort_mtd = typeof(sort_mtd) == "undefined" ? "N" : sort_mtd.toUpperCase();
    this.num_show = typeof(number) == "undefined" ? 10 : number;
}

function pre_categorey(){

    var cate = new Array();	//この関数の中から表示ロジックを呼ぶのでローカルでいい？
    var o = new Array();
    //=================================================================
    //カテゴリーの動作設定
    //第一引数：btm_cate	下位カテゴリー名として使用　上位がない場合もココに設定
    //第二引数：top_cate	上位カテゴリー名として使用　上位がない場合はカラに設定
    //第三引数：int_disp	初期表示状態;上位カテゴリの最初のものだけ有効 S:表示、H:非表示
    //第四引数：tip_text	説明
    //第五引数：sort_mtd	ソート方法(省略時はN)
    //  O:古い順、N:新しい順、C:エントリタイトルのコード順昇順、D:降順
    //第六引数：num_show	表示エントリ数　省略時は10
    //num_sum/urlはあとで設定
    //=================================================================
    o.push( new cat2Array("正統派天幕生活" ,"活動記","S","正しいキャンプネタ","O",20));
    o.push( new cat2Array("自力系顛末記"   ,"活動記","S","くだらん自力系"    ,"O",20));
    o.push( new cat2Array("外道伝"         ,"活動記","S","何かやりました(^^;","O",20));
    o.push( new cat2Array("野外系品評会"   ,"道具箱","S","無駄遣い？"));
    o.push( new cat2Array("贋自転車愛好者" ,"道具箱","S","自転車系"));
    o.push( new cat2Array("興味本位珍評"   ,"道具箱","S","いろいろ"));
    o.push( new cat2Array("ＪＲ通勤型"     ,"鐵道愛好","H","","C",20));
    o.push( new cat2Array("ＪＲ近郊型"     ,"鐵道愛好","H","","C",20));
    o.push( new cat2Array("ＪＲ特急型"     ,"鐵道愛好","H","含急行型","C",20));
    o.push( new cat2Array("私鉄等車輌"     ,"鐵道愛好","H","","C"));
    o.push( new cat2Array("鐵道"           ,"寫眞展","H","ヘタクソ",""));
    o.push( new cat2Array("日常"           ,"寫眞展","H","ナニ撮ってるの？"));
    o.push( new cat2Array("道具愛好癖"     ,"戯言","H","隣に物欲大魔王(^^;","",5));
    o.push( new cat2Array("鐵道趣味独白"   ,"戯言","H","乗り鉄撮り鉄","",5));
    o.push( new cat2Array("電脳日記改造"   ,"戯言","H","カスタマイズ？","",5));
    o.push( new cat2Array("一覧性創生時"   ,"戯言","H","カテゴリー階層化など....","",5));
    o.push( new cat2Array("日常的出来事"   ,"戯言","H","雑言ですよ(^^;","",5));

    //=================================================================
    //開閉ボタン関係の指定
    // open_char	開状態の文字
    // close_char	閉状態の文字
    // hold_char	動作不能(サブカテゴリが無い場合)の文字
    //=================================================================
//簡易テキスト表示の場合
//    var open_char  = "(-)";
//    var close_char = "(+)";
//    var hold_char  = "(*)";
//画像表示の場合、<img>タグを指定
    var open_char  = '<img src="http://blog2.fc2.com/b/boseskinhead/file/minus.gif" border="0">';
    var close_char = '<img src="http://blog2.fc2.com/b/boseskinhead/file/plus.gif" border="0">';
    var hold_char  = '<img src="http://blog2.fc2.com/b/boseskinhead/file/hold.gif" border="0">';
    //=================================================================
    //ツリーに使うテキスト
    //tree_cnt		ツリーが続く場合のテキスト"├　"など
    //tree_end		ツリーが終わる場合のテキスト"└　"など
    //=================================================================
    var tree_cnt = "├　";
    var tree_end = "└　";
    var id_name  = "bz_category";

//以上、設定可能
//以下、いじらんでいいはず
    <!--category-->
    for(var i=0; i < o.length ; i++){
        if(o[i].btm_cate == "<%category_name>"){
            o[i].enumber = "<%category_count>";
            o[i].url = "<%category_link>";
            break;
        }
    }
    <!--/category-->

    para[id_name+"_o"] = _get_img_filename(open_char);
    para[id_name+"_c"] = _get_img_filename(close_char);
    document.write("<ul class=\"",id_name,"\" >");

    var i;
    var _ttl="";	//上位カテゴリー用
    var _btl="";	//下位カテゴリー用
    var i_num = 0;	//上位アイテム数/番号

//配列の設定
//btm_item	下位アイテム部分に表示するｈｔｍｌベタ
//top_item	上位アイテム部分に表示するｈｔｍｌベタ
//int_disp	初期表示状態;上位カテゴリの最初のものだけ有効 S:表示、H:非表示
//sort_mtd	ソート方法
//num_show	表示エントリ数

    for(i=0 ; i < o.length ; i++){
        _btl = "";    //下位カテゴリー空にしておく

        //上位カテゴリーが無い場合
        if(o[i].top_cate == ""){
            _ttl = "<li class=\"" + id_name + "\" >" + hold_char + "<a ";
            _ttl += o[i].url == "" ? "" : "href=\"" + o[i].url + "\" ";
            _ttl += "title=\""+ o[i].tip_text + "\">" + o[i].btm_cate + " (" + o[i].enumber + ")";
            _ttl += "</a></li>";
            cate.push(new item2Array(_ttl,o[i].int_disp,o[i].sort_mtd,o[i].num_show));
            ++i_num;
        //上位カテゴリーがある場合
        }else{
            //一番最初か、前のアイテムとは異なる上位アイテムの場合
            if(i==0 || o[i].top_cate != o[i-1].top_cate){
                _ttl = "<li class=\"" + id_name + "\" ><div id=\"top_" + id_name + i_num +"\">";
                _ttl += "<a href=javascript:m_Click_change('" + id_name + "','" + i_num + "')>";
                _ttl += open_char + "</a> " + o[i].top_cate;
                _ttl += "</div></li>";

                //ここから上位アイテムが変わるので、下位アイテムのidを変える
                _btl = "<dl><div id=\"btm_" + id_name + i_num + "\">";
            }
            //以上、上位カテゴリー情報セット////////////////////////////

            cate.push(new item2Array(_ttl,o[i].int_disp,o[i].sort_mtd,o[i].num_show));
            //cateの中に配列追加
            cate[i_num].btm_item = new Array();
            for(; i < o.length ; i++){
                //下位アイテムの表示//////////////////////////////////
                _btl += "<dd  class=\"" + id_name + "\">" + tree_cnt + "<a ";
                if(o[i].url != "" ) _btl += "href =\"" + o[i].url + "\" "
                _btl += "title=\"" + o[i].tip_text + "\">" + o[i].btm_cate + " (" + o[i].enumber + ")";
                _btl += "</a></dd>";

                //セクション最後のアイテムの場合〜終わり
                if(i+1 == o.length || (o[i].top_cate != o[i+1].top_cate)){
                    _btl = _btl.replace(tree_cnt,tree_end);
                    _btl += "</div></dl>";
                    cate[i_num].btm_item.push(_btl);
                    break;
                }else{
                    cate[i_num].btm_item.push(_btl);
                }
                _btl="";
            }
            //セクション番号を増やす
            ++i_num;
        }
    }
    tree_show(cate,id_name);
    document.write("</ul>");
}

pre_categorey();

</script>
<noscript>
<ul>
<!--category-->
<li &align><a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a></li>
<!--/category-->
</ul>
</noscript>