var numTabPan = '1';
var contentOff = 'tabPanelSect_off';
var contentOn = 'tabPanelSect_on';
var user_ChildId = '';
var user_CurrenElementId = '';
var user_timeout_id = 0;

function tabPaneClick(strId, strContent, strNum, allNum){

	for(var i=1;i<=allNum;i++){
		
		var nameID = document.getElementById(strId + '' + i);
		var nameDivContent = document.getElementById(strContent + '' + i);
		var nameClassOn = strId + '' + i + '_on';
		var nameClassOff = strId + '' + i + '_off';
		if(i==strNum){
			nameID.className = nameClassOn;
			nameDivContent.className = contentOn;
			numTabPan = i;
			continue;
		}
		nameID.className = nameClassOff;
		nameDivContent.className = contentOff;
	}
	
}
function tabPaneOver(strId, strContent, strNum){
	var nameID = document.getElementById(strId + '' + strNum);
	var nameClass = strId + '' + strNum + '_on';
	var nameDivContent = document.getElementById(strContent + '' + strNum);

	if(numTabPan != strNum){
		nameID.className = nameClass;
	}
}
function tabPaneOut(strId, strContent, strNum){
	var nameID = document.getElementById(strId + '' + strNum);
	var nameClass = strId + '' + strNum + '_off';
	var nameDivContent = document.getElementById(strContent + '' + strNum);

	if(numTabPan != strNum){
		nameID.className = nameClass;
	}
}
function layercatover(CurrenElementId, ChildId)
{	
	clearTimeout(user_timeout_id);
	if (user_CurrenElementId != '' && user_CurrenElementId != CurrenElementId)
	{
		var oUser_ChildId = document.getElementById(temp_ChildId);
		if (oUser_ChildId)
		{
			oUser_ChildId.className = "layer-root-catalog-off";
		}
	}
	
	user_ChildId = ChildId;
	user_CurrenElementId = CurrenElementId;

	if (CurrenElementId == undefined)
	{
		return false;
	}

	if (ChildId != '')
	{
		var oUserId = document.getElementById(ChildId);
		if (oUserId)
		{
			oUserId.className = "layer-root-catalog";
		}
	}
}
function layercatout(CurrenElementId, ChildId)
{
			
	if (CurrenElementId == undefined)
	{
		return false;
	}

	if (ChildId != '')
	{
		var oUserId = document.getElementById(ChildId);
		if (oUserId)
		{
			user_timeout_id = setTimeout(function (){oUserId.className = "layer-root-catalog-off"}, 2000);
		}
	}
}
function layercatclick(strId){
	var SUserId1 = document.getElementById('layer-komp');
	var SUserId2 = document.getElementById('layer-catid');
	var SUserId3 = document.getElementById('layer-shop');
	
	if(strId == 'layer-komp'){
		SUserId1.className = "layer-root-catalog";
		SUserId2.className = "layer-root-catalog-off";
		SUserId3.className = "layer-root-catalog-off";
	}else if(strId == 'layer-catid'){
		SUserId1.className = "layer-root-catalog-off";
		SUserId2.className = "layer-root-catalog";
		SUserId3.className = "layer-root-catalog-off";
	}else if(strId == 'layer-shop'){
		SUserId1.className = "layer-root-catalog-off";
		SUserId2.className = "layer-root-catalog-off";
		SUserId3.className = "layer-root-catalog";
	}
}
function lrstover(strId){
	var SUserId = document.getElementById(strId);
	SUserId.className = "lrst-d1-on";
}
function lrstout(strId){
	var SUserId = document.getElementById(strId);
	SUserId.className = "lrst-d1-off";
}