//////////////////////////////////////////////////////////
// Main Variables and arrays
var Total_Main_Menu_Items = 4;
var Total_Images = 15;   // Number of images to cache
var num_areas = 9;
var BlankImage = "/images/divider0.gif";

// SETUP ARRAYS TO HOLD INFORMATION
MainImageSrc = new Array(Total_Main_Menu_Items);
MainImage = new Array(Total_Main_Menu_Items);
dbl_array(MainImageSrc, 2);

SubMenuImage = new Array(Total_Main_Menu_Items);   // Array of images for submenu
dbl_array(SubMenuImage, num_areas);
src_array = new Array(Total_Main_Menu_Items);      // Array of image src's for submenu
dbl_array(src_array, num_areas);
var loc_array = new Array(Total_Main_Menu_Items);  // Array of links for submenu
dbl_array(loc_array, num_areas);
var sta_array = new Array(Total_Main_Menu_Items);  // Array of status strings for submenu
dbl_array(sta_array, num_areas);
// Initialize first row of 2 dimensional arrays

for (i=0;i<Total_Main_Menu_Items;i++){
  for (j=0; j < num_areas; j++) {
    src_array[i][j] = BlankImage;
    loc_array[i][j] = "#";
    sta_array[i][j] = "";
  }
}

//////////////////////////////////////////////////////////
// ***** SET UP EACH SET OF MAIN IMAGES HERE *****
// 0 = Normal Image
// 1 = Mouse Over Image

MainImageSrc[0][0] = "/images/about_small.gif" 
MainImageSrc[0][1] = "/images/about_small_b.gif"
MainImageSrc[1][0] = "/images/products_small.gif" 
MainImageSrc[1][1] = "/images/products_small_b.gif" 
   src_array[1][0] = "/images/nav_bar.gif";
   loc_array[1][0] = "#";
   src_array[1][1] = "/images/nav0.gif";
   loc_array[1][1] = "/precision.htm";
   src_array[1][2] = "/images/nav1.gif";
   loc_array[1][2] = "/hss_cobalt.htm";
   src_array[1][3] = "/images/nav2.gif";
   loc_array[1][3] = "/carbide.htm";
   src_array[1][4] = "/images/nav3.gif";
   loc_array[1][4] = "/shop.htm";
   src_array[1][5] = "/images/nav4.gif";
   loc_array[1][5] = "/abrasives.htm";
   src_array[1][6] = "/images/nav5.gif";
   loc_array[1][6] = "/tooling.htm";
   src_array[1][7] = "/images/nav6.gif";
   loc_array[1][7] = "/shelving.htm";
   src_array[1][8] = "/images/nav7.gif";
   loc_array[1][8] = "/hand_power.htm";
MainImageSrc[2][0] = "/images/contact_small.gif" 
MainImageSrc[2][1] = "/images/contact_small_b.gif" 
   src_array[2][0] = "/images/nav_bar2.gif";
   loc_array[2][0] = "#"; 
   src_array[2][5] = "/images/nav2_1.gif";
   loc_array[2][5] = "/purchase.htm"; 
   src_array[2][6] = "/images/nav2_2.gif";
   loc_array[2][6] = "/request.htm";
   src_array[2][7] = "/images/nav2_3.gif";
   loc_array[2][7] = "/contact_us.htm";
MainImageSrc[3][0] = "/images/shoponline-sm.gif" 
MainImageSrc[3][1] = "/images/shoponline-sm_b.gif"



// SETUP OTHER VARIABLES
var images_cached = 0;   // Number of images cached so far
var timerID;             // Timer
var main_topic = 0;      // Indicates which main topic is highlighted


//////////////////////////////////////////////////////////
function dbl_array(a, x)
{
  for (i=0; i < Total_Main_Menu_Items; i++) {
    a[i] = new Array(x)
    for (j=0; j < x; j++) {
       a[i][j] = "["+i+","+j+"]"
    }
  }
}

