var sTopImagesFolder = "./assets/images/"; // *** The folder where all navigation images can be found. ***
var sTopNav = new Array();
var nTopNav = new Array();
var oTopNav = new Array();

// *** Add categories to the list below. ***
// *** Main categories should be in increments of 1 (0, 1, 2, etc.). ***

sTopNav[0] = "Product Types";
sTopNav[1] = "Sports";
sTopNav[2] = "Disney";
sTopNav[3] = "Entertainment";
sTopNav[4] = "CustomMisc";
sTopNav[5] = "News";
sTopNav[6] = "FAQ";
sTopNav[7] = "Collector\'s Corner";
sTopNav[8] = "Corporate Info";

// *** Widths for corresponding graphics. ***

nTopNav[0] = 91;
nTopNav[1] = 49;
nTopNav[2] = 51;
nTopNav[3] = 87;
nTopNav[4] = 53;
nTopNav[5] = 45;
nTopNav[6] = 41;
nTopNav[7] = 100;
nTopNav[8] = 92;

var nNumberOfCategoriesTop = 9; // *** The number of main categories (Sports, News, etc.). ***

// *** Do not change anything below this line. ***

function RemoveCharactersTop(sCategory)
{
	sRemoveQuotes = sCategory.replace(/\'/g, "_");
	sRemovePeriods = sRemoveQuotes.replace(/\./g, "_");
	sRemoveSpaces = sRemovePeriods.replace(/ /g, "_");
	sRemoveDashes = sRemoveSpaces.replace(/-/g, "_");
	sLinkName = sRemoveDashes.toLowerCase();
	return(sLinkName);
}

function WriteLinkNotTop(sCategory, nIndex)
{
	sLinkName = RemoveCharactersTop(sCategory);
	document.write('<TD WIDTH=' + nTopNav[nIndex] + '><A HREF="./html/' + sLinkName + '.html" onMouseOver="SwitchImageOnTop(' + nIndex + ')" onMouseOut="SwitchImageOffTop(' + nIndex + ')"><IMG ID="TopImage' + nIndex + '" HEIGHT=19 WIDTH=' + nTopNav[nIndex] + ' SRC="' + sTopImagesFolder + '/top' + sLinkName + '2_not.gif" BORDER=0 NAME="TopImage' + nIndex + '"></A></TD>');
}

function WriteLinkLitTop(sCategory, nIndex)
{
	sLinkName = RemoveCharactersTop(sCategory);
	document.write('<TD WIDTH=' + nTopNav[nIndex] + '><A HREF="./html/' + sLinkName + '.html"><IMG ID="TopImage' + nIndex + '" HEIGHT=19 WIDTH=' + nTopNav[nIndex] + ' SRC="' + sTopImagesFolder + '/top' + sLinkName + '2_lit.gif" BORDER=0 NAME="TopImage' + nIndex + '"></A></TD>');
}

function SwitchImageOnTop(nImage)
{
	document ['TopImage' + nImage + ''].src = oTopNav[nImage + nNumberOfCategoriesTop].src;
}

function SwitchImageOffTop(nImage)
{
	document ['TopImage' + nImage + ''].src = oTopNav[nImage].src;
}

document.write('                                </TR>');
document.write('                                <TR VALIGN=TOP ALIGN=LEFT>');
document.write('				    <TD HEIGHT=18 WIDTH=676>');
document.write('				        <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=676>');
document.write('					    <TR VALIGN=TOP ALIGN=LEFT>');
document.write('					        <TD WIDTH=67><IMG ID="Picture5" HEIGHT=19 WIDTH=67 SRC="./assets/images/navlefttop.gif" BORDER=0></TD>');

for (i = 0; i < nNumberOfCategoriesTop; i++)
{
	if (sTopNav[i] != null)
	{
		oTopNav[i] = new Image(nTopNav[i], 19);
		oTopNav[i].src = sTopImagesFolder + "top" + RemoveCharactersTop(sTopNav[i]) + "2_not.gif";
		oTopNav[i + nNumberOfCategoriesTop] = new Image(nTopNav[i], 19);
		oTopNav[i + nNumberOfCategoriesTop].src = sTopImagesFolder + "top" + RemoveCharactersTop(sTopNav[i]) + "2_lit.gif";
	}
}

for (i = 0; i < nNumberOfCategoriesTop; i++)
{
	if (CategoryID == sTopNav[i])
	{
		WriteLinkLitTop(sTopNav[i], i);
	}
	else
	{
		WriteLinkNotTop(sTopNav[i], i);
	}

}

document.write('						</TD>');
document.write('					    </TR>');
document.write('				</TABLE>');