var interval;
AnimationItem		= new Array();
AnimationItemOldTop = new Array();
AnimationItemNewTop = new Array();
AnimationItemOldLeft = new Array();
AnimationItemNewLeft = new Array();


var AnimationItemCount=0;
var AnimationFrameCount;
var AnimationFrameRun;
function startInterval(){interval = window.setInterval("tTimer()",30);AnimationFrameRun=1;}
function TabstopInterval()
	{
	window.clearInterval (interval);interval="";
	if(call_back) 
		{

		call_back(call_back_var);
		}
	//alert(1);
	}
function RegisterItem(e,ntop,nleft) // e as style collection
{
if(e==0 && nleft==0)
	{
	AnimationFrameCount=parseInt(ntop,10);
	if(AnimationItemCount)
		startInterval();
	return;
	}
if(ntop== parseInt(e.top,10) && nleft == parseInt(e.left,10)) return;
AnimationItem[AnimationItemCount]		 = e;
AnimationItemNewLeft[AnimationItemCount] = parseInt(nleft,10);
AnimationItemNewTop[AnimationItemCount]  = parseInt(ntop,10);
AnimationItemOldLeft[AnimationItemCount] = parseInt(e.left,10);
AnimationItemOldTop[AnimationItemCount]  = parseInt(e.top,10);
AnimationItemCount++;
}

function tTimer()
			{
			for(var x=0;x<AnimationItemCount;x++) //>
				{
				var a=AnimationItemNewLeft[x]-AnimationItemOldLeft[x];
				var b=AnimationItemNewTop[x]-AnimationItemOldTop[x];
				var e=AnimationItem[x];
				a=parseInt((a*AnimationFrameRun)/AnimationFrameCount,10);
				b=parseInt((b*AnimationFrameRun)/AnimationFrameCount,10);
				e.left=AnimationItemOldLeft[x]+a;
				e.top =AnimationItemOldTop[x]+b;
				}
			AnimationFrameRun++;
			if(AnimationFrameRun>AnimationFrameCount) 
				TabstopInterval();
			}


function TabLoadNew(){	
						AddTabBox(GetVal(CurrentSlot,"Tabs",1),GetVal(CurrentSlot,"TabPerRow",1),GetVal(CurrentSlot,"TabHeight",1));
						
						}
function TabAddNew(){AddTabBox(4,2,30,0);}

function TabSetProprty(y2,x2)
					{
					SetArrayVal(CurrentSlot,y2,x2);
					//alert(y2+ "  " + x2)
					if(y2=="Tabs")
						AddTabBox(0,0,0,0);
					TabBoxrRefresh();
					return(1);
					}



function TabUpdatePrefix(sl)
			{
			var x2x;

			Tabs=GetVal(sl,"Tabs",1);

			x2x="<select id='SetPrefix' name='2ComponentAdd' onchange=UpDateIdlist()><OPTION value='Obj'>Obj</OPTION>";
			for(var x=0;x<Tabs;x++)
				x2x=x2x+"<OPTION value='TAB"+x+"'>TAB"+x+"</OPTION>"
			for(var x=0;x<Tabs;x++)
				x2x=x2x+"<OPTION value='CAP"+x+"'>CAP"+x+"</OPTION>"
			x2x+="</select>"

			PropertyArray = new Array("TabCaption|:string:","Tab|:number","Tabs|:number","LCurve|1|0","RCurve|1|0","InactiveTabBkColor|:color:","TabColor|:color:","TabTxtColor|:color:","TabInactiveTxtColor|:color:","Portrait|1|0","TabOpenStyle|slide|flip","TabFlip|1|0","CapWidth|0|:number:","CapOffset|0|:string:",
			"TabHeight|:number","TabPerRow|:number","TabOffset|:number:","VTabOffset|:number");
			PropertyArray=CommonProperty.concat(PropertyArray);
			return(x2x);
			} // updtate the list box

