var rolloverImageDir = '/images/home-menu/';

var imageNames = new Array(
	'accessories',
	'accessoriesgloves',
	'accessoriesheadwear',
	'accessoriesjewelry',
	'costumes',
	'dresses',
	'dressescompetition',
	'dressespractice',
	'sportswear',
	'sportswearjackets',
	'sportswearpants',
	'sportswearshirts',
	'synchro',
	'unitards'
);

var dropdownXOffset = 0;
var dropdownYOffset = 0;
var tableWidth = 800;

var menus = Array(
	'menuBoxAccessories',
	'menuBoxDresses',
	'menuBoxSportswear'
);

function setBoundaries()
{
	dropdownXOffset = getDropdownXOffset(tableWidth);

	//	minx, maxx, miny, maxy
	menuBoundaries = new Array(
		new Array(480 + dropdownXOffset, 705 + dropdownXOffset, 411 + dropdownYOffset, 437 + dropdownYOffset),
		new Array(480 + dropdownXOffset, 623 + dropdownXOffset, 345 + dropdownYOffset, 383 + dropdownYOffset),
		new Array(480 + dropdownXOffset, 669 + dropdownXOffset, 318 + dropdownYOffset, 344 + dropdownYOffset)
	);
	
	/*	Note: The first value is actually 481.
		dropdownXOffset is calculated by rounding up. This is ok where the menu boundary
		is aligned on the right. When it is aligned on the left (as it is on the home page),
		dropdownXOffset can be 1 pixel too short, in which case the flyout won't turn on
		when you enter from the left. If we were rounding down for dropdownXOffset, we
		would have this problem on the other pages instead of on the home page.
	*/
}

function setInitialOnStateRelay(menuName)
{
	if (null == eventHandler) return;

	//	Get index value for menuName in menu arrays.
	index = null;
	for (var i = 0; i < menus.length; i++)
	{
		if (menuName == menus[i])
		{
			index = i;
			continue;
		}
	}
	if (null == index) return;

	if (eventHandler.pageX) x = eventHandler.pageX;
	else if (document.addEventListener) x = eventHandler.clientX + window.pageXOffset;
	else if (document.body && document.body.scrollLeft !== undefined) x = eventHandler.clientX + document.body.scrollLeft;
	else return;

	var leftBoundary = menuBoundaries[index][0];
	if (0 == index)	// Accessories
	{
		if (x > (leftBoundary + 50))
		{
			nImage = 'accessoriesheadwear';
			nHomeImage = 'headwear';
		}
		else
		{
			nImage = 'accessoriesjewelry';
			nHomeImage = 'jewelry';
		}
	}
	else if (1 == index) // Dresses
	{
		if (x > (leftBoundary + 54))
		{
			nImage = 'dressescompetition';
			nHomeImage = 'competition-dresses';
		}
		else
		{
			nImage = 'dressespractice';
			nHomeImage = 'practice-dresses';
		}
	}
	else if (2 == index) // Sportswear
	{
		if (x > (leftBoundary + 39) && x <= (leftBoundary + 89))
		{
			nImage = 'sportswearjackets';
			nHomeImage = 'jackets';
		}
		else if (x > (leftBoundary + 89))
		{
			nImage = 'sportswearpants';
			nHomeImage = 'pants';
		}
		else
		{
			nImage = 'sportswearshirts';
			nHomeImage = 'shirts';
		}
	}
	else return;

	swapImageOn(nImage);
	homeSwapImage(nHomeImage);
	currentFlyoutImage = nImage;
}