var myTag = '';
var layerTime = 0;
var currentWidth = 0;
var param_WidthAdd = 0;
var param_PageWidth = 0;
var param_DivHeight = 0;
var preloadFlag = false;

// ************************************************************************

function newImage(arg) {
        if (document.images) {
                rslt = new Image();
                rslt.src = arg;
                return rslt;
        }
}

// ************************************************************************

function changeImages() {
        if (document.images && (preloadFlag == true)) {
                for (var i=0; i<changeImages.arguments.length; i+=2) {
                        document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
                }
        }
}

// ************************************************************************

function preloadImages()
        {
        if (document.images) {
                about_on = newImage("images/about_on.gif");
                product_on = newImage("images/product_on.gif");
                service_on = newImage("images/service_on.gif");
                pricing_on = newImage("images/pricing_on.gif");
                contact_on = newImage("images/contact_on.gif");
                preloadFlag = true;
        }
}

// ************************************************************************

function On(name)
        {
        var layers=document.getElementsByTagName("DIV");
  var currentWidth=document.body.clientWidth;
        if (myTag!=name) // f not name and not null
                {
                if (layerTime)
                        {
                        clearTimeout (layerTime);
                        layerTime=0;
                        }
                if (myTag!='') // if not ''
                        { layers[myTag].style.visibility ="hidden"; }

                if (document.body.clientWidth)
                        {
                        param_PageWidth = (((document.body.clientWidth)-778)/2);
                        if ( param_PageWidth < 0)
                                { param_PageWidth = 0; }
                        }

                switch(name)
                        {
                  case "mnu_about":
                                 param_WidthAdd = -1;
                                 break;
                  case "mnu_product":
                                 param_WidthAdd = 129;
                                 break;
                  case "mnu_service":
                                 param_WidthAdd = 259;
                                 break;
                  case "mnu_contact":
                                 param_WidthAdd = 519;
                                 break;
                        }
                layers[name].style.left = (param_PageWidth + param_WidthAdd);
                layers[name].style.visibility = "visible";
                myTag=name;
                }
        }

// ************************************************************************

function Enter()
        {
  if (layerTime)
                { clearTimeout (layerTime);
                layerTime=0; }
        }

// ************************************************************************

function Leave()
        { layerTime = setTimeout ("Off()", 300); }

// ************************************************************************

function Off()
        {
        var layers=document.getElementsByTagName("DIV");
        if(myTag!='')
                {
                layers[myTag].style.visibility ="hidden";
                myTag='';
                }
        }

// ************************************************************************

function writeDivisions(param_DivHeight)
        {
  document.write ("          <div id='mnu_about' style='position: absolute; top:" + param_DivHeight + "px; visibility:hidden;'>");
  document.write ("            <table width=185 class='menuTable'>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_ab1' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_ab1\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_ab1\").bgColor=\"#FFFFFF\";'><a href='history.htm' class='menu'>History and Company Profile</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_ab2' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_ab2\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_ab2\").bgColor=\"#FFFFFF\";'><a href='aftermarket.htm' class='menu'>Aftermarket ZEXEL and Bosch</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_ab3' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_ab3\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_ab3\").bgColor=\"#FFFFFF\";'><a href='branding.htm' class='menu'>Branding Strategy</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_ab4' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_ab4\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_ab4\").bgColor=\"#FFFFFF\";'><a href='production.htm' class='menu'>Production Facilities</a></td>");
  document.write ("              </tr>");
  document.write ("            </table>");
  document.write ("          </div>");

  document.write ("          <div id='mnu_product' style='position: absolute; top:" + param_DivHeight + "px; visibility:hidden;'>");
  document.write ("            <table width=185 class='menuTable'>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_pr1' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_pr1\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_pr1\").bgColor=\"#FFFFFF\";'><a href='inline_pumps.htm' class='menu'>Inline Pumps</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_pr2' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_pr2\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_pr2\").bgColor=\"#FFFFFF\";'><a href='distributor_pumps.htm' class='menu'>Distributor Pumps</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_pr3' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_pr3\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_pr3\").bgColor=\"#FFFFFF\";'><a href='nozzle_holder.htm' class='menu'>Nozzle Holders</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_pr4' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_pr4\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_pr4\").bgColor=\"#FFFFFF\";'><a href='nozzle.htm' class='menu'>Nozzles</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_pr5' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_pr5\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_pr5\").bgColor=\"#FFFFFF\";'><a href='packaging.htm' class='menu'>New ZEXEL Packaging</a></td>");
  document.write ("              </tr>");
  document.write ("            </table>");
  document.write ("          </div>");

  document.write ("          <div id='mnu_service' style='position: absolute; top:" + param_DivHeight + "px; visibility:hidden;'>");
  document.write ("            <table width=186 class='menuTable'>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_sr1' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_sr1\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_sr1\").bgColor=\"#FFFFFF\";'><a href='technical_information.htm' class='menu'>Technical Information</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_sr1a' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_sr1a\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_sr1a\").bgColor=\"#FFFFFF\";'><a href='promotion.htm' class='menu'>Promotion Material</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_sr2' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_sr2\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_sr2\").bgColor=\"#FFFFFF\";'><a href='fastmovingparts.htm' style='width:100%; height:100%;' class='menu'>Fast-Moving Parts Database</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_sr3' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_sr3\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_sr3\").bgColor=\"#FFFFFF\";'><a href='stampingreference.htm' class='menu'>Stamping Reference Database</a></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td  bgcolor='#4F6B7C' class='menuCellDiv'></td>");
  document.write ("              </tr>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_sr4' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_sr4\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_sr4\").bgColor=\"#FFFFFF\";'><a href='boschzexelpn.htm' class='menu'>Bosch / ZEXEL Cross-reference</a></td>");
  document.write ("              </tr>");
  document.write ("            </table>");
  document.write ("          </div>");

  document.write ("          <div id='mnu_contact' style='position: absolute; top:" + param_DivHeight + "px; visibility:hidden;'>");
  document.write ("            <table width=185 class='menuTable'>");
  document.write ("              <tr onMouseOver='Enter();' onMouseOut='Leave();'>");
  document.write ("                <td bgcolor='#FFFFFF' id='menuCell_cn1' class='menuCell' onMouseOver='javascript: document.getElementById(\"menuCell_cn1\").bgColor=\"#4A7FC0\";' onMouseOut='javascript: document.getElementById(\"menuCell_cn1\").bgColor=\"#FFFFFF\";'><a href='#' class='menu'>Wholesalers and Workshops</a></td>");
  document.write ("              </tr>");
  document.write ("            </table>");
  document.write ("          </div>");
  }