 


<!--
	// Check Browser
	var browserName = navigator.appName;
	var browserVer = parseFloat(navigator.appVersion);
	var browserMac = navigator.appVersion.indexOf("Macintosh");
	var browserWin = navigator.appVersion.indexOf("Win");
	var version = "null";

	if (browserName == "Netscape"
		&& browserVer >= 3) version = "n3";
	if (browserName == "Microsoft Internet Explorer"
		&& browserVer >= 3.01
		&& browserMac != -1) version = "ie3m";
	if (browserName == "Microsoft Internet Explorer"
		&& browserVer >= 4) version = "ie4";

	// Assign Variable

	var supported = (version == "n3"
		|| version == "ie3m"
		|| version == "ie4") ? true : false;

	// Load Images
	if (supported)
	{
		// Add Preloaded Images here with object name following
		// the following naming convention...
		// "menu" + LABEL + NUMBER + ("on")
		// where LABEL is the unique menu group identifier
		// NUMBER is the menu item number starting at 1
		// (on) is tagged to the end of the object name in the 
		// case of an "active" image.


		menumain1 = new Image();
		menumain1.src = "img/menu/menu_whatsnew.jpg";
		menumain1on = new Image();
		menumain1on.src = "img/menu/menu_whatsnew_on.jpg";


		menumain2 = new Image();
		menumain2.src = "img/menu/menu_products.jpg";
		menumain2on = new Image();
		menumain2on.src = "img/menu/menu_products_on.jpg";


		menumain3 = new Image();
		menumain3.src = "img/menu/menu_cleaninganswers.jpg";
		menumain3on = new Image();
		menumain3on.src = "img/menu/menu_cleaninganswers_on.jpg";


		menumain4 = new Image();
		menumain4.src = "img/menu/menu_mopheadreplaceme.jpg";
		menumain4on = new Image();
		menumain4on.src = "img/menu/menu_mopheadreplaceme_on.jpg";


		menumain5 = new Image();
		menumain5.src = "img/menu/menu_aboutus.jpg";
		menumain5on = new Image();
		menumain5on.src = "img/menu/menu_aboutus_on.jpg";


		menumain6 = new Image();
		menumain6.src = "img/menu/menu_faqs.jpg";
		menumain6on = new Image();
		menumain6on.src = "img/menu/menu_faqs_on.jpg";


		menumain7 = new Image();
		menumain7.src = "img/menu/menu_inthenews.jpg";
		menumain7on = new Image();
		menumain7on.src = "img/menu/menu_inthenews_on.jpg";


		menumain8 = new Image();
		menumain8.src = "img/menu/menu_wheretobuy.jpg";
		menumain8on = new Image();
		menumain8on.src = "img/menu/menu_wheretobuy_on.jpg";


		menumain9 = new Image();
		menumain9.src = "img/menu/menu_contactus.jpg";
		menumain9on = new Image();
		menumain9on.src = "img/menu/menu_contactus_on.jpg";


		menumain10 = new Image();
		menumain10.src = "img/menu/menu_tellafriend.jpg";
		menumain10on = new Image();
		menumain10on.src = "img/menu/menu_tellafriend_on.jpg";


		menumain11 = new Image();
		menumain11.src = "img/menu/menu_ecofriendly.jpg";
		menumain11on = new Image();
		menumain11on.src = "img/menu/menu_ecofriendly_on.jpg";




		// Indexes
		// These are the indicies in the the arrays below.
		// These should start at zero, and be contiguous
		mainindex  = 0;
	
		// Current Menu Selections
		// Lets us know where we are to start.
		// Can be overridden by the initial "menusetit" function call.
		select = new Array(0,0,0);

		prevactive = new Array(0,0,0);
	
		// Associates a series of rollover images
		// with a tagline.
		tagline    = new Array(0,0,0);
		hastagline = new Array(0,0,0);

		// Menu Sizes
		// Base on the number of images above
		size = new Array(10,0,0);
		
		// Initialize TimerIDs
		// Start 'em all out at ZERO
		timer = new Array(0,0,0);
	
		// Delay in MS for "Snap Back"
		// Raise this number for a Cool Delayed
		// "SnapBack" Effect
		delay = 100;
	}

	function menuactivate(menu,on)
	{
		if (supported)
		{						
			var menusize   = eval("size["       + menu + "index]");
			var menuselect = eval("select["     + menu + "index]");
			var menuprev   = eval("prevactive[" + menu + "index]");
			var index      = eval(menu + "index");

			clearTimeout(eval("timer[" + menu + "index]"));

			if (hastagline[index] != 0)
			{
				menuactivate(menu + "tagline", on);
			}
			

			// Turn off the "Current Section" image
			if ((menuselect != 0) && (menuselect != on) && (tagline[index] == 0))
			{
				imgName = "menu" + menu + menuselect;
				roll = eval(imgName + ".src");
				document.images[imgName].src = roll;
			}

			// Turn off the Previous Rollover
			if ((menuprev != 0) && (tagline[index] == 0))
			{
				imgName = "menu" + menu + menuprev;
				roll = eval(imgName + ".src");
				document.images[imgName].src = roll;
			}
			
			// Turn on the one we're rolling over						
			imgName = "menu" + menu + on;
			roll = eval(imgName + "on.src");
			
			if(tagline[index] == 0)
			{
				document.images[imgName].src = roll;
			}
			
			else
			{
				document.images[menu].src = roll;
			}
		}
	}

	function menudestroy(menu,off)
	{
	
		if (supported)
		{
			var menuselect = eval("select[" + menu + "index]");
			index          = eval(menu + "index"); 
									
			// Build the Timed Function Call
			var call = "resetImage(\'" + menu + "\')";
		
			
			// Set Timer for the reseting of images
			timer[index] = setTimeout(call,delay);
			
			prevactive[index] = off;
		}
	}

	function resetImage(menu)
	{
		var menusize   = eval("size["   + menu + "index]");
		var menuselect = eval("select[" + menu + "index]");
		var index      = eval(menu + "index");
		
		if (hastagline[index] != 0)
		{
			imgName = "menu" + menu + "tagline" + 1;
			roll = eval(imgName + ".src");
			document.images[menu + "tagline"].src = roll;
		}

		// turn off ALL the images if this is not a tagline
		if(tagline[index] == 0)
		{
			for (i = 1; i <= menusize; i++)
			{
				if ( i != menuselect)
				{
					imgName = "menu" + menu + i;
					roll = eval(imgName + ".src");
					document.images[imgName].src = roll;
				}
			}
		}
		
		// Turn off the tagline
		else{
			imgName = "menu" + menu + 1;
			roll = eval(imgName + ".src");
			document.images[menu].src = roll;
		}
		
		
		
		// Only Turn on an Image if we are actually in 
		// a particular section
		if (menuselect != 0)
		{
			imgName = "menu" + menu + menuselect;
			roll = eval(imgName + "on.src");
			
			if(tagline[index] == 0)
			{
				document.images[imgName].src = roll;
			}
			
			else
			{
				document.images[menu].src = roll;
			}
		}
	}
	
	
	

	function menusetit(menu,set)
	{
		if ((supported) && (set != 0))
		{	
			index = eval(menu + "index");	
			select[index] = set;
			menuactivate(menu,set);
		}
	}
-->