if (document.images)
{

  for (i=0;i<Total_Main_Menu_Items;i++)
  {
    MainImage[i] = new Image(); 
    MainImage[i].onload = count_img;
    MainImage[i].src = MainImageSrc[0][0];

    for (j=0;j<num_areas;j++)
    {
      SubMenuImage[i][j] = new Image(); 
      SubMenuImage[i][j].onload = count_img;
      SubMenuImage[i][j].src = src_array[i][j];
    }

  }

// var Img_nav1x = new Image(); 
// var Img_nav2x = new Image(); 
// var Img_nav3x = new Image();
// var Img_nav4x = new Image();
// var Img_nav5x = new Image();
// var Img_nav6x = new Image();

// var Img_lnx1 = new Image();
// var Img_lnx1a = new Image();
// var Img_lnx1b = new Image();
// var Img_lnx1c = new Image();
// var Img_lnx1d = new Image();
// var Img_lnx2 = new Image();
// var Img_lnx2a = new Image();
// var Img_lnx2b = new Image();
// var Img_lnx2c = new Image();
// var Img_lnx2d = new Image();
// var Img_lnx2e = new Image();
// var Img_lnx2f = new Image();
// var Img_lnx2g = new Image();
// var Img_lnx2h = new Image();
// var Img_lnx2i = new Image();
// var Img_lnx2j = new Image();
// var Img_lnx2k = new Image();
// var Img_lnx2l = new Image();
// var Img_lnx2m = new Image();
// var Img_lnx3 = new Image();
// var Img_lnx3a = new Image();
// var Img_lnx3b = new Image();
// var Img_lnx3c = new Image();
// var Img_lnx3d = new Image();
// var Img_lnx3e = new Image();
// var Img_lnx3f = new Image();
// var Img_lnx3g = new Image();
// var Img_lnx3h = new Image();
// var Img_lnx3i = new Image();
// var Img_lnx3j = new Image();
// var Img_lnx3k = new Image();
}

//////////////////////////////////////////////////////////
function set_callouts()
{
 callouts = 1;
}

//////////////////////////////////////////////////////////
// these are the menu item images in a normal state
function cache_images()
{
// Img_nav1x.onload = count_img;
// Img_nav1x.src = MainImageSrc[1][0];
// Img_nav2x.onload = count_img;
// Img_nav2x.src = MainImageSrc[2][0];
// Img_nav3x.onload = count_img;
// Img_nav3x.src = MainImageSrc[3][0];

// Img_lnx1.onload = count_img;
// Img_lnx1.src = "/pix/lnx1.gif";
// Img_lnx1a.onload = count_img;
// Img_lnx1a.src = "/pix/lnx1a.gif";
// Img_lnx1b.onload = count_img;
// Img_lnx1b.src = "/pix/lnx1b.gif";
// Img_lnx1c.onload = count_img;
// Img_lnx1c.src = "/pix/lnx1c.gif";
// Img_lnx1d.onload = count_img;
// Img_lnx1d.src = "/pix/lnx1d.gif";

// Img_lnx2.onload = count_img;
// Img_lnx2.src = "/pix/lnx2.gif";
// Img_lnx2a.onload = count_img;
// Img_lnx2a.src = "/pix/lnx2a.gif";
// Img_lnx2b.onload = count_img;
// Img_lnx2b.src = "/pix/lnx2b.gif";
// Img_lnx2c.onload = count_img;
// Img_lnx2c.src = "/pix/lnx2c.gif";
// Img_lnx2d.onload = count_img;
// Img_lnx2d.src = "/pix/lnx2d.gif";
// Img_lnx2e.onload = count_img;
// Img_lnx2e.src = "/pix/lnx2e.gif";
// Img_lnx2f.onload = count_img;
// Img_lnx2f.src = "/pix/lnx2f.gif";
// Img_lnx2g.onload = count_img;
// Img_lnx2g.src = "/pix/lnx2g.gif";
// Img_lnx2h.onload = count_img;
// Img_lnx2h.src = "/pix/lnx2h.gif";
// Img_lnx2i.onload = count_img;
// Img_lnx2i.src = "/pix/lnx2i.gif";
// Img_lnx2j.onload = count_img;
// Img_lnx2j.src = "/pix/lnx2j.gif";
// Img_lnx2k.onload = count_img;
// Img_lnx2k.src = "/pix/lnx2k.gif";
// Img_lnx2l.onload = count_img;
// Img_lnx2l.src = "/pix/lnx2l.gif";
// Img_lnx2m.onload = count_img;
// Img_lnx2m.src = "/pix/lnx2m.gif";

// Img_lnx3.onload = count_img;
// Img_lnx3.src = "/pix/lnx3.gif";
// Img_lnx3a.onload = count_img;
// Img_lnx3a.src = "/pix/lnx3a.gif";
// Img_lnx3b.onload = count_img;
// Img_lnx3b.src = "/pix/lnx3b.gif";
// Img_lnx3c.onload = count_img;
// Img_lnx3c.src = "/pix/lnx3c.gif";
// Img_lnx3d.onload = count_img;
// Img_lnx3d.src = "/pix/lnx3d.gif";
// Img_lnx3e.onload = count_img;
// Img_lnx3e.src = "/pix/lnx3e.gif";
// Img_lnx3f.onload = count_img;
// Img_lnx3f.src = "/pix/lnx3f.gif";
// Img_lnx3g.onload = count_img;
// Img_lnx3g.src = "/pix/lnx3g.gif";
// Img_lnx3h.onload = count_img;
// Img_lnx3h.src = "/pix/lnx3h.gif";
// Img_lnx3i.onload = count_img;
// Img_lnx3i.src = "/pix/lnx3i.gif";
// Img_lnx3j.onload = count_img;
// Img_lnx3j.src = "/pix/lnx3j.gif";
// Img_lnx3k.onload = count_img;
// Img_lnx3k.src = "/pix/lnx3k.gif";

  if ((navigator.appName.indexOf("Netscape") != -1)&&(navigator.appVersion.indexOf("4.") != -1))
    callouts=1;
  set_submenu_values();
}  