function TabSetStyle(sl,prefix,TheStyle,v)	
			{
			var OBJJ=Nb+sl;
			if(prefix!="Obj")
			OBJJ+=prefix;

			if(TheStyle=="FormatedText")
				SetFormatText(OBJJ,v);
			else SetStyleID(OBJJ,TheStyle,v);
			}

function TabUpdatePrpopVal(sl,prefix)
			{
			var OBJJ=Nb+sl;
				if(prefix!="Obj")
					OBJJ+=prefix;
			return(OBJJ);
			}


FUNCTON_ARRAY[8][3]=TabSetStyle;
FUNCTON_ARRAY[8][4]=TabUpdatePrefix;
FUNCTON_ARRAY[8][6]=TabUpdatePrpopVal;

FUNCTON_ARRAY[8][0]=TabAddNew;
FUNCTON_ARRAY[8][1]=TabLoadNew;
FUNCTON_ARRAY[8][2]=TabSetProprty;
FUNCTON_ARRAY[8][5]=TabBoxrRefresh;


function AddTabBox(Tabs,TabPerRow,TabHeight,loadNew) /*******************************/
			{
			var Content=Nb+CurrentSlot;
			var OldTabs;
			x1=Id2Style(Content);

			var q=CurrentSlot;

			


			if(TabPerRow && TabHeight && Tabs)  //if this is the new one
					{
					x2="Tabs=" +Tabs + "|TabPerRow="+TabPerRow+"|TabHeight="+TabHeight+"|Tab=0|LCurve=1|RCurve=1|InactiveTabBkColor=#C0C0C0|TabColor=#E8E8D8|TabCaption=Tab1,Tab2,Tab3,Tab4|TabTxtColor=#000|TabInactiveTxtColor=#000|Portrait=1|TabOpenStyle=slide|TabFlip=0|TabOffset=4|VTabOffset=8|"
					if(loadNew==0)
						ToMaster2(q,x2);

					}
			else
				{
				Tabs		=GetVal(q,"Tabs",1);
				TabPerRow	=GetVal(q,"TabPerRow",1);
				TabHeight	=GetVal(q,"TabHeight",1);
				Tabs		=GetVal(q,"Tabs",1);
				}
			if(Tabs==0)
				{
				alert("can not create a Tab element");
				return;
				}
	




			GetThumbPos(Content);

			x2="";

			for(x1=Tabs-1;x1>=0;x1-=1) 
				{
	
				y1=TabTabText;y2=y1.replace("TAB",Content+ "TAB" +x1);x2=x2+y2;
				y1=TabCapText;y2=y1.replace("CAP",Content+ "CAP" +x1);
				y1=y2.replace("<center>content","");y1=y1.replace("overflow:hidden","overflow:visible")
				y1=y1.replace(">"," onclick='TabClick("+ x1+","+ CurrentSlot+")' onmousedown='TabDown("+ x1 +","+CurrentSlot+")'>");

				x2=x2+y1;


				y1=TabCapText+"</div>";y1=y1.replace("<center>content",""); // drop the content
				y1=y1.replace("height:23px;","height:2px;"); // set the height
				y2=y1.replace("CAP",Content+ "TOP4"+x1);
				y2=y2.replace("border-top-style:none;","border-top-style:groove;"); x2=x2+y2;
				y2=y1.replace("CAP",Content+ "TOP3"+x1);x2=x2+y2;
				y2=y1.replace("CAP",Content+ "TOP2"+x1);x2=x2+y2;
				y2=y1.replace("CAP",Content+ "TOP1"+x1);x2=x2+y2+"</div></div>";
				//alert(x2);

				}
			document.getElementById(Content).innerHTML =x2;
			//alert(x2);

			}



