var tab_select = new Array();
function init_tab(tabid) {
	var list_li = document.getElementById('middle').getElementsByTagName('LI');
	var select_idx =tab_select.length;

	for(var i=0;i<list_li.length;i++) {
		if(list_li[i].className!='') {
			if(list_li[i].className.match(tabid+'[0-9]+')) {
				var re = new RegExp('([0-9]+)');
				var reArray=re.exec(list_li[i].className);
				list_li[i].select_idx=select_idx;
				list_li[i].id='tab_'+select_idx+'_'+RegExp.$1;
				if(!tab_select[select_idx]) tab_select[select_idx]=list_li[i];
				list_li[i].getElementsByTagName('A')[0].href='#none';
				list_li[i].getElementsByTagName('A')[0].onclick = function() {
					tab_select[this.parentNode.select_idx].className = tab_select[this.parentNode.select_idx].className.replace(' on','');
					tab_select[this.parentNode.select_idx].getElementsByTagName('IMG')[0].src = tab_select[this.parentNode.select_idx].getElementsByTagName('IMG')[0].src.replace('_on','_off');
					this.parentNode.className = this.parentNode.className.replace(' on','');
					this.parentNode.className = this.parentNode.className + ' on';
					tab_select[this.parentNode.select_idx]=this.parentNode;
					this.getElementsByTagName('IMG')[0].src=this.getElementsByTagName('IMG')[0].src.replace('_off','_on');
				}
				list_li[i].getElementsByTagName('A')[0].onfocus = function() {
					this.onclick();	
				}
			}
		}
	}
}


function init_tab_normal(tabid) {
	var list_li = document.getElementById(tabid).getElementsByTagName('LI');

	for(var i=0;i<list_li.length;i++) {
		if(list_li[i].getElementsByTagName('UL')[0]) {
			if(list_li[i].getElementsByTagName('A')[0].parentNode.className=='on') {
				
				document.getElementById(tabid).select_tab_node = list_li[i].getElementsByTagName('A')[0].parentNode;
			}
			list_li[i].getElementsByTagName('A')[0].tabid = tabid;
			list_li[i].getElementsByTagName('A')[0].onclick = function() {
				if(document.getElementById(this.tabid).select_tab_node) {
					document.getElementById(this.tabid).select_tab_node.className = '';	
				}
				this.parentNode.className = 'on';	
				document.getElementById(this.tabid).select_tab_node = this.parentNode;
			}
			list_li[i].getElementsByTagName('A')[0].onfocus = function() {
				this.onclick();	
			}
		}
		
	}
}

/* img_on change */
function init_tab_normal_img(tabid) {
	var list_li = document.getElementById(tabid).getElementsByTagName('LI');

	for(var i=0;i<list_li.length;i++) {
		if(list_li[i].getElementsByTagName('A')[0].parentNode.className=='on') {
			document.getElementById(tabid).select_tab_node = list_li[i].getElementsByTagName('A')[0].parentNode;
		}
		list_li[i].getElementsByTagName('A')[0].tabid = tabid;
		list_li[i].getElementsByTagName('A')[0].onclick = function() {
			if(this.parentNode.parentNode.id == tabid){ // 서브 ul li a의 링크 오류 수정
				if(document.getElementById(this.tabid).select_tab_node) {
					document.getElementById(this.tabid).select_tab_node.className = '';	
					document.getElementById(this.tabid).select_tab_node.getElementsByTagName('IMG')[0].src = document.getElementById(this.tabid).select_tab_node.getElementsByTagName('IMG')[0].src.replace('_on.gif','.gif');
				}
				this.parentNode.className = 'on';	
				document.getElementById(this.tabid).select_tab_node = this.parentNode;
				this.parentNode.getElementsByTagName('IMG')[0].src = this.parentNode.getElementsByTagName('IMG')[0].src.replace('.gif','_on.gif');
				return false;
			}
		}
		list_li[i].getElementsByTagName('A')[0].onfocus = function() {
			this.onclick();	
		}
	}
}