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].onmouseover = 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();	
				}
			}
		}
	}
}