function TabBoxrRefresh()/*******************************/
		{
		var q=CurrentSlot;
		var Content=Nb+q;
		GetThumbPos(Content);;m2-=3;n2-=3;
		if(m2<50 || n2<50) {SetStyleID(Content,"overflow","hidden");return;}
		TabCaptions=new Array();
		var Tab;
		var TabWidth;
		var TabMod;
		var cur_l;
		var cur_w;


		var NumTabRow;


		var TabOffset	=GetVal(q,"TabOffset",0);
		var VTabOffset	=GetVal(q,"VTabOffset",1);
		if(TabOffset.length==0) // undefined    this  should not be here any more
			{
			TabOffset=4;
			VTabOffset=8;
			ToMaster2(q,"TabOffset=4|VTabOffset=8|");
			}
		else TabOffset=parseInt(TabOffset,10);

		//alert(TabOffset+ " " + VTabOffset);


		var Tabs				=GetVal(q,"Tabs",1);
		var TabPerRow			=GetVal(q,"TabPerRow",1);
		var TabHeight			=GetVal(q,"TabHeight",1);
		var Tab					=GetVal(q,"Tab",1);
		var Portrait 			=GetVal(q,"Portrait",1);
		var TabFlip				=GetVal(q,"TabFlip",1);
		var CapWidth			=GetVal(q,"CapWidth",1);
		var LCurve				=GetVal(q,"LCurve",1);
		var RCurve				=GetVal(q,"RCurve",1);
		var InactiveTabBkColor	=GetVal(q,"InactiveTabBkColor",0);
		var TabTxtColor			=GetVal(q,"TabTxtColor",0)
		var TabInactiveTxtColor	=GetVal(q,"TabInactiveTxtColor",0)
		var TabOpenStyle		=GetVal(q,"TabOpenStyle",0)
		var TabColor			=GetVal(q,"TabColor",0)

		var RealTabPerRow=TabPerRow; 

		if(RealTabPerRow>=Tabs) RealTabPerRow=Tabs;

		x1=0;
		CapOffset=new Array();
						
		n2=GetVal(q,"CapOffset",0);
		if(n2.length) {CapOffset=n2.split(",");x1=CapOffset.length;}
		for(var rr=x1;rr<Tabs;rr++)//>
			CapOffset[rr]=0;



		n2=GetVal(q,"TabCaption",0);		TabCaptions=n2.split(",");

		CurrentRealParent=Content+"TAB"+Tab;
			try {x1=TOP_LEFT_ARRAY[CurrentSlot][0][0].length}
			catch(e)
				{
				TOP_LEFT_ARRAY[CurrentSlot]=new Array();
				TOP_LEFT_ARRAY[CurrentSlot][0]=new Array();
				TOP_LEFT_ARRAY[CurrentSlot][1]=new Array();
				x1=0;
				}
	
			for(x1=x1;x1<Tabs;x1++)
				{
				TOP_LEFT_ARRAY[CurrentSlot][0][x1]=new Array(4);
				TOP_LEFT_ARRAY[CurrentSlot][1][x1]=new Array(4);
				}

	
			NumTabRow="";
			for(x1=0;x1<Tabs;x1++)//>   SET CAPTION *******************
				{
				if(x1>=TabCaptions.length)
					TabCaptions[x1]="Tab"+(x1+1);
				SetFormatText(Content+"CAP"+x1,TabCaptions[x1])
				if(x1)
					NumTabRow+=",";
				NumTabRow+=TabCaptions[x1]
				}
			SetArrayVal(q,"TabCaption",NumTabRow);

			NumTabRow=parseInt(Tabs/TabPerRow,10);
			if(Tabs%TabPerRow) NumTabRow++;
			TAB_TOP=new Array();
			for(x1=0;x1<Tabs;x1++) //>
				{
				TAB_TOP[x1]	=parseInt(x1/TabPerRow,10);
				}

			GetThumbPos(Content);m2-=3;n2-=3;
		if(CapWidth==0)
			{
			if(Portrait)
				{
				TabWidth=(m2-(Tabs*TabOffset))/TabPerRow;TabWidth=parseInt(TabWidth,10);
				x1=(m2-(Tabs*TabOffset))%TabPerRow;
				if(x1)
					{
					SetStyleID(Content,"width",m2+3-x1);
					}

				}
			else
				{
				TabWidth=(n2-(Tabs*TabOffset))/TabPerRow;TabWidth=parseInt(TabWidth,10);
				x1=(n2-(Tabs*TabOffset))%TabPerRow;
				if(x1)
					{
					SetStyleID(Content,"height",n2+3-x1);
					}
				}
			}
		else
			{
			TabWidth=CapWidth;
			}
		GetThumbPos(Content);m2-=3;n2-=3;

		TabCaptions.length=0;
	//********* This is done to build the array for quick jaca code at client side ***********
			GetThumbPos(Content);m2-=3;n2-=3;
			if(!Portrait) { x1=n2;n2=m2;m2=x1;}

			var PanelHeight=n2-(NumTabRow*(TabHeight+6))+3;

	
	
			if(RealTabPerRow>1)
				PanelHeight-=(VTabOffset*(RealTabPerRow-1));

			var UD=TOP_LEFT_ARRAY[CurrentSlot];
			var UDT;
			y2=TabHeight;
			if(LCurve==0 &&RCurve==0)		
				y2+=4;
	
			UD[2]=Tabs;
			UD[3]=PanelHeight;
			UD[4]=0;
			if((Portrait && TabFlip) || (!Portrait && !TabFlip))
				UD[3]*=-1;
			if(!Portrait) 
				{
				x1=UD[3];UD[3]=UD[4];UD[4]=x1;
				}


			for(x1=0;x1<Tabs;x1++) //>
				{
				UDT=UD[1][x1];
				UDT[0]=-(y2+1);					// CAP top
				UDT[1]=(((TabWidth)*(x1%TabPerRow)))-3;	// CAP left
				UDT[2]=y2+1;					// CAP Height
				UDT[3]=TabWidth;					// CAP Width

		

				if((Portrait && TabFlip) || (!Portrait && !TabFlip))
					{
					UDT[0]=PanelHeight-(UDT[2]+UDT[0])-6 // CAP TOP
					UDT[0]=PanelHeight+TabHeight-6;
					}

				if(!Portrait) // swap top left sswap width height
					{
					y1=UDT[0];UDT[0]=UDT[1];UDT[1]=y1;
					y1=UDT[2];UDT[2]=UDT[3];UDT[3]=y1;
					}
				if(Portrait)
					UDT[1]+=parseInt(CapOffset[x1],10);
				else
					UDT[0]+=parseInt(CapOffset[x1],10);
				}
	

			//for(var tt=0;tt<Tabs;tt++) //>
			for(var tt=0;tt<1;tt++) //>
				{
				var real_offset=TabHeight+6;
				for(x1=0;x1<Tabs;x1++) //>
					{
					var uu=((VTabOffset*(RealTabPerRow-1-(x1%RealTabPerRow))));
					UDT=UD[tt][x1];
			
					//UDT[3]=m2;								// TAB width
					//UDT[2]=PanelHeight;	// TAB height
					//UDT[0]=(NumTabRow-TAB_TOP[x1])*(real_offset)+uu;; // top
					//UDT[1]=3;    //left

					UDT[3]=m2-(Tabs*TabOffset);		// TAB width
					UDT[2]=PanelHeight+real_offset;	// TAB height
					UDT[0]=(NumTabRow-TAB_TOP[x1])*(real_offset)+uu;; // top
					UDT[1]=3+(x1*TabOffset) ;    //left



					if(tt>x1) 
						UDT[0]+=UDT[2]; // top-=width;

					//if(TabFlip*Portrait==1)
					if((Portrait && TabFlip) || (!Portrait && !TabFlip))
						{
						UDT[0]=(n2+3)-(UDT[2]+UDT[0]); //TAP TOP
						}
					if(!Portrait) // swap top left swap width height
						{
						y1=UDT[0];UDT[0]=UDT[1];UDT[1]=y1;
						y1=UDT[2];UDT[2]=UDT[3];UDT[3]=y1;
						}

					}
				}
	
			if(Portrait)
				{
				UD[4+10]="none groove groove groove";
				UD[4+1]="none groove none groove";
				}
			else
				{
				UD[4+10]="groove none groove groove";
				UD[4+1]="groove none groove none";
				}
			UD[4+2]="Tabs";
			UD[4+3]=Tabs;
			UD[4+4]=TabColor;
			UD[4+5]=TabTxtColor;
			UD[4+6]=InactiveTabBkColor;
			UD[4+7]=TabInactiveTxtColor;
			UD[4+9]=TabOpenStyle;



			GetThumbPos(Content);m2-=3;n2-=3;
			var a1,a2,a3,a4,b1,b2,b3,b4;
			a1=a2=a3=a4=b1=b2=b3=b4="groove";
			if(Portrait) { b1=b3="none";if(!TabFlip) a3="none"; else a1="none";}
			else { if(!TabFlip) a4="none"; else a2="none"; b2=b4="none"}
	
			TabPosition(Tab,CurrentSlot,0);

			for(x1=0;x1<Tabs;x1++)
				{
				var y6=Id2Style(Content+"CAP"+x1);
				x2=Id2Style(Content+"TAB"+x1);
				x3=Id2Style(Content+"CAP"+x1);
				UDT=UD[0][x1];
				if(UDT[2]>=0)
				x2.height	=UDT[2];
				if(UDT[3]>=0)
				x2.width	=UDT[3];


		
				UDT=UD[1][x1];

		
		

				x3.top		=UDT[0];
				x3.left		=UDT[1];
				x3.height	=UDT[2];
				x3.width	=UDT[3];

				y6.overflow="visible";
				y6.borderStyle=b1+" " + b2 +" " + b3 +" " +b4;
				if(LCurve==0 &&RCurve==0) 
					{
					y6.borderStyle=a1+" " + a2 +" " + a3 +" " +a4;
					y6.overflow="hidden";
					}
		
				var y3=parseInt(GetStyleID(Content+"CAP"+x1,"width"),10);
				var y5=parseInt(GetStyleID(Content+"CAP"+x1,"height"),10);

				for(y2=1;y2<=4;y2++)
					{
					var y4=Content+"TOP"+y2;
					y4=y4+x1;
					y4=Id2Style(y4);

					if(y2==4)   y4.borderStyle=a1+" " + a2 +" " + a3 +" " +a4;
						else	y4.borderStyle=b1+" " + b2 +" " + b3 +" " +b4;

					if(Portrait)
						{
						y4.top	=-y2+"px";
						y4.left	=(y2*LCurve)-3;
						//alert(y3 + " " + y2 + " " + LCurve + " " +RCurve);
						y4.width	=y3-((y2*LCurve)+(y2*RCurve)); 
						y4.height	="2px";
						if(TabFlip)
							{
							y4.top=y5-(2-y2);
							}
						}
					else
						{
						y4.top		=(y2*LCurve)-2;
						y4.left		= y3+y2-1;
						y4.width	="2px";
						y4.height	=y5-((y2*LCurve)+(y2*RCurve))+"px";	
						if(TabFlip)
							{
							y4.left=y3-(y3+y2+1);
							}
						}
					}
				}
	


		CapOffset.length=0;

		return;

		}
