function TabChanger()
{
	//設定
	this.moveTime = 0.5; //動作時間
	this.cut      = 10;  //動作コマ数

	this.ChangerList	=	new Array();
	this.SlideList		=	new Array();
	this.lock			=	0;
	this.activeW;
	this.activeH;
	this.saveActive;
	this.saveActiveW;
	this.saveActiveH;

	this.setup	=	function (active)
	{
		elementList	=	document.getElementsByTagName("*");

		for(i=0;i<elementList.length;i++)
		{
			if(elementList[i].id.search(/^TabChanger(\d*)$/) != -1)
			{
				this.ChangerList[RegExp.$1]	=	elementList[i];
			}
			else if(elementList[i].id.search(/^TabSlide(\d*)$/) != -1)
			{
				this.SlideList[RegExp.$1]		=	elementList[i];
				elementList[i].style.display	=	"none";
			}
		}

		this.SlideList[active].style.position	=	"relative";
		this.SlideList[active].style.display	=	"block";
		this.SlideList[active].style.MozOpacity	=	1;
		this.SlideList[active].style.opacity	=	1;

		if(this.SlideList[active].style.filter != undefined)
		{
			this.SlideList[active].style.filter		=	"alpha(opacity=100)";

			elements	=	this.SlideList[active].getElementsByTagName("*");

			for(i=0;i<elements.length;i++)
			{
				elements[i].style.filter	=	"alpha(opacity=100)";
			}
		}

		this.saveActive	=	active;
		this.active(active);
	}

	this.active	=	function (active)
	{
		this.ChangerList[this.saveActive].className	=	"TabChangerClass";
		this.ChangerList[active].className			=	"TabChangerActiveClass";
	}

	this.change	=	function (active)
	{
		if(this.lock == 0 && active != this.saveActive)
		{
			this.active(active);

			this.lock	=	1;
			time		=	this.moveTime/this.cut*1000;

			this.SlideList[this.saveActive].style.position	=	"absolute";
			this.SlideList[this.saveActive].style.display	=	"block";

			this.SlideList[active].parentNode.insertBefore(this.SlideList[this.saveActive], this.SlideList[active]);

			this.SlideList[active].style.position	=	"relative";
			this.SlideList[active].style.display	=	"block";

			this.activeW		=	this.SlideList[active].offsetWidth;
			this.activeH		=	this.SlideList[active].offsetHeight;
			this.saveActiveW	=	this.SlideList[this.saveActive].offsetWidth;
			this.saveActiveH	=	this.SlideList[this.saveActive].offsetHeight;

			this.SlideList[active].style.width		=	(this.activeW >= this.saveActiveW)?	this.activeW+"px"	:	this.saveActiveW+"px";
			this.SlideList[active].style.height		=	(this.activeH >= this.saveActiveH)?	this.activeH+"px"	:	this.saveActiveH+"px";

			for(i=1;i<=this.cut;i++)
			{
				setTimeout('TabChanger.appear('+active+', '+i+');', time*i);
			}

			setTimeout('TabChanger.cleanup('+active+')', (this.moveTime*1000)+10);
		}
	}

	this.cleanup	=	function (active)
	{

		this.SlideList[active].style.width		=	this.activeW+"px";
		this.SlideList[active].style.height		=	this.activeH+"px";

		this.SlideList[this.saveActive].style.position	=	"absolute";
		this.SlideList[active].style.position			=	"relative";
		this.SlideList[this.saveActive].style.display	=	"none";
		this.SlideList[active].style.display			=	"block";

		this.lock		=	0;
		this.saveActive	=	active;
	}

	this.appear	=	function (active, i)
	{
		alpha	=	(100/this.cut)*i;
		this.SlideList[active].style.MozOpacity	=	alpha/100;
		this.SlideList[active].style.opacity	=	alpha/100;

		if(this.SlideList[active].style.filter != undefined)
		{
			this.SlideList[active].style.filter		=	"alpha(opacity="+alpha+")";

			elements	=	this.SlideList[active].getElementsByTagName("*");

			for(i=0;i<elements.length;i++)
			{
				elements[i].style.filter	=	"alpha(opacity="+alpha+")";
			}
		}

		alpha	=	100-alpha;
		this.SlideList[this.saveActive].style.MozOpacity	=	alpha/100;
		this.SlideList[this.saveActive].style.opacity		=	alpha/100;

		if(this.SlideList[this.saveActive].style.filter != undefined)
		{
			this.SlideList[this.saveActive].style.filter		=	"alpha(opacity="+alpha+")";

			elements	=	this.SlideList[this.saveActive].getElementsByTagName("*");

			for(i=0;i<elements.length;i++)
			{
				elements[i].style.filter	=	"alpha(opacity="+alpha+")";
			}
		}
	}
}

function TabChange(object)
{
	if(object.id.search(/^TabChanger(\d*)$/) != -1)
	{
		TabChanger.change(RegExp.$1);
	}
}

TabChanger	=	new TabChanger();

document.open();
document.write('\n<style type="text/css"><!--\n');
document.write('.TabSlideClass{-moz-opacity:0;opacity:0;filter:alpha(opacity=0);}\n');
document.write('.TabSlideClass *{filter:alpha(opacity=0);}\n');
document.write('--></style>\n');
document.close();