JUGEM ロリポブログ ツリーメニュー化スクリプト(折畳みバージョン)
	対応:カテゴリーリスト、アーカイブリスト
	カスタマイズ:TaddyBeer
	元ネタ:
		//カテゴリーリストでサブカテゴリーがあるっぽく表示する
		//ツリー化スクリプト ver 2 edit by stroll

インストール方法
(1)スクリプトをHEAD部に挿入します。
	</head>の前行がいいでしょう。
(2)スクリプトをBODY部の最後部に挿入します。
	</body>の前行りがいいでしょう
	(1)(2)共、挿入位置を間違えると動かない可能性があります。
	この部分の makeTreeElements() と createTreeList() はセットです。
	カテゴリーかアーカイブ、どちらか不要な時はセットで削除してください。
(3)body部のタグを次のように変更します。
	カテゴリーリストをツリー化する場合
		{category_list} を
		<div id="categorylist">{category_list}</div> に書き換えます。
	アーカイブリストをツリー化する場合
		{archives_list} 又は、{archives_list2ex} を
		<div id="archiveslist">{archives_list}</div> に書き換えます。
		注意 {archives_list2ex} は使えません。必ず上のように書いてください。
		日本語の年月が嫌な時は、function readTreeElements の中身を直してください
(4)カテゴリーをサブカテゴリー化するには、カテゴリーを作成する時サブカテゴリーを半角()で囲んでください。
	四季の花(春の花)
	四季の花(夏の花)
	四季の花(秋の花)
	四季の花(冬の花)
	というカテゴリーを作ると。
        四季の花(18)
        ├春の花(8)
        ├夏の花(3)
        ├秋の花(5)
        └冬の花(2)
という具合になります。
(5)これで準備完了です。
残念なことは、エントリーを開くとページが開く為、初期化されて開いたツリーが閉じてしまうことです。
cookieでも使えばいいのでしょうが･･･使いたくないので暫くこれで。


----------<次行から HEAD部にコピー>----------
<script type="text/javascript" Language="JavaScript">
<!--
// 変数宣言
var gTreeOption = new Array;
gTreeOption['sort'] = false;		// ツリー内の表示順 true:並び替える false:そのまま
gTreeOption['list'] = ' ├ ';		// ツリー用マーク(通常)
gTreeOption['end']  = '└ ';		// ツリー用マーク(末端)
gTreeOption['leef'] = '<br />\n';	// 各枝の末尾
gTreeOption['top']  = '<br />\n';	// ツリー本体の最初
gTreeOption['btm']  = '';		// ツリー本体の最後
gTreeOption['num']  = 0;		// ()の中身の数の合計数（値を変更しないでください）
var cTreeList = new Array();		// カテゴリーツリーの要素
var cTreeListNum = new Array();		// カテゴリーツリーの要素合計
var cTreeOpenSW = new Array();		// カテゴリーツリーの状態フラグ　true=open false=close
var aTreeList = new Array();		// アーカイブツリーの要素
var aTreeListNum = new Array();		// アーカイブツリーの要素合計
var aTreeOpenSW = new Array();		// アーカイブツリーの状態フラグ　true=open false=close

// メニューコントロール
function PullDownMenu(tName){
	var retPos = tName.indexOf('-',0);
	var tmiD = tName.substring(retPos + 1);
	if (tName.indexOf('category') > -1) {
		cTreeOpenSW[tmiD] = !cTreeOpenSW[tmiD];
		createTreeList('categorylist',gTreeOption);  // ツリーの再構成
	} else if (tName.indexOf('archive') > -1) {
		aTreeOpenSW[tmiD] = !aTreeOpenSW[tmiD];
		createTreeList('archiveslist',gTreeOption);  // ツリーの再構成
	}
}

// 元々のリストを読み込む
function readTreeElements(idName,objList) {
	if (!objList.innerHTML) return;
	var objLink = objList.getElementsByTagName('a')[0];
	var linkUrl = objLink.getAttribute('href');
	var tmpText = objList.innerHTML;

	if (idName.indexOf('category') > -1) {
		if ( tmpText.match(/>(.+)\((.+)\).+(\s\(.+\))/) ) { // サブカテゴリーあり
			this.base = Array(RegExp.$1).join('');
			this.elem = Array('<a href="',linkUrl,'"> ',RegExp.$2, '</a>', RegExp.$3).join('');
		} else { // サブカテゴリーなし
			this.base = Array('<a href="',linkUrl,'">',tmpText,'</a>').join('');
			this.elem = 'null';
		}
	} else if (idName.indexOf('archive') > -1) {
		tmpText.match(/\((\d+)\)/);
		var tmpCnt = Array(' (', RegExp.$1, ')').join('');
		tmpText = objLink.innerHTML;
		tmpText.match(/(.+) (\d+)/);
		this.base = Array(RegExp.$2,'年').join('');
		tmpMonth = '';
		if (RegExp.$1 == 'January') {
			tmpMonth = '01月';
		} else if (RegExp.$1 == 'February') {
			tmpMonth = '02月';
		} else if (RegExp.$1 == 'March') {
			tmpMonth = '03月';
		} else if (RegExp.$1 == 'April') {
			tmpMonth = '04月';
		} else if (RegExp.$1 == 'May') {
			tmpMonth = '05月';
		} else if (RegExp.$1 == 'June') {
			tmpMonth = '06月';
		} else if (RegExp.$1 == 'July') {
			tmpMonth = '07月';
		} else if (RegExp.$1 == 'August') {
			tmpMonth = '08月';
		} else if (RegExp.$1 == 'September') {
			tmpMonth = '09月';
		} else if (RegExp.$1 == 'October') {
			tmpMonth = '10月';
		} else if (RegExp.$1 == 'November') {
			tmpMonth = '11月';
		} else if (RegExp.$1 == 'December') {
			tmpMonth = '12月';
		} else {
			tmpMonth ='??月';
		}
		this.elem = Array('<a href="',linkUrl,'">',this.base,tmpMonth,'<\/a>', tmpCnt).join('');
	}
	return this;
}