function TabColapse(Tab,sl,anim)
		{
		//if(!TestMode) return;
		var Content=Nb+sl;
		down=0;


		if(Tab<0)
		Tab				=GetVal(sl,"Tabs",1)-1;
		var Portrait 	=GetVal(sl,"Portrait",1);
		var TabFlip		=GetVal(sl,"TabFlip",1);



		GetThumbPos(Content+"TAB"+Tab);
		n2=TOP_LEFT_ARRAY[sl][3]; // vertical Add
		m2=TOP_LEFT_ARRAY[sl][4]; // horizontal Add


		AnimationItemCount=0;
		for(var x=0;x<=Tab;x++)
			{
			x2=Id2Style(Content+"TAB"+x);
			if(anim)
				RegisterItem(x2,TOP_LEFT_ARRAY[sl][0][x][0]+n2,TOP_LEFT_ARRAY[sl][0][x][1]+m2);
			else
				{
				x2.top =TOP_LEFT_ARRAY[sl][0][x][0]+n2;
				x2.left=TOP_LEFT_ARRAY[sl][0][x][1]+m2;
				}
			}
		call_back=ClippingDIV;
		call_back_var=sl;
		//if(Portrait) x1=n2/15;
		//else x1=m2/15;
		//x1=parseInt(x1);
		RegisterItem(0,10,0);
		//ClippingDIV(sl);

		}

