/*
change log

2007.01.12 : 두번 클릭 시 안보이게 하는 기능 추가
2007.01.19 : 전역변수 생성자에서 선언하게 변경
             for문을 쓰지 않고 선택된 부분과 전에 선택된 두개만 변경하도록 수정
2007.01.20 : 이벤트 객체 이미지 롤오버 추가
             이벤트 객체에 스타일 클래스 추가할 수 있도록 수정
2007.01/30 : multi를 array로 add했을때 해당 array안에 있는 레이어들 전부 동일한 이벤트 일어날 수 있도록 수정
bbs_view
	string		method		선택	이벤트 타입 : click(onclick), roll(onmouseover)
	boolean		isClose		선택	이벤트 일어났을 경우 타겟을 닫을것인지 확인
	string		_tab		선택	이벤트가 일어날 객체
	boolean		img_chg		선택	이벤트가 일어날 객체가 이미지일 경우 rollover 할것인지

	add
		string		id		필수	이벤트 발생 시 해당 보여줄 객체 id
		string		url		선택	이벤트 발생 시 해당 객체가 이미 선택되어있는 상태일 경우에 이동될 주소
		string		multi	선택	이벤트 발생 시 
*/
bbs_view = function(method, isClose, _tab, img_chg) {
	this.itemCount  = 0;
	this.item       = new Array();
	this.idType     = new Array();
	this.selectedId = null;
	this.isClose    = isClose ? true : false;
	this.closed     = true;
	this.method     = method ? method : 'click';
	this._tab       = _tab ? _tab : '_tab';
	this.img_chg    = img_chg ? true : false;
	this.tab_className  = '';
	this.default_className = '';
	this.defaultAction = 'this.view(id);';
	this.mode = 'both';

	if(this.img_chg) {
		this.img_var_init();
	}
}
bbs_view.prototype.add = function(id, url, multi) {
	var classObj = this;
	var url_     = url ? url : null;
	var obj = id;
	var thisType = 'string';
	if(this.mode == 'both') {
		if(typeof multi == 'object') {
			obj = new Array();
			thisType = 'array';
			obj['count'] = multi.length;
			obj['obj'] = new Array();
			for(var i=0; i<obj['count']; i++) {
				obj['obj'][i] = el_id(multi[i]);
				obj['obj'][i].style.display = 'none';
			}
		} else {
			thisType = 'string';
			obj = el_id(id);  // 이벤트 발생 시 나타나는 레이어 객체
			obj.style.display = 'none';
		}
	}
	var obj_tab  = el_id(id+this._tab);  // 이벤트 발생할 객체

	obj_tab.className = this.default_className;
	if(this.item[id] == undefined) {
		this.item[id] = new Array(url_, obj, obj_tab, id, thisType);
	}

	if(this.img_chg) {
		var outImg = new Image(), onImg = new Image();
		var returnImg = new Array();

		outImg.src = obj_tab.src.replace(this.onSearch, this._off + "$1");
		onImg.src  = outImg.src.replace(this.offSearch, this._on + "$1");

		obj_tab.setAttribute('outsrc', outImg.src);
		obj_tab.setAttribute('onsrc', onImg.src);
	}

	// onclick이나 onmouseover 시 실행될 스크립트
	// 추가하려면 obj_tab 부분 태그에 thisAction 이라는 attr 추가( ex:thisAction="alert('a');" )
	if(this.method == 'click') {
		obj_tab.evtAction = obj_tab.onclick;
		obj_tab.onclick = function() {
			classObj.action(this, id);
			/*
			eval(classObj.defaultAction); // 기본적으로 선택한 객체에 해당하는 레이어 보여주기
			if(this.thisAction) {
				eval(this.thisAction);
			}
			*/
		}
	} else if(this.method == 'roll') {
		obj_tab.evtAction  = obj_tab.onmouseover;
		obj_tab.onmouseover = function() {
			classObj.action(this, id);
			/*
			eval(classObj.defaultAction);
			if(this.thisAction) {
				eval(this.thisAction);
			}
			*/
		}
	}
}
bbs_view.prototype.action = function(obj, id) {
	if(this.defaultAction) {
		eval(this.defaultAction);
		//this.view(id);
		var objAction = obj.getAttribute('thisAction');
		if(objAction) {
			eval(objAction);
		}
	}
	try {
		if(typeof(obj.evtAction) != 'undefined') { obj.evtAction(); }
	}
	catch (e) { }
}
bbs_view.prototype.view = function(id) {
	try {
		var selId = this.selectedId;
		var selItem = this.item[selId];
		if(id == selId) {
			if(this.isClose == true && this.closed == false) {
				this.closed = true;
				if(selItem[4] == 'array') {
					for(var i=0; i<selItem[1]['count']; i++) {
						selItem[1]['obj'][i].style.display = 'none';
					}
				} else if(selItem[1] != undefined && !selItem[1]) {
					selItem[1].style.display = 'none';
				}
				selItem[2].className = this.default_className;
				if(this.img_chg) {
					selItem[2].src = selItem[2].getAttribute('outsrc');
				}
				return;
			} else {
				this.closed = false;
				if(selItem[4] == 'array') {
					for(var i=0; i<selItem[1]['count']; i++) {
						selItem[1]['obj'][i].style.display = '';
					}
				} else if(selItem[1] != undefined && !selItem[1]) {
					selItem[1].style.display = '';
				}
				selItem[2].className = this.tab_className+' '+this.default_className;
				if(selItem[0]) {
					document.location.href = selItem[0];
					return;
				}
				if(this.img_chg) {
					selItem[2].src = selItem[2].getAttribute('onsrc');
				}
				return;
			}
		}
		if(selId != undefined) {
			if(selItem[4] == 'array') {
				for(var i=0; i<selItem[1]['count']; i++) {
					selItem[1]['obj'][i].style.display = 'none';
				}
			} else if(selItem[1] != undefined && selItem[1]) {
				selItem[1].style.display = 'none';
			}
			selItem[2].className = this.default_className;
			if(this.img_chg) {
				selItem[2].src = selItem[2].getAttribute('outsrc');
			}
		}

		this.closed = false;
		if(this.img_chg) {
			this.item[id][2].src = this.item[id][2].getAttribute('onsrc');
		}
		if(this.item[id] != undefined) {
			if(this.item[id][4] == 'array') {
				for(var i=0; i<this.item[id][1]['count']; i++) {
					this.item[id][1]['obj'][i].style.display = '';
				}
			} else if(this.item[id][1] != undefined && this.item[id][1]) {
				this.item[id][1].style.display = '';
			}
		}
		this.item[id][2].className = this.default_className+' '+this.tab_className;
		this.selectedId = id;
	} catch (e) {
		alert(e);
	}
}
bbs_view.prototype.img_var_init = function() {
	this.img_chg = true;
	this._on = this._on != undefined ? this._on : '_on';
	this._off = this._off != undefined ? this._off : '_off';
	this.extReg = "(\.[^\.]+)$"; // 확장자와 구분자를 분류하는 정규식
	this.onSearch = new RegExp(this._on + this.extReg);
	this.offSearch = new RegExp(this._off + this.extReg);
}