homeDiv = new Array('homeAbout', 'homeJobs', 'homeProducts', 'homeContact');
homeImg = new Array('homeAboutImg', 'homeJobsImg', 'homeProductsImg', 'homeContactImg');
homeLink = new Array('/about-us/', '/job-listings/', '/products/', '/contacts/');

homeLeftStart = new Array(800, 800, 800, 800);
homeTopStart = new Array(-100, 200, -200, 170);

homeLeftEnd = new Array(12, 210, 403, 590);
homeZindex = new Array(90, 80, 70, 60);

currentPos = 0;
currentOpac = 100;
currentHeaderTop = 120;
currentHeaderBreak = 100;
currentMenuHeight = 0;
boxSelected = -1;
boxClickable = false;

function homeTransition(which)
{
	if (boxClickable)
	{
		boxClickable = false;
		boxSelected = which;
		setTimeout('fadeBoxes()', 30);
		return false;
	}
}

function fadeBoxes()
{
	currentOpac -= 5;

	for (i=0; i<4; i++)
	{
		if (i != boxSelected)
		{
			document.getElementById(homeImg[i]).className = 'opacity' + currentOpac;
		}
	}

	if (currentOpac > 0)
	{
		setTimeout('fadeBoxes()', 30);
	}
	else
	{
		setTimeout('moveHeaderUp()', 10);
	}
}

function moveHeaderUp()
{
	currentHeaderTop -= 2;
	currentHeaderBreak += 2;

	document.getElementById('header').style.paddingTop = currentHeaderTop + 'px';
	document.getElementById('headerBreak').style.height = currentHeaderBreak + 'px';
	document.getElementById('headerBreak').height = currentHeaderBreak;

	if (currentHeaderTop > 10)
	{
		setTimeout('moveHeaderUp()', 10);
	}
	else
	{
		currentOpac = 100;
		setTimeout('fadeSelectedBox()', 30);
	}
}

function fadeSelectedBox()
{
	currentOpac -= 5;
	currentMenuHeight = (currentMenuHeight > 30) ? 32 : currentMenuHeight + 2;

	document.getElementById(homeImg[boxSelected]).className = 'opacity' + currentOpac;
	document.getElementById('mainmenu').style.height = currentMenuHeight + 'px';
	document.getElementById('mainmenu').height = currentMenuHeight;

	if (currentOpac > 0)
	{
		setTimeout('fadeSelectedBox()', 30);
	}
	else
	{
		location = homeLink[boxSelected];
	}
}

function highlightItem(which)
{
	if (boxClickable)
	{
		thisLeft = homeLeftEnd[which] - 9;
		document.getElementById(homeDiv[which]).style.left = thisLeft + 'px';
		document.getElementById(homeDiv[which]).style.top = '-10px';
		document.getElementById(homeImg[which]).style.height = '234px';
		document.getElementById(homeImg[which]).height = 234;
		document.getElementById(homeDiv[which]).style.zIndex = 99;
	}
}

function unHighlight()
{
	if (boxClickable)
	{
		for (i=0; i<4; i++)
		{
			document.getElementById(homeDiv[i]).style.left = homeLeftEnd[i] + 'px';
			document.getElementById(homeDiv[i]).style.top = '0px';
			document.getElementById(homeImg[i]).style.height = '214px';
			document.getElementById(homeImg[i]).height = 214;
			document.getElementById(homeDiv[i]).style.zIndex = homeZindex[i];
		}
	}
}

function moveItems()
{
	for (which=0; which<4; which++)
	{
		if (currentPos == 20)
		{
			document.getElementById(homeDiv[which]).style.left = homeLeftEnd[which] + 'px';
			boxClickable = true;
		}
		else
		{
			thisLeft = homeLeftStart[which] - parseInt(((homeLeftStart[which] - homeLeftEnd[which]) / 20) * currentPos);
			document.getElementById(homeDiv[which]).style.left = thisLeft + 'px';
		}
	}
	if (currentPos < 20)
	{
		currentPos++;
		setTimeout('moveItems()', 30);
	}
}

setTimeout('moveItems()', 500);