
// change the directory "images" to the director where these images will be stored
// Images use Font Name: Arial Black Regular, Font Size: 8
// Menu width is 665 (with 5 1-width spaces used)

if (document.images) {
	AboutUsOn = new Image();
	AboutUsOn.src = "images/MainMenu/bAboutUsOn.gif";

	YourOptionsOn = new Image();
	YourOptionsOn.src = "images/MainMenu/byourOptionsOn.gif";

//Changed from New Items to Market Place. Image name still the same
//Changed from Market Place to Partner Program. Image name still the same
	NewItemsOn = new Image();
	NewItemsOn.src = "images/MainMenu/bNewItemsOn.gif";

	SearchOn = new Image();
	SearchOn.src = "images/MainMenu/bSearchOn.gif";

	GlobalInfoOn = new Image();
	GlobalInfoOn.src = "images/MainMenu/bGlobalInfoOn.gif";

	HelpOn = new Image();
	HelpOn.src = "images/MainMenu/bHelpOn.gif";

	// Inactive Images
	AboutUsOff = new Image();
	AboutUsOff.src = "images/MainMenu/bAboutUsOff.gif";

	YourOptionsOff = new Image();
	YourOptionsOff.src = "images/MainMenu/bYourOptionsOff.gif";

	NewItemsOff = new Image();
	NewItemsOff.src = "images/MainMenu/bNewItemsOff.gif";

	SearchOff = new Image();
	SearchOff.src = "images/MainMenu/bSearchOff.gif";

	GlobalInfoOff = new Image();
	GlobalInfoOff.src = "images/MainMenu/bGlobalInfoOff.gif";


	HelpOff = new Image();
	HelpOff.src = "images/MainMenu/bHelpOff.gif";
}

