var flags=new Array();
var group=new Array();
var arrOffset=new Array();
//===========================================================================
function CreateGroup(Xoffset,Yoffset){
	args=CreateGroup.arguments;
	GroupName=args[2];
	arrOffset[GroupName]=new Array();
	arrOffset[GroupName][0]=parseInt(Xoffset);
	arrOffset[GroupName][1]=parseInt(Yoffset);
	group[GroupName]=new Array();
	
	for(i=2;i<args.length;i++){
		group[GroupName][i-2]=args[i];
	}
}
//===========================================================================
function SetFlag(GroupName,flag){
	for(i=0;i<group[GroupName].length;i++){
		flags[group[GroupName][i]]=flag;
	}
}
//===========================================================================
function GetLayerStyle(strLayerName){
	if(document.getElementById){
		divel=document.getElementById(strLayerName);
		return divel.style;
	}else if(document.all){
		return document.all.strLayerName.style;
	} else if(document.layers){
		return eval('document.'+strLayerName);
	}
}
//===========================================================================
var tout = 0;
function sdown(GroupName,act){
	if(group[GroupName]!=null){
	if(act=='visible'){
		SetFlag(GroupName,1);
	}else{
		SetFlag(GroupName,0);
	}
	eval ("tout = setTimeout(\"ShowHideGroup('"+GroupName+"','"+act+"');\",10)");
	}
}
//===========================================================================
function ShowHideGroup(GroupName,act){
	for(i=0;i<group[GroupName].length;i++){
		ShowHide(group[GroupName][i],act);
	}
}
//===========================================================================
function ShowHide(who_to,what_to){
	var toEval="";
	if(((flags[who_to]==1)&&(what_to=='visible'))||((flags[who_to]==0)&&(what_to=='hidden'))){
		divel=GetLayerStyle(who_to);
		divel.visibility=what_to;
		//alert(who_to+'.vis = '+divel.visibility);
	}
}
//===============================================
function getProp(strLayerName,propName){
	if(document.all){
		if(propName == 'height'){
			//getH(strLayerName);
			//alert(eval('document.all.'+strLayerName+'.offsetHeight'));
			return eval('document.all.'+strLayerName+'.offsetHeight');

		}else{
			return eval('document.all.'+strLayerName+'.style.'+propName);
		}
	}else if(document.getElementById){
		divel=document.getElementById(strLayerName);
		switch(propName){
			case 'top': return divel.style.top;break;
			case 'left':return divel.style.left;break;
			case 'height':return divel.offsetHeight;break;
			default:return divel.style.propName;
		}
	}else if(document.layers){
		switch(propName){
			case 'height':
				return eval('document.'+strLayerName+'.document.'+propName);
			break;
			default:
				return eval('document.'+strLayerName+'.'+propName);
		}
	}
}
//===========================================================================
function setProp(strLayerName,propName,newValue){
	if(document.getElementById && !document.all){
		divel=document.getElementById(strLayerName);
		switch(propName){
			case 'top': divel.style.top=newValue+"px";break;
			case 'left':divel.style.left=newValue+"px";break;
			case 'background': document.getElementById(strLayerName).style.backgroundColor=newValue.substr(1);break;
			default :divel.style.propName=newValue;
		}
	}else if(document.all){
		eval('document.all.'+strLayerName+'.style.'+propName+'='+newValue);
	}else if(document.layers){
		switch(propName){
			case 'background': 			
				eval('document.'+strLayerName+'.bgColor='+newValue);
			break;
			default :
			eval('document.'+strLayerName+'.'+propName+'='+newValue);
		}
	}
}
//===========================================================================
function MovGroup(GroupName,X,Y){
	//alert('moving '+GroupName+' to '+X+':'+Y);
	var tempX=0;
	var tempY=0;
	for(j=0;j<group[GroupName].length;j++){
		tempX=parseInt(getProp(group[GroupName][j],'left'));
		tempX+=X;
		setProp(group[GroupName][j],'left',tempX);
		tempY=parseInt(getProp(group[GroupName][j],'top'));
		tempY+=Y;
		setProp(group[GroupName][j],'top',tempY);
		tempX=0;
		tempY=0;
	}
}
//===========================================================================
function movMenu(oLink,GroupName){
	if(group[GroupName]!=null){
	var linkX,linkY,layerX,layerY,newX,newY;
	linkX=getX(oLink);
	linkY=getY(oLink);
	layerX=getProp(GroupName,'left');
	layerY=getProp(GroupName,'top');
	newX=linkX-parseInt(layerX);
	//alert('newX('+newX+') = linkX('+linkX+')-'+'layerX('+parseInt(layerX)+')');
	newX+= arrOffset[GroupName][0];
	newY=linkY-parseInt(layerY);
	newY+= arrOffset[GroupName][1];
	//if(document.getElementById && !document.all)newY-=3;
	MovGroup(GroupName,newX,newY);
	}
}
//===========================================================================
function LayerVisibility(divName,visib){
	divel=GetLayerStyle(divName);
	divel.visibility=visib;
}
//===============================================
function OrderM(){
	var newY=0;
	var prev='';
	var prevSub='';
	var ditem='';
	for(ditem in group){
		/*if(prev!=''){
			newY = parseInt(getProp(prev, 'top'))+parseInt(getProp(prev, 'height'));
			setProp(ditem,'top',newY);
			//setProp(ditem,'visibility','\'visible\'');
		}
			divel=GetLayerStyle(ditem);
			divel.visibility='visible';
			*/
		prev = ditem;
		for(x=0;x<group[ditem].length;x++){
			if(prevSub!=''){
				newY = parseInt(getProp(prevSub, 'top'))+parseInt(getProp(prevSub, 'height'));
				setProp(group[ditem][x],'top',newY);			
			}else{
				newY = parseInt(getProp(ditem, 'top'));
				setProp(group[ditem][x],'top',newY);			
			}
			prevSub = group[ditem][x];
		}
		prevSub = '';
		
	}
}
//----------------------------------------
	function emergency(grp){
		
		divel=GetLayerStyle(grp);
		divel.visibility='hidden';
	}