//　元リストからツリー要素を作成(最初に一回だけ)
function makeTreeElements(idName) {
	var objFocus = this.document.getElementById(idName);
	if (!objFocus) return;
	if (!objFocus.innerHTML) return;
	var objLists = objFocus.getElementsByTagName('li');
	if (idName.indexOf('category') > -1) {
		var tList = cTreeList;
		var tListNum = cTreeListNum;
		var tOpenSW = cTreeOpenSW;
	} else if (idName.indexOf('archive') > -1) {
		var tList = aTreeList;
		var tListNum = aTreeListNum;
		var tOpenSW = aTreeOpenSW;
	}

	if (objLists.length > 0) {
		for (i=0;i<objLists.length;i++) {  // メニュー要素読込
			var chckFlag = true;
			var elemText = new readTreeElements(idName,objLists[i]);
			if (!elemText.base || !elemText.elem) return;
			for (j=0;j<tList.length;j++) {
				if (tList[j].base.indexOf(elemText.base) > -1) {
					chckFlag = false;
					tList[j][tList[j].length] = elemText.elem;
				}
			}
			if (chckFlag) {
				var tmpNum = tList.length;
				tList[tmpNum] = new Array();
				tList[tmpNum][0] = elemText.elem;
				tList[tmpNum].base = elemText.base;
				tOpenSW[tmpNum] = false;
			}
		}
		if (tList.length > 0) {  // 要素数を合計(親メニュー後部に要素合計を追加するため)
			for (i=0;i<tList.length;i++) {
				tListNum[i] = 0;
				for (j=0;j<tList[i].length;j++) {
					if (tList[i][j] != 'null' && tList[i][j].match(/\s\((.+)\)/)) {
						tListNum[i] = tListNum[i] + parseInt(RegExp.$1);
					}
				}
			}
		}
	}
	if (idName.indexOf('category') > -1) {
		cTreeList = tList;
		cTreeListNum = tListNum;
		cTreeOpenSW = tOpenSW;
	} else if (idName.indexOf('archive') > -1) {
		aTreeList = tList;
		aTreeListNum = tListNum;
		aTreeOpenSW = tOpenSW;
	}
}

// ツリー要素からHTMLを作る
function createTreeList(idName,option) {
	var objFocus = this.document.getElementById(idName);
	if (!objFocus) return;
	if (!objFocus.innerHTML) return;
	var outText = new Array();
	var tempDispNum = '';
	var tempTreeName = '';

	if (idName.indexOf('category') > -1) {
		var tList = cTreeList;
		var tListNum = cTreeListNum;
		var tOpenSW = cTreeOpenSW;
	} else if (idName.indexOf('archive') > -1) {
		var tList = aTreeList;
		var tListNum = aTreeListNum;
		var tOpenSW = aTreeOpenSW;
	}
	if (tList.length > 0) {
		outText[outText.length] = '<ul>\n';
		for (i=0;i<tList.length;i++) {
			tempDispNum = '';
			if ((idName == 'categorylist'|| idName == 'archiveslist') && tListNum[i] > 0) {
	tempDispNum = ' ('+tListNum[i]+')';
			}
			tempTreeName = idName + '-' + i;
			if (tList[i] != 'null') { 
				outText[outText.length] = Array('<li>','<a href="javascript:PullDownMenu(\'',tempTreeName,'\')">',tList[i].base,'</a>',tempDispNum,option.top).join('');
				outText[outText.length] = Array('<div id="',tempTreeName,'" style="display:').join('');
				if (tOpenSW[i]) {
					outText[outText.length] = 'block">\n';
				} else {
					outText[outText.length] = 'none">\n';
				}
			} else { 
				outText[outText.length] = Array('<li>',tList[i].base,tempDispNum,option.top).join(''); 
			}
			if (tList[i].length > 0 && option.sort) tList[i].reverse();

			for (j=0;j<tList[i].length;j++) {
				if (tList[i][j] != 'null') {
					outText[outText.length] = (j == tList[i].length - 1) ? option.end : option.list;
					outText[outText.length] = Array(tList[i][j],option.leef).join('');
				}
			}
			if (tList[i] != 'null') {
				outText[outText.length] = '</div>\n';
			}
			outText[outText.length] = Array(option.btm,'</li>').join('');
		}
		outText[outText.length] = '</ul>\n';
		objFocus.innerHTML = outText.join('');
	}
}
// -->
</script>
----------<前行まで、HEAD部にコピー>----------

----------<次行から、BODY部最後部にコピー>----------
<script type="text/javascript" Language="JavaScript">
<!--
makeTreeElements('archiveslist');		// アーカイブメニュー項目読込
createTreeList('archiveslist',gTreeOption);	// アーカイブリストのツリー化
makeTreeElements('categorylist');		// カテゴリメニュー項目読込
createTreeList('categorylist',gTreeOption);	// カテゴリリストのツリー化
// -->
</script>
----------<前行まで、BODY部最後部にコピー>----------