var skip_animation = false;
var cookies = document.cookie;
if (-1 != cookies.indexOf("skip=true")) skip_animation = true;

var available_width, available_height;
var square;
var whbanner;
var hand1, hand2, hand3, hand4;
var operakluge, dontcheck;

function preLoad() {
	operakluge = setTimeout("layerSetup()", 3500);
	square = new Image();
	square.onload = loadCheck;
	square.src = "metbox.jpg";

	whbanner = new Image();
	whbanner.onload = loadCheck;
	whbanner.src = "whbanner.gif";

	hand1 = new Image();
	hand1.onload = loadCheck;
	hand1.src = "anvil.gif";

	hand2 = new Image();
	hand2.onload = loadCheck;
	hand2.src = "ballhammer.gif";

	hand3 = new Image();
	hand3.onload = loadCheck;
	hand3.src = "drill.gif";

	hand4 = new Image();
	hand4.onload = loadCheck;
	hand4.src = "wrench.gif";
}

function startup()
{	if (document.all)
	{	available_width = document.body.clientWidth;
		available_height = document.body.clientHeight;
	}
	else if (document.layers||document.getElementById)
	{	available_width = window.innerWidth - 12;
		available_height = window.innerHeight - 30;
	}
	preLoad();
}

var count = 0;

function loadCheck() {
	if (dontcheck) return;  // for Opera kluge
	if (operakluge)
	{	clearTimeout(operakluge);
		operakluge = 0;
	}
	count++;
	if(count == 6) {
		layerSetup();
	}
}

var squaresLyr, bannerLyr, footerLyr, text0Lyr, text1Lyr, text2Lyr, text3Lyr, text4Lyr, text5Lyr, sq1Lyr, sq2Lyr, sq3Lyr, sq4Lyr, navLyr;
var leftbound, lab1Lyr, lab2Lyr, lab3Lyr, lab4Lyr;

function getLayerPtr(theid)
{	if (document.getElementById)
		return document.getElementById(theid).style;
	if (document.all)
		return document.all(theid).style;
	// Netscape Nav 4.x support
	var p = document.layers[theid];
	if (!p) p = document.layers['squaresLayer'].document.layers[theid];
	return p;
}

function getImagePtr(theid)
{	if (document.getElementById)
		return document.getElementById(theid);
	if (document.all)
		return document.all(theid);
	// Netscape Nav 4.x support
	var p = document[theid];
	if (!p)
	{	var cy = 'sq' + theid.substr(-1,1) + 'Layer';
		p = document.layers['squaresLayer'].document.layers[cy].document[theid];
	}
	return p;
}

function layerSetup() {
	dontcheck = 1;
	leftbound = (available_width-350)/2 - 65;
	squaresLyr = getLayerPtr("squaresLayer");
	squaresLyr.left = leftbound;
	squaresLyr.top = available_height/2 - 100;

	bannerLyr = getLayerPtr("bannerLayer");
	bannerLyr.left = leftbound;
	bannerLyr.top = available_height/2 + 25;

	text0Lyr = getLayerPtr("text0Layer");

	text1Lyr = getLayerPtr("text1Layer");
	
	text2Lyr = getLayerPtr("text2Layer");
	
	text3Lyr = getLayerPtr("text3Layer");

	text4Lyr = getLayerPtr("text4Layer");
	
	footerLyr = getLayerPtr("footerLayer");
	footerLyr.left = (available_width - 200)/2;
	footerLyr.top = available_height - 40;
	
	sq1Lyr = getLayerPtr("sq1Layer");
	sq2Lyr = getLayerPtr("sq2Layer");
	sq3Lyr = getLayerPtr("sq3Layer");
	sq4Lyr = getLayerPtr("sq4Layer");

	lab1Lyr = getLayerPtr("lab1Layer");
	lab2Lyr = getLayerPtr("lab2Layer");
	lab3Lyr = getLayerPtr("lab3Layer");
	lab4Lyr = getLayerPtr("lab4Layer");

	if (skip_animation) moveLayers();
	else visibilitySetup();
}

function visibilitySetup() {
	squaresLyr.visibility = "visible";
	bannerLyr.visibility = "visible";
	sq1Lyr.visibility = "visible";
	sq2Lyr.visibility = "visible";
	sq3Lyr.visibility = "visible";
	sq4Lyr.visibility = "visible";
	if (!skip_animation) setTimeout("animate()", 1000);
}

var an_handle;
var enable_rollovers = false;
var txttop;

function animate() {
	an_handle = setInterval("moveLayers()",25);
}


function moveLayers() {
	var sqy_pos = parseInt(squaresLyr.top);
	var bay_pos = parseInt(bannerLyr.top);
	var stopat = 30;
	var movedelta = 6;
	
	if (skip_animation)
	{	while (sqy_pos > stopat)
		{	sqy_pos -= movedelta;
			bay_pos += movedelta;
		}
	}
	else
	{	sqy_pos -= movedelta;
		bay_pos += movedelta;
	}

	squaresLyr.top = sqy_pos;
	bannerLyr.top = bay_pos;
	
	if (sqy_pos <= stopat)
	{	clearInterval(an_handle);
//		jsPlay("clunk1");
		enable_rollovers = true;
		txttop = 80 + sqy_pos;
//		verttxtspace = bay_pos - txttop;
		text0Lyr.top = txttop + (bay_pos - txttop - 248)/2;
		text0Lyr.height = bay_pos - sqy_pos - 100;
		text0Lyr.visibility = 'visible';
		footerLyr.visibility = 'visible';
//		navLyr.visibility = 'visible';
//		swap(1,1);
		if (skip_animation)
		{	for (mk=1; mk<=4; mk++)
			{	swap(mk,0);
				eval("lab" + mk + "Lyr.visibility='visible'");
			}
			last_swap = 0;
			visibilitySetup();
		}
		else
		{	setTimeout("doswap()", 300);
			document.cookie = "skip=true";
		}
	}
}

var swcount = 0;
var last_swap = 0;

function doswap()
{	swap(++swcount, 0);
	// jsPlay("clunk1");
	if (swcount < 4) setTimeout("doswap()", 300);
	eval("lab" + swcount + "Lyr.visibility='visible'");
	last_swap = 0;
}

var leftoffset, hdelta;
function swap(digit, onoff)
{	var show_home = digit == 0;
	if (show_home) digit = last_swap;
	if (onoff && last_swap == digit) return true;
	if (enable_rollovers && digit)
	{	if (onoff)
		{	// jsPlay("clunk1");
			if (last_swap) swap(last_swap, 0);
			getImagePtr('square' + digit).src = eval('hand' + digit + '.src');
			leftoffset = -300;
			eval("text" + digit + "Lyr.left = leftoffset");
			eval("text" + digit + "Lyr.visibility = 'visible'");
			text0Lyr.visibility = 'hidden';
			enable_rollovers = false;
			an_handle = setTimeout("slidein(" + digit + ")", 25);
			hdelta = 25;
		}
		else
		{	getImagePtr('square' + digit).src = 'metbox.jpg';
			eval("text" + digit + "Lyr.visibility = 'hidden'");
			if (show_home) text0Lyr.visibility = 'visible';
		}
		last_swap = digit;
	}
	return false;
}

function slidein(dig)
{	leftoffset += hdelta;
	eval("text" + dig + "Lyr.left = leftoffset");
	if (leftoffset > leftbound - 40 && hdelta > 2) hdelta *= 0.85;
	if (leftoffset >=  leftbound + 112)
	{	// clearInterval(an_handle);
		enable_rollovers = true;
	}
	else setTimeout("slidein(" + dig + ")", 25);
}