//Submenu section moved to sectionExpand.inc.php

var timerHandle;
var timerHandleSub;

var xposition;
var yposition;

function expandMenus(section, xpos, ypos)
{
	xposition = xpos;
	yposition = ypos;

	if(navigator.appVersion.indexOf('Mac') != -1){ yposition -= 30; }
//	if(navigator.appVersion.indexOf('Mac') != -1 && navigator.appName.indexOf('Microsoft Internet Explorer') != -1){ yposition += 0; }

	if(document.all)
	{
		clearTimeout(timerHandle);

		document.all.floatingMenu.style.top = yposition;
		document.all.floatingMenu.style.left = xposition;

		document.all.floatingMenu.innerHTML = constructMenu(section);
		document.all.floatingMenu.style.visibility = 'visible';
		document.all.floatingSubmenu.style.visibility = 'hidden';
	}
	else if(document.layers)
	{
		clearTimeout(timerHandle);

		document.layers.floatingMenu.pageY = yposition;
		document.layers.floatingMenu.pageX = xposition;

		document.layers.floatingMenu.document.write(constructMenu(section));
		document.layers.floatingMenu.document.close();

		document.layers.floatingMenu.visibility = 'visible';
		document.layers.floatingSubmenu.visibility = 'hidden';
	}
}

function expandSubmenus(section, subsection)
{
	if(document.all)
	{
		clearTimeout(timerHandleSub);

		document.all.floatingSubmenu.style.top = yposition - 6;
		document.all.floatingSubmenu.style.left = xposition + 180;

		document.all.floatingSubmenu.innerHTML = constructSubmenu(section, subsection);
		document.all.floatingSubmenu.style.visibility = 'visible';
	}
	else if(document.layers)
	{
		clearTimeout(timerHandleSub);

		document.layers.floatingSubmenu.pageY = yposition - 6;
		document.layers.floatingSubmenu.pageX = xposition + 180;

		document.layers.floatingSubmenu.document.write(constructSubmenu(section, subsection));
		document.layers.floatingSubmenu.document.close();

		document.layers.floatingSubmenu.visibility = 'visible';
	}
}

function collapseMenus()
{
	if(document.all){ timerHandle = setTimeout("document.all.floatingMenu.style.visibility = 'hidden';", 500); }
	else if(document.layers){ timerHandle = setTimeout("document.layers.floatingMenu.visibility = 'hidden';", 1000); }
}

function collapseSubmenus()
{
	if(document.all){ timerHandleSub = setTimeout("document.all.floatingSubmenu.style.visibility = 'hidden';", 500); }
	else if(document.layers){ timerHandleSub = setTimeout("document.layers.floatingSubmenu.visibility = 'hidden';", 1000); }
}


function constructMenu(section)
{
	if(document.all)
	{
		var output = '<img src="/images/trans20x10.gif"><table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="1" width="150">';
		for(var index=0; index<sections[section].length; index++)
		{
			output += '<tr><td align="left" valign="middle" bgcolor="#4884DA" height="20" width="200"';
			output += (sections[section][index][0]) ? 'onMouseOver="this.bgColor = \'#4884DA\'; expandSubmenus(\'' + section + '\', ' + index + ');" onMouseOut="this.bgColor = \'#4884DA\'; collapseSubmenus();"' : 'onMouseOver="this.bgColor = \'#9BBFF2\'; document.all.floatingSubmenu.style.visibility = \'hidden\';" onMouseOut="this.bgColor = \'#4884DA\'"';
			output += '><font class="menuOptions">&nbsp;&nbsp;<a href="http://www.soccerevolution.com/';
			output += (sections[section][index][0]) ? sections[section][index][0].replace('--', '&Sort=Product_Name" class="menuOptions">') : sections[section][index].replace('--', '" class="menuOptions">');
			output += '</a></font></td></tr>';
		}
		output += '</table>';
		return output;
	}
	else if(document.layers)
	{
		var output = '<img src="/images/trans20x10.gif"><table border="0" cellpadding="0" cellspacing="1" width="150"><tr><td bgcolor="#FFFFFF"><table border="0" cellpadding="0" cellspacing="1" width="150">';
		for(var index=0; index<sections[section].length; index++)
		{
            output += '<tr><td align="left" valign="middle" bgcolor="#4884DA" height="20" width="200">';
			output += '<font class="menuOptions">&nbsp;&nbsp;<a href="http://www.soccerevolution.com/';
			output += (sections[section][index][0] == '65--Club Teams') ? sections[section][index][0].replace('--', '1" class="menuOptions" onMouseOver="clearTimeout(timerHandle); expandSubmenus(\'' + section + '\', ' + index + ');" onMouseOut="collapseSubmenus(); collapseMenus();">') : sections[section][index].replace('--', '" class="menuOptions" onMouseOver="clearTimeout(timerHandle); parent.document.layers.floatingSubmenu.visibility = \'hidden\';" onMouseOut="collapseMenus();">');
			output += '</a></font></td></tr>';

		}
		output += '</table></td></tr></table>';
		return output;
	}
}

function constructSubmenu(section, subsection)
{
	if(document.all)
	{
		var output = '<img src="/images/trans20x10.gif"><table border="0" cellpadding="0" cellspacing="1" width="150"><tr><td bgcolor="#FFFFFF"><table border="0" cellpadding="0" cellspacing="1" width="150">';
		for(var index=1; index<sections[section][subsection].length; index++)
			output += '<tr><td align="left" valign="middle" bgcolor="#4884DA" height="20" width="200"><font class="menuOptions">&nbsp;&nbsp;<a href="/netscapeIWCatSectionView.process?IWAction=Load&Merchant_Id=1&Section_Id=' + sections[section][subsection][index].replace('--', '" class="menuOptions" onMouseOver="clearTimeout(timerHandleSub); clearTimeout(timerHandle);" onMouseOut="collapseSubmenus(); collapseMenus();">') + '</a></font></td></tr>';
		output += '</table></td></tr></table>';
		return output;
	}
	else if(document.layers)
	{
		var output = '<img src="/images/trans20x10.gif"><table border="0" cellpadding="0" cellspacing="1" width="150"><tr><td bgcolor="#FFFFFF"><table border="0" cellpadding="0" cellspacing="1" width="150">';
		for(var index=1; index<sections[section][subsection].length; index++)
			output += '<tr><td align="left" valign="middle" bgcolor="#4884DA" height="20" width="200"><font class="menuOptions">&nbsp;&nbsp;<a href="/netscapeIWCatSectionView.process?IWAction=Load&Merchant_Id=1&Section_Id=' + sections[section][subsection][index].replace('--', '" class="menuOptions" onMouseOver="clearTimeout(timerHandleSub); clearTimeout(timerHandle);" onMouseOut="collapseSubmenus(); collapseMenus();">') + '</a></font></td></tr>';
		output += '</table></td></tr></table>';
		return output;
	}
}