function ClippingDIV(sl)
		{
		var Content=Nb+sl;
		GetThumbPos(Content);
		var XX=m2;var YY=n2;




		var TabHeight	=GetVal(sl,"TabHeight",1);
		var Tab			=GetVal(sl,"Tabs",1)-1;
		var Portrait 	=GetVal(sl,"Portrait",1);
		var TabFlip		=GetVal(sl,"TabFlip",1);



		GetThumbPos(Content+"TAB"+Tab);
		if(Portrait)
			{
			m1=0;m2=XX;
			if(!TabFlip) {n1-=TabHeight;n2=YY;	}
				else{n2+=n1;n1=0;n2+=TabHeight;	}
			}
		else
			{
			n1=0;n2=YY;
			if(!TabFlip) {m2+=m1;m1=0;m2+=TabHeight;}
				else	{ m2=XX;m1-=TabHeight;}
			}
		SetStyleID(Content,"clip","rect(" +n1+ "px, "+m2+"px, "+n2+"px, "+ m1+ "px)");
		}



function TabDown(Tab,sl)
		{
		if(!TestMode) return;
		var Content=Nb+sl;

		MoveObj[0]=document.getElementById(Content+"TAB"+Tab);


		MoveObj[10]=GetVal(sl,"Tabs",1);

		MoveObj[11]=Tab;


		var TabHeight	=GetVal(sl,"TabHeight",1);
		var TabPerRow	=GetVal(sl,"TabPerRow",1);
		var Portrait 	=GetVal(sl,"Portrait",1);
		var TabFlip		=GetVal(sl,"TabFlip",1);





		MoveObj[14]=XXpos ; MoveObj[15]=YYpos;
		//if(Tab==MoveObj[10]-1) return;
		MoveObj[0]=document.getElementById(Content+"TAB"+Tab);
		GetThumbPos(Content+"TAB"+Tab);
		var n3=TOP_LEFT_ARRAY[sl][3]; // vertical Add
		var m3=TOP_LEFT_ARRAY[sl][4]; // horizontal Add
		if(n3<0) n3*=-1;
		if(m3<0) m3*=-1;
		if(Portrait)
			{
			MoveObj[1]=m1; // left
			MoveObj[2]=m2;//width
			MoveObj[3]=TOP_LEFT_ARRAY[sl][0][Tab][0];
			if(TabFlip)
			MoveObj[3]-=n2;
			MoveObj[4]=n2+n3; // height
			}
		else
			{
			MoveObj[3]=n1; // top
			MoveObj[4]=n2; //height
			MoveObj[1]=TOP_LEFT_ARRAY[sl][0][Tab][1]-m2; // left
			if(TabFlip)
				MoveObj[1]+=m2;
			MoveObj[2]=m2+m3;
			}
		var x= Id2Style(Content+"TAB"+Tab);
		MoveObj[5]=XXpos-parseInt(x.left,10);
		MoveObj[6]=YYpos-parseInt(x.top,10);
		MoveObj[7]=parseInt(x.width,10)
		MoveObj[8]=parseInt(x.height,10);
		MoveObj[9]=TabMove;
		MoveObj[10]=sl;
		MoveObj.length=16;
		down=1;
		}
