/*
 ToggleElements Class v1.0
 update 2007.06.21
 create K.Kubonaka 
*/

function ToggleElements(group, group_elm, inner, inner_elm, btn_type, arg) {
	this.groupName = group;
	this.innerName = inner;
	this.groupElm = group_elm;
	this.innerElm = inner_elm;
	this.btnArray = [];
	this.innerArray = [];
	this.btnType = btn_type;
	this.btnArg = arg;
	
	this.init();
}

var _ToggleElements = ToggleElements.prototype;


//:::::::::::::::::::::::::::::::
// 初期化

_ToggleElements.init = function() {
	var inner_array = document.getElementsByTagName(this.innerElm);
	
	activeBtn();
	
	for (var i = 0, ln = inner_array.length; i < ln; i++) {
		if (inner_array[i].className.indexOf(this.innerName) >= 0) {
			this.innerArray.push(inner_array[i]);
		}
	}
	
	var gp_array = document.getElementsByTagName(this.groupElm);
	
	for (var i = 0, ln = gp_array.length; i < ln; i++) {
		if (gp_array[i].className.indexOf(this.groupName) >= 0) {
			var btn_elm = new BtnElement(gp_array[i], this.btnType, this.btnArg);
			this.btnArray.push(btn_elm);
		}
	}
	
	this.changeElement(0);
};


//:::::::::::::::::::::::::::::::
// イベントセット

_ToggleElements.setEvent = function(btn_elm, id) {
	var me = this;
	var elm = btn_elm.elm;
	btn_elm.setEvent();
	elm.onclick = function() {
		me.changeElement(id);
	};
};


//:::::::::::::::::::::::::::::::
// 選択要素

_ToggleElements.doSelect = function(btn_elm, id) {
	var me = this;
	var elm = btn_elm.elm;
	btn_elm.doSelect();
	elm.onclick = null;
};


//:::::::::::::::::::::::::::::::
// インナー要素切替

_ToggleElements.changeElement = function(id) {
	for (var i = 0, ln = this.btnArray.length; i < ln; i++) {
		if (i == id) {
			this.doSelect(this.btnArray[i], i);
		} else {
			this.setEvent(this.btnArray[i], i);
		}
	}
	
	for (var i = 0, ln = this.innerArray.length; i < ln; i++) {
		var style = (i == id) ? "displayOn" : "displayOff";
		this.innerArray[i].setAttribute("class", style);
		this.innerArray[i].setAttribute("className", style);
	}
};

function activeBtn(){
	
	var activeBtn = $(".actBtn");

 activeBtn.click(function()
		{
			
			for (var i = 0; activeBtn.length > i; i++){
				var clear =  activeBtn[i].src.replace("_act", "_off");
				activeBtn[i].setAttribute("src",clear);	
			}	
			
			var setImg = this.src.replace("_on", "_act");
			$(this).attr("src",setImg);
		});	
}