var isIE=(navigator.appVersion.toLowerCase().indexOf("msie")!=-1)?true:false;
	var tabBtnsArr = new Array();
	var tabBtnsClasses = new Array();
	var tabBtnsEventTypes = new Array();
	var tabBtnContentAreas = new Array();
	var tabCurrentSelectedTabs = new Array();
	function initTabArr(){
		
		for(var i=0;i<tabBtnsArr.length;i++){
			for(var j=0;j<tabBtnsArr[i].length;j++){				
				var temp1 = "";
				var temp2 = "";	
				var temp3 = "";
				var temp4 = "'"+tabCurrentSelectedTabs[i]+"'";
				for(var k=0;k<tabBtnsArr[i].length;k++){
					temp1 += "'" + tabBtnsArr[i][k];			
					temp2 += "[ '" + tabBtnsClasses[i][k][0] + "', '" + tabBtnsClasses[i][k][1] + "' ]";
					temp3 += "'" + tabBtnContentAreas[i][k];		
					if(k+1<tabBtnsArr[i].length) {
						temp1 += "',";
						temp2 += ",";
						temp3 += "',";
					} else {
						temp1 += "'";
						temp2 += "";
						temp3 += "'";
					}	
				}
				
				var cmd = tabBtnsArr[i][j] + "Config = [ [ " + temp1 + " ] , [ " + temp2 + " ] , [ " + temp3 + " ], " + temp4 + " ];";
			
				eval(cmd);	
				
				var btnObj = document.getElementById(tabBtnsArr[i][j]);
				var conObj = document.getElementById(tabBtnContentAreas[i][j]);
				if(isIE){
					btnObj.attachEvent("on"+tabBtnsEventTypes[i],fnTabChg);
					attachEventToChildren(btnObj,"on"+tabBtnsEventTypes[i],fnTabChg)
				}else {					
					btnObj.addEventListener(tabBtnsEventTypes[i],fnTabChg,false);
				}				
				if(j==0){					
					conObj.style.display = '';
					if(btnObj.tagName=='IMG'){
						btnObj.src = tabBtnsClasses[i][j][1];
						
					}else{
						btnObj.className = tabBtnsClasses[i][j][1];
					}
					eval(tabCurrentSelectedTabs[i]+" = '"+btnObj.id+"'");
				}else{					
					conObj.style.display = 'none';
					if(btnObj.tagName=='IMG'){
						btnObj.src = tabBtnsClasses[i][j][0];
					}else{
						btnObj.className = tabBtnsClasses[i][j][0];
					}
					
				}
			}																
		}
	}
	function attachEventToChildren(eventNode,eventName,callbackFn){
		if(eventNode.hasChildNodes){
			var childNodes = eventNode.childNodes;
			for(var i=0;i<childNodes.length;i++){
				if(childNodes[i].tagName){
					childNodes[i].attachEvent(eventName,callbackFn);
					attachEventToChildren(childNodes[i],eventName,callbackFn);
				}							
			}
		}
	}
	function validTabIdcjh(idStr){
		var isValid = false;
		for(var i=0;i<tabBtnsArr.length;i++){
			for(var j=0;j<tabBtnsArr[i].length;j++){
				if(idStr==tabBtnsArr[i][j]) {
					isValid = true;
					break;					
				}
			}
			if(isValid) break;
		}
		return isValid;
	}
	function fnTabChgById(tabObjId){
		var tabObj = document.getElementById(tabObjId);
		if(!validTabIdcjh(tabObj.id)) {
			if(isIE){
				if(tabObj.parentNode){
					fnTabChgById(tabObj.parentNode.id);					
				}
			}
			return;
		}
		var tabConfig = eval(tabObjId+"Config");
		
		for(var i=0;i<tabConfig[0].length;i++){
			var tempObj = document.getElementById(tabConfig[0][i]);
			var temp2Obj = document.getElementById(tabConfig[2][i]);
			if(tempObj==tabObj){
				temp2Obj.style.display = '';
				if(tempObj.tagName=='IMG'){
					tempObj.src = tabConfig[1][i][1];
				}else{
					tempObj.className = tabConfig[1][i][1];
				}
				eval(tabConfig[3] + " = '" + tempObj.id+"'" );
			}else{
				temp2Obj.style.display = 'none';
				if(tempObj.tagName=='IMG'){
					tempObj.src = tabConfig[1][i][0];
				}else{
					tempObj.className = tabConfig[1][i][0];
				}
			}			
		} 
	}
	function fnTabChg(oEvent){
		var tabObj;
		if(isIE) {
			tabObj = oEvent.srcElement;
		}else {
			tabObj = oEvent.currentTarget; 
		}
		if(!validTabIdcjh(tabObj.id)) {
			if(isIE){
				if(tabObj.parentNode){
					fnTabChgById(tabObj.parentNode.id);
					
				}
			}
			return;
			
		}
		var tabConfig = eval(tabObj.id+"Config");
		
		for(var i=0;i<tabConfig[0].length;i++){
			var tempObj = document.getElementById(tabConfig[0][i]);
			var temp2Obj = document.getElementById(tabConfig[2][i]);
			if(tempObj==tabObj){
				temp2Obj.style.display = '';
				if(tempObj.tagName=='IMG'){
					tempObj.src = tabConfig[1][i][1];
				}else{
					tempObj.className = tabConfig[1][i][1];
				}
				eval(tabConfig[3] + " = '" + tempObj.id+"'" );
			}else{
				temp2Obj.style.display = 'none';
				if(tempObj.tagName=='IMG'){
					tempObj.src = tabConfig[1][i][0];
				}else{
					tempObj.className = tabConfig[1][i][0];
				}
			}			
		}
	}
	
	// filedownload layer( need attach_layer division)
	function attach_file_download(seq,boardId,oEvent,boardType) {
			lw = 360;
			lh = 117;
			mx = oEvent.clientX;
			my = oEvent.clientY;
			bw = document.body.clientWidth;
			bh = document.body.clientHeight;
			document.getElementById('attach_layer').innerHTML = "";
			dx = mx - lw;
			if((my + lh + 8) > bh) dy = my - lh + document.body.scrollTop;
			else dy = my + document.body.scrollTop - 3;
			
			document.getElementById('attach_layer').style.top     = dy;
			document.getElementById('attach_layer').style.left    = dx;
			document.getElementById('attach_layer').style.display = "";
			var attachScript = document.createElement('script');
			attachScript.id = 'attach_layer_script';
			document.body.appendChild(attachScript);
			attachScript.src="/portal/beans/" + boardType + "/jsp/file_view.jsp?portletid="+ boardId +"&seq=" + seq;
	}
		
	function nextTab(tabId){
		var tabConfig = eval(tabId+"Config");
		var tabList = tabConfig[0];
		var curTab  = eval(tabConfig[3]);
		for(var i=0;i<tabList.length;i++){
			if(curTab==tabList[i]){
				if((i+1)==tabList.length){
					fnTabChgById(tabList[0]);
					break;
				}else {
					fnTabChgById(tabList[i+1]);
					break;
				}
			}
		}
	}
	
	function preTab(tabId){
		var tabConfig = eval(tabId+"Config");
		var tabList = tabConfig[0];
		var curTab  = eval(tabConfig[3]);
		for(var i=0;i<tabList.length;i++){
			if(curTab==tabList[i]){
				if(i==0){
					fnTabChgById(tabList[tabList.length-1]);
					break;
				}else {
					fnTabChgById(tabList[i-1]);
					break;
				}
			}
		}
	}