//////////////////////////////////////////////////////////
// these arrays are set up to correlate with the images that are defined
// and will change depending on the number of submenus and items
function set_submenu_values()
{
// for (j=0; j < num_areas; j++) {
//   src_array[1][j] = Img_lnx1.src;
// }
// src_array[1][0] = Img_lnx1a.src;
// src_array[1][1] = Img_lnx1b.src;
// src_array[1][3] = Img_lnx1c.src;
// src_array[1][5] = Img_lnx1d.src;
// src_array[1][6] = Img_lnx1d.src;

// src_array[2][0] = Img_lnx2m.src;
// src_array[2][1] = Img_lnx2a.src;
// src_array[2][2] = Img_lnx2b.src;
// src_array[2][3] = Img_lnx2.src;
// src_array[2][4] = Img_lnx2c.src;
// src_array[2][5] = Img_lnx2.src;
// src_array[2][6] = Img_lnx2d.src;
// src_array[2][7] = Img_lnx2e.src;
// src_array[2][8] = Img_lnx2e.src;
// src_array[2][9] = Img_lnx2.src;
// src_array[2][10] = Img_lnx2f.src;
// src_array[2][11] = Img_lnx2.src;
// src_array[2][12] = Img_lnx2g.src;
// src_array[2][13] = Img_lnx2.src;
// src_array[2][14] = Img_lnx2h.src;
// src_array[2][15] = Img_lnx2.src;
// src_array[2][16] = Img_lnx2i.src;
// src_array[2][17] = Img_lnx2.src;
// src_array[2][18] = Img_lnx2j.src;
// src_array[2][19] = Img_lnx2.src;
// src_array[2][20] = Img_lnx2k.src;
// src_array[2][21] = Img_lnx2k.src;
// src_array[2][22] = Img_lnx2l.src;

// src_array[3][0] = Img_lnx3a.src;
// src_array[3][1] = Img_lnx3b.src;
// src_array[3][2] = Img_lnx3.src;
// src_array[3][3] = Img_lnx3c.src;
// src_array[3][4] = Img_lnx3.src;
// src_array[3][5] = Img_lnx3d.src;
// src_array[3][6] = Img_lnx3d.src;
// src_array[3][7] = Img_lnx3e.src;
// src_array[3][8] = Img_lnx3.src;
// src_array[3][9] = Img_lnx3f.src;
// src_array[3][10] = Img_lnx3.src;
// src_array[3][11] = Img_lnx3g.src;
// src_array[3][12] = Img_lnx3.src;
// src_array[3][13] = Img_lnx3h.src;
// src_array[3][14] = Img_lnx3.src;
// src_array[3][15] = Img_lnx3i.src;
// src_array[3][16] = Img_lnx3.src;
// src_array[3][17] = Img_lnx3j.src;
// src_array[3][18] = Img_lnx3.src;
// src_array[3][19] = Img_lnx3k.src;
// src_array[3][20] = Img_lnx3k.src;
// src_array[3][21] = Img_lnx3.src;
// src_array[3][22] = Img_lnx3.src;


// // set hyperlinks for each menu item
// for (j=0; j < num_areas; j++) {
//   loc_array[1][j] = "#";
// }
// loc_array[1][0] = "https://www.sfopera.com/hsbin/hsrun/happs/WebTicketSales/WebTicketSales.htx;start=HS_SelectSeries";
// loc_array[1][1] = "/tickets/how_to_order_tickets.html";
// loc_array[1][3] = "/cgi-bin/eventcal";
// loc_array[1][5] = "/tickets/seating_charts.html";
// loc_array[1][6] = "/tickets/seating_charts.html";

// loc_array[2][0] = "/subscribe/index.html";
// loc_array[2][1] = "/99season/overview.htm";
// loc_array[2][2] = "/99season/unballo.htm";
// loc_array[2][3] = "#";
// loc_array[2][4] = "/99season/louise.htm";
// loc_array[2][5] = "#";
// loc_array[2][6] = "/99season/favorite.htm";
// loc_array[2][7] = "/99season/luciadi.htm";
// loc_array[2][8] = "/99season/luciadi.htm";
// loc_array[2][9] = "#";
// loc_array[2][10] = "/99season/wozzeck.htm";
// loc_array[2][11] = "#";
// loc_array[2][12] = "/99season/idomeneo.htm";
// loc_array[2][13] = "#";
// loc_array[2][14] = "/99season/nabucco.htm";
// loc_array[2][15] = "#";
// loc_array[2][16] = "/99season/boheme.htm";
// loc_array[2][17] = "#";
// loc_array[2][18] = "/99season/giovanni.htm";
// loc_array[2][19] = "#";
// loc_array[2][20] = "/99season/rakeprog.htm";
// loc_array[2][21] = "/99season/rakeprog.htm";
// loc_array[2][22] = "/99season/parsifal.htm";

// loc_array[3][0] = "/about/index.html";
// loc_array[3][1] = "/sfoperacenter/index.html";
// loc_array[3][2] = "#";
// loc_array[3][3] = "/sfoperaguild/index.html";
// loc_array[3][4] = "#";
// loc_array[3][5] = "/about/sf_opera_news.htm";
// loc_array[3][6] = "/about/sf_opera_news.htm";
// loc_array[3][7] = "/history/index.html";
// loc_array[3][8] = "#";
// loc_array[3][9] = "/education/index.html";
// loc_array[3][10] = "#";
// loc_array[3][11] = "/bravo/index.html";
// loc_array[3][12] = "#";
// loc_array[3][13] = "/membership/index.html";
// loc_array[3][14] = "#";
// loc_array[3][15] = "/hr/index.html";
// loc_array[3][16] = "#";
// loc_array[3][17] = "/rentals/index.html";
// loc_array[3][18] = "#";
// loc_array[3][19] = "/about/contact.htm";
// loc_array[3][20] = "/about/contact.htm";
// loc_array[3][21] = "#";
// loc_array[3][22] = "#";

  for (j=0; j < num_areas; j++)
  {
    sta_array[0][j] = "";
  }
  for (j=0; j < num_areas; j++)
  {
    sta_array[1][j] = "";
  }
  for (j=0; j < num_areas; j++)
  {
    sta_array[2][j] = "";
  }
}

