/* 
 * ----------------------------------------------------------------
 * BrandSelection
 * [Description]
 *	カテゴリーテーブル画面効果の定義
 *  This library is required "prototype.js".
 *  ※アイテムサーチを流用
 
 * [Date]
 *	2009/09/07 ver0.1
 *
 * ----------------------------------------------------------------
 */

/*

	[Global Variables]
	sh_categoryTable	: カテゴリーテーブルのid属性名
	searchform			: 検索フォームの名前.カテゴリー名
	headname			: カテゴリーテーブルのid属性名の接頭字，aタグのclass属性名
	
 */
 
// ---------------------------------------------------------------- 

//
// Global Variables
//
var sh_categoryTable = "left_column";
var searchform ="search.category1";
var headname = "ca";

// ----------------------------------------------------------------
// Class CategoryTree
// ----------------------------------------------------------------
function CategoryTree(){}
CategoryTree.prototype = {

	// effect_init()
	// 初期処理，イベントセットなど
	effect_init: function() {
		var cate1 = $(sh_categoryTable).getElementsByTagName("div");
		for (var i = 0 ; i < cate1.length ; i++) {
			if (cate1[i].id) {
				var obj = cate1[i].getElementsByTagName("span");
				obj[0].name = cate1[i].id;
				Event.observe(obj[0], 'click', catetree.middleCateViewOn, true);	
			}
		}
	},
	
	// middleCateViewOn(event,value)
	// 第２カテゴリー表示イベントハンドラ
	middleCateViewOn: function(event) {
		if (!this) {
			return false;
		}
		// 表示切り替え
		var target = document.getElementsByClassName(this.name, $(this.name));
		if(target[0]){
			if ((target[0].style.display).match(/NONE/i)) {
				new Effect.BlindDown(target[0], {duration:0.2});
			} else {
				new Effect.BlindUp(target[0], {duration:0.2});
			}
		}
	}

}

// オブジェクト生成
var catetree = new CategoryTree();
// 初期処理
window.onload = catetree.effect_init;