function showSubMenu(imgName) {
	if (document.images) {
		switch (imgName) {
			case "AboutUs":
				document["1stSpot"].src = "images/MainMenu/bCorporateProfileOff.gif";
				document["1stSpot"].width = 120
				document["1stLine"].src = "images/MainMenu/SpacerWhite.gif";
				document["2ndSpot"].src = "images/MainMenu/bPartnerProgramOff.gif";
				document["2ndSpot"].width = 120
				document["2ndLine"].src = "images/MainMenu/SpacerWhite.gif";
				document["3rdSpot"].src = "images/MainMenu/bCodeEthicsOff.gif";
				document["3rdSpot"].width = 110
				document["3rdLine"].src = "images/MainMenu/SpacerWhite.gif";
				document["4thSpot"].src = "images/MainMenu/bWhatsNewOff.gif";
				document["4thSpot"].width = 100
				document["4thLine"].src = "images/MainMenu/SpacerWhite.gif";
				document["5thSpot"].src = "images/MainMenu/bContactUsOff.gif";
				document["5thSpot"].width = 100
				document["5thLine"].src = "images/MainMenu/SpacerWhite.gif";
				document["6thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["6thSpot"].width = 110

				document["Help"].src = "images/MainMenu/bHelpOff.gif";
				document["NewItems"].src = "images/MainMenu/bNewItemsOff.gif";
				document["GlobalInfo"].src = "images/MainMenu/bGlobalInfoOff.gif";

				NewItemsOff.src = "images/MainMenu/bNewItemsOff.gif";
				GlobalInfoOff.src = "images/MainMenu/bGlobalInfoOff.gif";
				HelpOff.src = "images/MainMenu/bHelpOff.gif";
				AboutUsOff.src = "images/MainMenu/bAboutUsOn.gif";
				break;
			case "YourOptions":
				document["1stSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["1stSpot"].width = 120
				document["1stLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["2ndSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["2ndSpot"].width = 120
				document["2ndLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["3rdSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["3rdSpot"].width = 110
				document["3rdLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["4thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["4thSpot"].width = 100
				document["4thLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["5thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["5thSpot"].width = 100
				document["5thLine"].src = "images/MainMenu/SpacerWhite.gif";
				document["6thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["6thSpot"].width = 110

				document["AboutUs"].src = "images/MainMenu/bAboutUsOff.gif";
				document["NewItems"].src = "images/MainMenu/bNewItemsOff.gif";
				document["Help"].src = "images/MainMenu/bHelpOff.gif";
				document["YourOptions"].src = "images/MainMenu/byourOptionsOff.gif";
				document["Search"].src = "images/MainMenu/bSearchOff.gif";
				document["GlobalInfo"].src = "images/MainMenu/bGlobalInfoOff.gif";

				AboutUsOff.src = "images/MainMenu/bAboutUsOff.gif";
				NewItemsOff.src = "images/MainMenu/bNewItemsOff.gif";
				YourOptionsOff.src = "images/MainMenu/bYourOptionsOff.gif";
				GlobalInfoOff.src = "images/MainMenu/bGlobalInfoOff.gif";
				HelpOff.src = "images/MainMenu/bHelpOff.gif";
				AboutUsOff.src = "images/MainMenu/bAboutUsOn.gif";
				break;
			case "NewItems":
				
				document["1stSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["1stSpot"].width = 120
				document["1stLine"].src = "images/MainMenu/SpacerYellow.gif";

				document["2ndSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["2ndSpot"].width = 100
				document["2ndLine"].src = "images/MainMenu/SpacerWhite.gif";

				document["3rdSpot"].src = "images/MainMenu/bRepresentativesOff.gif";
				document["3rdSpot"].width = 120
				document["3rdLine"].src = "images/MainMenu/SpacerWhite.gif";
				
				document["4thSpot"].src = "images/MainMenu/bAssociatesOff.gif";
				document["4thSpot"].width = 100
				document["4thLine"].src = "images/MainMenu/SpacerWhite.gif";						

				document["5thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["5thSpot"].width = 110
				document["5thLine"].src = "images/MainMenu/SpacerYellow.gif";
				
				document["6thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["6thSpot"].width = 110

				document["AboutUs"].src = "images/MainMenu/bAboutUsOff.gif";
				document["Help"].src = "images/MainMenu/bHelpOff.gif";
				document["GlobalInfo"].src = "images/MainMenu/bGlobalInfoOff.gif";

				AboutUsOff.src = "images/MainMenu/bAboutUsOff.gif";
				GlobalInfoOff.src = "images/MainMenu/bGlobalInfoOff.gif";
				HelpOff.src = "images/MainMenu/bHelpOff.gif";
				NewItemsOff.src = "images/MainMenu/bNewItemsOn.gif";
				break;
			case "Search":
				document["1stSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["1stSpot"].width = 120
				document["1stLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["2ndSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["2ndSpot"].width = 120
				document["2ndLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["3rdSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["3rdSpot"].width = 110
				document["3rdLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["4thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["4thSpot"].width = 100
				document["4thLine"].src = "images/MainMenu/SpacerYellow.gif";
				document["5thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["5thSpot"].width = 100
				document["5thLine"].src = "images/MainMenu/SpacerWhite.gif";
				document["6thSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["6thSpot"].width = 110

				document["AboutUs"].src = "images/MainMenu/bAboutUsOff.gif";
				document["NewItems"].src = "images/MainMenu/bNewItemsOff.gif";
				document["Help"].src = "images/MainMenu/bHelpOff.gif";
				document["YourOptions"].src = "images/MainMenu/byourOptionsOff.gif";
				document["Search"].src = "images/MainMenu/bSearchOff.gif";
				document["GlobalInfo"].src = "images/MainMenu/bGlobalInfoOff.gif";

				AboutUsOff.src = "images/MainMenu/bAboutUsOff.gif";
				NewItemsOff.src = "images/MainMenu/bNewItemsOff.gif";
				YourOptionsOff.src = "images/MainMenu/bYourOptionsOff.gif";
				GlobalInfoOff.src = "images/MainMenu/bGlobalInfoOff.gif";
				HelpOff.src = "images/MainMenu/bHelpOff.gif";
				AboutUsOff.src = "images/MainMenu/bAboutUsOn.gif";
				break;
			case "GlobalInfo":
				document["1stSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["1stSpot"].width = 100
				document["1stLine"].src = "images/MainMenu/SpacerYellow.gif";

				document["2ndSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["2ndSpot"].width = 90
				document["2ndLine"].src = "images/MainMenu/SpacerYellow.gif";

				document["3rdSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["3rdSpot"].width = 90
				document["3rdLine"].src = "images/MainMenu/SpacerYellow.gif";
				
				document["4thSpot"].src = "images/MainMenu/bGlobalDirectoryOff.gif";
				document["4thSpot"].width = 120
				document["4thLine"].src = "images/MainMenu/SpacerWhite.gif";

				document["5thSpot"].src = "images/MainMenu/bDoingBusinessInOff.gif";
				document["5thSpot"].width = 140
				document["5thLine"].src = "images/MainMenu/SpacerWhite.gif";
				
				document["6thSpot"].src = "images/MainMenu/bIndustrialCodesOff.gif";
				document["6thSpot"].width = 120

				document["AboutUs"].src = "images/MainMenu/bAboutUsOff.gif";
				document["NewItems"].src = "images/MainMenu/bNewItemsOff.gif";
				document["Help"].src = "images/MainMenu/bHelpOff.gif";

				NewItemsOff.src = "images/MainMenu/bNewItemsOff.gif";
				AboutUsOff.src = "images/MainMenu/bAboutUsOff.gif";
				HelpOff.src = "images/MainMenu/bHelpOff.gif";
				GlobalInfoOff.src = "images/MainMenu/bGlobalInfoOn.gif";

				break;
			case "Help":
				document["1stSpot"].src = "images/MainMenu/SpacerYellow.gif";
				document["1stSpot"].width = 120
				document["1stLine"].src = "images/MainMenu/SpacerYellow.gif";
				
				document["2ndSpot"].src = "images/MainMenu/bMultiOff.gif";
				document["2ndSpot"].width = 150
				document["2ndLine"].src = "images/MainMenu/SpacerWhite.gif";

				document["3rdSpot"].src = "images/MainMenu/bOnlineHelpOff.gif";
				document["3rdSpot"].width = 160
				document["3rdLine"].src = "images/MainMenu/SpacerWhite.gif";

				document["4thSpot"].src = "images/MainMenu/bFAQOff.gif";
				document["4thSpot"].width = 60
				document["4thLine"].src = "images/MainMenu/SpacerWhite.gif";

				document["5thSpot"].src = "images/MainMenu/bFeedbackOff.gif";
				document["5thSpot"].width = 90
				document["5thLine"].src = "images/MainMenu/SpacerWhite.gif";

				document["6thSpot"].src = "images/MainMenu/bSupportOff.gif";
				document["6thSpot"].width = 80

				document["AboutUs"].src = "images/MainMenu/bAboutUsOff.gif";
				document["NewItems"].src = "images/MainMenu/bNewItemsOff.gif";
				document["GlobalInfo"].src = "images/MainMenu/bGlobalInfoOff.gif";

				NewItemsOff.src = "images/MainMenu/bNewItemsOff.gif";
				GlobalInfoOff.src = "images/MainMenu/bGlobalInfoOff.gif";
				AboutUsOff.src = "images/MainMenu/bAboutUsOff.gif";
				HelpOff.src = "images/MainMenu/bHelpOn.gif";

				break;
		}
	}
	return false
}

// Function to 'activate' and 'deactive' sub-menu images.
function setSubMenuImage(imgName) {
var gifName;
var currentType;

	if (document.images) {
		gifName = parseCurrentImage(document[imgName].src);
		currentType = parseCurrentType(document[imgName].src);
		if (currentType=="Off") {
			document[imgName].src = "images/MainMenu/" + gifName + "On.gif";
		} else if (currentType=="On") {
			document[imgName].src = "images/MainMenu/" + gifName + "Off.gif";
		}
	}
	return false
}

function showPage(imgName) {
var gifName;

	if (document.images) {
		gifName = parseCurrentImage(document[imgName].src);
		switch (gifName) {
			case "bCorporateProfile":
				window.location.href = "CorporateProfile.htm";
				break;
			case "bPartnerProgram":
				window.location.href = "AdminMember.asp?PartnerProgram=Representative";
				break;
			case "bCodeEthics":
				help('help','CodeOfEthics.htm',580,480,0);
				break;
			case "bWhatsNew":
				window.location.href = "WhatsNew.htm";
				break;
			case "bContactUs":
				window.location.href = "contactUs.htm";
				break;
			case "bDoingBusinessIn":
				window.location.href = "LinkSearch.asp";
				break;
			case "bIndustrialCodes":
				help('Help','MainCategory.asp?idCategoryLevel=1&amp;lvlCategory=0',580,480,0);
				break;
			case "bFAQ":
				window.location.href = "FAQ.htm";
				break;
			case "bOnlineHelp":
				help('help','Help.asp',580,480,0);
				break;
			case "bFeedback":
				window.location.href = "mailto:feedback@1commerce.com";
				break;
			case "bSupport":
				window.location.href = "mailto:support@1commerce.com";
				break;
			case "bRepresentatives":
				window.location.href = "RepresentativeInfo.htm";
				break;
			case "bAssociates":
				window.location.href = "AssociateInfo.htm";
				break;
			case "bGlobalDirectory":
				window.location.href = "http://www.ecpages.com";
				break;
			case "bMulti":
				window.location.href = "AssociateSearch.asp";
				break;
		}
	}
}

// Function to parse out the name of the Image in the SubMenu
function parseCurrentImage(imgSRC) {
var tempString=new String(imgSRC);
var imgName;

//Parse out the "/" in the src
	while (tempString.indexOf("/") >= 0) {
		imgName = tempString.substr(0, tempString.indexOf("/"));
		tempString = tempString.substr(tempString.indexOf("/") + 1, tempString.length - tempString.indexOf("/") + 1); 
	}
//Now parse out the .gif and the type
	imgName = tempString.substr(0, tempString.indexOf(".gif"));
	Type = imgName.substr(imgName.length - 2, 2);
	if (Type=="ff") {
		Type = "Off";
	} else if (Type=="On") {
		Type = "On";
	}
	return imgName = imgName.substr(0, imgName.length - Type.length);
	
}

// Parse out the current Type of the image in the SubMenu
function parseCurrentType(imgSRC) {
var tempString=new String(imgSRC);
var imgName;

//Parse out the "/" in the src
	while (tempString.indexOf("/") >= 0) {
		imgName = tempString.substr(0, tempString.indexOf("/"));
		tempString = tempString.substr(tempString.indexOf("/") + 1, tempString.length - tempString.indexOf("/") + 1); 
	}
//Now parse out the .gif and the type
	imgName = tempString.substr(0, tempString.indexOf(".gif"));
	Type = imgName.substr(imgName.length - 2, 2);
	if (Type=="ff") {
		return Type = "Off";
	} else if (Type=="On") {
		return Type = "On";
	}
}