//////////////////////////////////////////////////////////
// this keeps track of how many images have been loaded
function count_img()
{
  images_cached++;
  if (images_cached>=Total_Images)
  {
    set_callouts();
  }
}

//////////////////////////////////////////////////////////
// this function shows the highlighted button on the main menu
function Show_Menu(mouse_is_over)
{
  if (eval(mouse_is_over >= 0))
  {
    clearTimeout(timerID);
    main_topic = mouse_is_over;

    for (i=0;i<Total_Main_Menu_Items;i++)
    {
      if (mouse_is_over == i)
        document.images["nav" + i].src=MainImageSrc[i][1];
      else
        document.images["nav" + i].src=MainImageSrc[i][0];
    }
    document.images["submenu"].src=src_array[mouse_is_over][0];
  }
  else
  {
    clearTimeout(timerID);
    timerID = setTimeout('defaultSetting()', 1000);
  }
}

//////////////////////////////////////////////////////////
// this replaces the proper submenu image
function roll_submenu(mouse_is_over, map_area)
{
  if (eval(mouse_is_over >= 0))
  {
    clearTimeout(timerID);
    document.images["submenu"].src=src_array[main_topic][map_area];
  }
  else
  {
    //document.images["submenu"].src="/images/divider0.gif";
    clearTimeout(timerID);
    timerID = setTimeout('defaultSetting()', 1000);
  }
}

//////////////////////////////////////////////////////////
// this function activates the hyperlink for a menu item
function linkout(map_area)
{
  if (loc_array[main_topic][map_area].indexOf("DONT_MOVE")==-1)
    self.location=loc_array[main_topic][map_area];
}

//////////////////////////////////////////////////////////
// this checks the map area status
function get_status(map_area)
{
  if (map_area==-1)
    return "";
  else
    return sta_array[main_topic][map_area];
}

//////////////////////////////////////////////////////////
// this sets the default images for the menu
function defaultSetting()
{
  main_topic = 0;

  for (i=0;i<Total_Main_Menu_Items;i++)
  {
    document.images["nav" + i].src=MainImageSrc[i][0];
  }
  document.images["submenu"].src="/images/divider0.gif";
}