/*
	*  Defines a menu item.
	*  Params:
	*  name - images name
	*  link - where the menu item links to
	*  alt - The alt tag used.
	*/
	function menuItem(aName,aLink,anAlt) {
     this.name = aName;
     this.link = aLink;
     this.alt  = anAlt;
	 this.imageOn = new Image();
	 this.imageOff = new Image();
    }	
	/*
	*  Returns a sub-menu based on the menu items passed in.
	*  Params:
	*  imagePath - The path to the images,e.g. "/common/images/subNav/"
	*  menuItems  - An array of menu items.
	*  selectedName - The name of the item that is selected
	*                (Should be a menuItem.name)
	*/
	function makeBottomMenu(imagePath, menuItems, selectedName)  {
	  setupImages(imagePath, menuItems);
	  //Top section of the menu
	  var colspan = menuItems.length + menuItems.length-1;
	  var topPart = "<div>\n"
	  	  + "<table border='0' cellpadding='0' cellspacing='0' width='760'>"
		 // + "<tr>\n<td colspan='12'><img src='"
	     // + imagePath + "spacer.gif' width='760' height='1' alt='' border='0'></td>\n"
		 // + "</tr>"
		  		
	  var middlePart = "\n<tr>\n"
	   + "<td bgcolor='#CC0000'><img src='"
	   + imagePath + "spacer.gif' width='45' height='17' alt='' border='0'></td>\n";
	  for (var i = 0; i < menuItems.length; i++)	{
	     middlePart = middlePart + "<td bgcolor='#CC0000'><a  target='_top' href=\"";
		 
		 if (menuItems[i].name == selectedName) {
		   //selected		 
   	       middlePart = middlePart + menuItems[i].link + "\"><img src='"
		   + imagePath + menuItems[i].name +"_on.gif "		   
		 } else {
		   //Not selected
   	       middlePart = middlePart + menuItems[i].link + "\" onMouseOver=\"footerMenuImgOn('"
		   + menuItems[i].name + "',"
		   +i + ")\" onMouseOut=\"footerMenuImgOff('"
		   + menuItems[i].name + "',"
		   +i +")\"><img src='"
		   + imagePath + menuItems[i].name +"_off.gif "
		 }
		 
   	     middlePart = middlePart + "' height='17' alt=\""
		 + menuItems[i].alt + "\" border='0' name='"
		 + menuItems[i].name + "'></a></td>\n";
		 
		 if (i != menuItems.length-1) {
		   //Add divider
	       middlePart = middlePart + "<td valign='top'><img src='"
		   + imagePath + "divider.gif' width='14' height='17' alt='' border='0'></td>";
		   
		 }
	  }			
		
      
	  middlePart = middlePart  
 	 //padding on right hand side of menu
	  + "<td bgcolor='#CC0000'><img src='"
  + imagePath + "spacer.gif' width='436' height='17' alt='' border='0'></td>\n";
		
      //Bottom section of the menu		
	  var buttomPart = "\n</table>\n"
	      + "</div>"

	 
	  return topPart + (middlePart + buttomPart);
	}
					
	/*
	*  Sets the images ready for mouse overs:
	*  imagePath - The path to the images,e.g. "/common/images/subNav/"
	*  menuItems  - An array of menu items.
	*/
	function setupImages(imagePath, menuItems)  {
        if (document.images) {	
	      for (var i = 0; i < menuItems.length; i++)	{
            menuItems[i].imageOn.src  = eval('"' + imagePath + menuItems[i].name + "_on.gif" + '"'); 
            menuItems[i].imageOff.src = eval('"' + imagePath + menuItems[i].name + "_off.gif" + '"'); 			  
		  } //end for
        } //end if
	}
	
	// Function to 'activate' pics.
	function bottomMenuImgOn(imgName, index) {
        if (document.images) {
            document[imgName].src = items[index].imageOn.src;
        }
	}

	// Function to 'deactivate' pics.
	function bottomMenuImgOff(imgName, index) {
       if (document.images) {
            document[imgName].src = items[index].imageOff.src;
       }
	}

//duplicate this code for now in subNav.js, but remove from subNav.js when we put Bikes site live

// Function to 'activate' pics.
function menuImgOn(imgName, index, menuItems, divName)
{
	if (document.images)
	{
		if (arguments.length == 4)
		{
			eval('document.' + divName + '.document[imgName].src = menuItems[index].imageOn.src;');
		}
		else
		{
			document[imgName].src = menuItems[index].imageOn.src;		
		}
	}
}

// Function to 'deactivate' pics.
function menuImgOff(imgName, index, menuItems, divName)
{
	if (document.images)
	{
		if (arguments.length == 4)
		{
			eval('document.' + divName + '.document[imgName].src = menuItems[index].imageOff.src;');
		}	
		else
		{
			document[imgName].src = menuItems[index].imageOff.src;
		}
	}
}