/*
*  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 style='vertical-align:bottom'>\n"
  	  + "<table border='0' cellpadding='0' cellspacing='0' width='760'>"
	  + "<tr>\n<td colspan='13'><img src='"
      + imagePath + "spacer.gif' width='760' height='25' 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 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</tr>";
	
     //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;
		}
	}
}