//----------------------------------------
	function khide(toHide){
		if(toHide){
			sdown(toHide, 'hidden');
		}
		if(activeGroup){
			sdown(activeGroup,'visible');
			/*clearTimeout(tout);
			divel=GetLayerStyle(activeGroup);
			divel.visibility='visible';*/
		}
	}
 //---------------------------------------
	function kshow(toShow){
		
		if(activeGroup){
			sdown(activeGroup,'hidden');
			/*clearTimeout(tout);
			divel=GetLayerStyle(activeGroup);
			divel.visibility='hidden';*/
		}
		if(toShow){
			sdown(toShow, 'visible');
		}
	}
//############################################################################################################
CreateGroup(-21, 0, "L2tab1");
CreateGroup(-21, 0, "L2tab2");
//CreateGroup(-214, -125, "L2tab3");
CreateGroup(-21, 0, "L2tab3");
//CreateGroup(-214, -125, "L2tab4");
CreateGroup(-21, 0, "L2tab4");
var activeGroup = false;
function MoveAll(){
	movMenu(document.images['tab1'],'L2tab1');
	movMenu(document.images['tab2'],'L2tab2');
	movMenu(document.images['tab3'],'L2tab3');
	movMenu(document.images['tab4'],'L2tab4');
	//alert(document.getElementById('tab1'));
	//movMenu(document.getElementById('tab1'),'L2tab1');
	/*movMenu(document.links['tab2'],'L2tab2');
	movMenu(document.links['tab3'],'L2tab3');
	movMenu(document.links['tab4'],'L2tab4');*/
}
//window.onresize = MoveAll;