function TabMove(sl)
		{
		var Tab=parseInt(MoveObj[11],10);
		var TabHeight	=GetVal(sl,"TabHeight",1);
		var Tabs		=GetVal(sl,"Tabs",1);
		var Portrait 	=GetVal(sl,"Portrait",1);
		var TabFlip		=GetVal(sl,"TabFlip",1);


		var Content		=Nb+sl+"TAB";

		var c_top;
		var c_top2;
		var a_p="top";
		var a_c=0;
		x1=Tab;
		//if(Tab<=1)
		if(!TabFlip) TabFlip=-1;
		if(!Portrait){TabFlip*=-1;a_c=1;a_p="left";}

		while(Tab<Tabs-1) //>
			{
			c_top =TOP_LEFT_ARRAY[sl][0][Tab][a_c]-TOP_LEFT_ARRAY[sl][0][Tab+1][a_c];
			y1=parseInt(GetStyleID(Content+Tab,a_p),10);
			Tab=Tab+1;
			c_top2 =y1-parseInt(GetStyleID(Content+Tab,a_p),10);
			if(TabFlip*(c_top2-c_top)<=0) break;
			SetStyleID(Content+Tab,a_p,(y1-c_top));
			}
		Tab=x1;
		while(Tab) 
			{
			c_top =TOP_LEFT_ARRAY[sl][0][Tab][a_c]-TOP_LEFT_ARRAY[sl][0][Tab-1][a_c];
			//alert(3);
			y1=parseInt(GetStyleID(Content+Tab,a_p),10);
			Tab=Tab-1;
			c_top2 =y1-parseInt(GetStyleID(Content+Tab,a_p),10);
			if(TabFlip*(c_top2-c_top)>=0) break;
			SetStyleID(Content+Tab,a_p,(y1-c_top));
			}

		ClippingDIV(sl);
		}


