var movetrig = new Array();
for (var i = -90; i <= 90; i += 10)
{
	movetrig.push((Math.sin(i / 180 * Math.PI) + 1) * 0.5);
}
var arrowimage1 = new Image();
var arrowimage2 = new Image();
arrowimage1.src = "tabimages/arrow_up.gif";
arrowimage2.src = "tabimages/arrow_down.gif";
// order tab
var arrow2image1 = new Image();
var arrow2image2 = new Image();
arrow2image1.src = "tabimages/whitearrow1.gif";
arrow2image2.src = "tabimages/whitearrow2.gif";
////////////
var j = 0;
var k = 0;
var l = 0;
var m = 0;
var tabclosedtarget = 46;
var tabopentargets = new Array(0, 240, 240, 240, 240);
var tab1bottom = tabclosedtarget;
var tab2bottom = tabclosedtarget;
var tab3bottom = tabclosedtarget;
var tab4bottom = tabclosedtarget;
var tab1maiden = true;
var tab2maiden = true;
var tab3maiden = true;
var tab4maiden = true;
var tab1active = false;
var tab2active = false;
var tab3active = false;
var tab4active = false;
var introcount = 0;
var timecount1 = 0;
var timecount2 = 0;
var timecount3 = 0;
var timecount4 = 0;
var introactive = false;
// order tab
var orderclosedtarget = -150;
var orderopentarget = 0;
var ordermaiden = true;
var orderactive = false;
var orderdelay = 0;
var ordertimecount = 0;
////////////
var timeobject = setInterval("gotimer()", 40);

function initialsetup()
{
	document.getElementById("totalcontainer").style.marginLeft = String(-(tabamount * 98) - 2 + "px");
	document.getElementById("totalcontainer").style.width = String((tabamount * 196) + 4 + "px");
	if (tabamount < 4)
	{
		document.getElementById("tab" + (tabamount + 1)).style.left = String((tabamount + 1) * 200 + "px");
	}
	for (l = 1; l <= tabamount; l ++)
	{
		document.getElementById("tabheading" + l).innerHTML = this["tabheading" + l];
		document.getElementById("tabsubheading" + l).innerHTML = this["tabsubheading" + l];
		document.getElementById("tabbutton" + l).innerHTML = this["tabbutton" + l];
		var inputstring = "";
		var thistotal = this["tablist" + l].length;
		for (m = 1; m <= thistotal; m ++)
		{
			inputstring += "<li>" + this["tablist" + l][m - 1] + "</li>"
		}
		document.getElementById("list" + l).innerHTML = inputstring;
		this["tab" + l + "active"] = true;
		introactive = true;
	}
}

function gotimer()
{
	if (introactive)
	{
		introcount ++;
		if (introcount == 120)
		{
			introfinish();
		}
	}
	if (ordermaiden)
	{
		orderdelay ++;
		if (orderdelay == 306)
		{
			orderactive = true;
			document.getElementById("orderarrow").src = arrow2image2.src;
		}
		else if (orderdelay == 426)
		{
			ordermaiden = false;
			orderactive = false;
			document.getElementById("orderarrow").src = arrow2image1.src;
		}
	}
	for (j = 1; j <= tabamount; j ++)
	{
		if (this["tab" + j + "active"] == true)
		{
			if (this["timecount" + j] < 18)
			{
				this["timecount" + j] ++;
				this["tab" + j + "bottom"] = tabclosedtarget + (tabopentargets[j] - tabclosedtarget) * movetrig[this["timecount" + j]];
				var tabstring = String("tab" + j);
				document.getElementById(tabstring).style.bottom = this["tab" + j + "bottom"] +"px";
			}
		}
		else
		{
			if (this["timecount" + j] > 0)
			{
				this["timecount" + j] --;
				this["tab" + j + "bottom"] = tabclosedtarget + (tabopentargets[j] - tabclosedtarget) * movetrig[this["timecount" + j]];
				var tabstring = String("tab" + j);
				document.getElementById(tabstring).style.bottom = this["tab" + j + "bottom"] +"px";
			}
		}
	}
	if (orderactive)
	{
		if (ordertimecount < 18)
		{
			ordertimecount ++;
			document.getElementById("ordertab").style.left = String(orderclosedtarget + (orderopentarget - orderclosedtarget) * movetrig[ordertimecount]) +"px";
		}
	}
	else
	{
		if (ordertimecount > 0)
		{
			ordertimecount --;
			document.getElementById("ordertab").style.left = String(orderclosedtarget + (orderopentarget - orderclosedtarget) * movetrig[ordertimecount]) +"px";
		}
	}
}

function switcher(val)
{
	this["tab" + val + "maiden"] = false;
	var checkactivation = this["tab" + val + "active"];
	this["tab" + val + "active"] = checkactivation == false ? true : false;
	document.getElementById(String("arrow" + val)).src = checkactivation == false ? arrowimage2.src : arrowimage1.src;
}

function switcher2()
{
	ordermaiden = false;
	orderactive = !orderactive;
	document.getElementById("orderarrow").src = orderactive ? arrow2image2.src : arrow2image1.src;
}

function introfinish()
{
	introactive = false;
	for (k = 1; k <= tabamount; k ++)
	{
		if (this["tab" + k + "maiden"] == true)
		{
			switcher(k);
		}
	}
}