/* 
	tab JS

*/

var d = document;
function _id(element){return d.getElementById(element);}
function _tag(element,passTag){if(arguments.length == 1){return d.getElementsByTagName(arguments[0]);}else{if(typeof element == "string"){return _id(element).getElementsByTagName(passTag);}else{return element.getElementsByTagName(passTag);}}}
function _css(element,prop){var el,read_css;el = element;if(!d.defaultView){read_css = el.currentStyle[prop];}else{read_css = d.defaultView.getComputedStyle(el,null).getPropertyValue(prop);}return read_css;}

//탭버튼 선택한 li 만 클래스 on으로 변경
function tabControl_type01(m,el){var wrap = _id(el);var lists = _tag(wrap,"li");for(var i = 0; i < lists.length; i++){lists[i].className = "";}m.parentNode.className = "on";}

//탭버튼 선택한 li 만 클래스 on으로 변경하고, 안에 들어있는 이미지명 끝에 "_on" 으로 변경
function imgTab_type01(m,el){
    var wrap = _id(el);
    var lists = _tag(wrap,"li");
    for(var i = 0; i < lists.length; i++){
        lists[i].className = "";
        var imgs = _tag(lists[i],"img")[0];
        imgs.src = imgs.src.replace("_on.gif",".gif");
    }
    m.parentNode.className = "on";
    _tag(m,"img")[0].src = _tag(m,"img")[0].src.replace(".gif","_on.gif");
}

//탭버튼 선택한 li 만 클래스 on으로 변경
function tabControl_type02(m,el){var wrap = _id(el);var lists = _tag(wrap,"li");for(var i = 0; i < lists.length; i++){lists[i].className = "";}m.parentNode.className = "on";}

//탭버튼 선택한 li 만 클래스 on으로 변경하고, 안에 들어있는 이미지명 끝에 "_on" 으로 변경
function imgTab_type02(m,el){var wrap = _id(el);var lists = _tag(wrap,"li");for(var i = 0; i < lists.length; i++){lists[i].className = "";var imgs = _tag(lists[i],"img")[0];imgs.src = imgs.src.replace("_on.gif",".gif");}m.parentNode.className = "on";_tag(m,"img")[0].src = _tag(m,"img")[0].src.replace(".gif","_on.gif");}


// Tab Content
function initTabMenu(tabContainerID) {
	var tabContainer = document.getElementById(tabContainerID);
	var tabAnchor = tabContainer.getElementsByTagName('a');
	var current;

	for(i = 0, cnt = tabAnchor.length; i < cnt; i++) {
		tabAnchor.item(i).onclick = function () {
			this.targetEl = document.getElementById(this.href.split('#')[1]);
			this.imgEl = this.getElementsByTagName('img').item(0);

			if (this == current) {
				return false;
			}

			if (current) {
				current.targetEl.style.display = 'none';
				if (current.imgEl) {
					current.imgEl.src = current.imgEl.src.replace('_on.gif', '.gif');
				} else {
					current.className = current.className.replace(' on', '');
				}
			}
			this.targetEl.style.display = 'block';
			if (this.imgEl) {
				this.imgEl.src = this.imgEl.src.replace('.gif', '_on.gif');
			} else {
				this.className += ' on';
			}
			current = this;

			return false;
		};
	}
	tabAnchor.item(0).onclick();
}