function TabPosition(Tab,sl,ani)
		{
		var Tabs=TOP_LEFT_ARRAY[sl][2];
		var Content=Nb+sl;
		var a=Id2Style(Content);
		a.clip="rect(0px,"+a.width+","+a.height+",0px)";

		n1=TOP_LEFT_ARRAY[sl][3]; // vertical Add
		m1=TOP_LEFT_ARRAY[sl][4]; // horizontal Add

		for(x1=0;x1<Tabs;x1++) //> 
			{
			var color_set;
			x2=Id2Style(Content+"TAB"+x1);
			x3=Id2Style(Content+"CAP"+x1);
			if(x1==Tab)
				{
				x2.zIndex=1;
				x2.backgroundColor=TOP_LEFT_ARRAY[sl][4+4];
				x3.color=TOP_LEFT_ARRAY[sl][4+5];
				color_set=TOP_LEFT_ARRAY[sl][4+4];
				}
			else
				{
				x2.zIndex=1;
				x2.backgroundColor=TOP_LEFT_ARRAY[sl][4+6];
				x3.color=TOP_LEFT_ARRAY[sl][4+7];
				color_set=TOP_LEFT_ARRAY[sl][4+6];
				}
			
			x3.borderStyle=TOP_LEFT_ARRAY[sl][4+1];
			SetStyleID(Content+"CAP"+x1, "backgroundColor",color_set);
			SetStyleID(Content+"TOP4"+x1,"backgroundColor",color_set);
			SetStyleID(Content+"TOP3"+x1,"backgroundColor",color_set);
			SetStyleID(Content+"TOP2"+x1,"backgroundColor",color_set);
			SetStyleID(Content+"TOP1"+x1,"backgroundColor",color_set);
			
			n2=TOP_LEFT_ARRAY[sl][0][x1][0];
			m2=TOP_LEFT_ARRAY[sl][0][x1][1]
			if(x1<Tab) {n2+=n1;m2+=m1;}
			if(ani)
				RegisterItem(x2,n2,m2);
			else
				{
				x2.top=n2;
				x2.left=m2;
				}
			}
		}







									//> SET TAB CLICK*******************
function TabClick(Tab,sl)
		{
		var Tabs;
		if(Papa.style.zIndex==6) return;
		if(MoveObj[14]==XXpos && MoveObj[15]==YYpos) ;else return;
		AnimationItemCount=0;
		TabPosition(Tab,sl,1);
		call_back=ClippingDIV;
		call_back_var=sl;
		if(AnimationItemCount)
			RegisterItem(0,10,0);
		else
			TabColapse(Tab,sl,1);
		}