var enmenus = new Array(Array('HOME', 'index.html', 'go back to main page', ''),
                        Array('ABOUT US', '', 'answers to your questions about i-Profile', 'answers to your questions about i-Profile'),
                        Array('company profile', 'company.html', 'who we are', ''),
                        Array('excellence through quality', 'excellence.html', 'excellence throughout design & production', ''),
                        Array('environmental concerns', 'environmental.html', 'environmentally friendly at every step', ''),
                        Array('our associates', 'associates.html', 'the heart of the company', ''),
                        Array('locations', 'locations.html', 'where we are', ''),
                        Array('MARKETS & PRODUCTS', '', 'what we can provide for you', 'what we can provide for you'),
                        Array('custom profiles', 'customprofiles.html', 'profiles to your specification', ''),
                        Array('IC shipping tubes', 'shippingtubes.html', 'packaging tubes for electronic components', ''),
                        Array('POP display profiles', 'displayprofiles.html', '', ''),
                        Array('tubes and hoses (medical & others)', 'tubeshoses.html', 'tubes & hoses for medical & consumer uses', ''),
                        Array('SOLUTIONS', '', 'how we solve your problems', 'how we solve your problems'),
                        Array('design', 'design.html', '', ''),
                        Array('tooling know-how', 'tooling.html', '', ''),
                        Array('manufacturing', 'manufacturing.html', '', ''),
                        Array('finishing services', 'services.html', '', ''),
                        Array('materials', 'materials.html', '', ''),
                        Array('JOBS', 'jobs.html', 'Join our team', ''),
                        Array('CONTACT', 'contact.php', 'how to communicate with i-Profile', ''));

var zhmenus = new Array(Array('主 页', 'home.html', 'go back to main page', ''),
                        Array('公 司 简 介', '', 'answers to your questions about i-Profile', 'answers to your questions about i-Profile'),
                        Array('公 司 简 介', 'company.html', 'who we are', ''),
                        Array('以 质 取 胜', 'excellence.html', 'excellence throughout design & production', ''),
                        Array('环 境 意 识', 'environmental.html', 'environmentally friendly at every step', ''),
                        Array('以 人 为 本', 'associates.html', 'the heart of the company', ''),
                        Array('地 理 位 置', 'locations.html', 'where we are', ''),
                        Array('销 售 及 产 品', '', 'what we can provide for you', 'what we can provide for you'),
                        Array('各 行 各 业 中 的 型 材', 'customprofiles.html', 'profiles to your specification', ''),
                        Array('IC 包 装 管', 'shippingtubes.html', 'packaging tubes for electronic components', ''),
                        Array('主 流 型 材 产 品', 'displayprofiles.html', '', ''),
                        Array('包 装 管 及 软 管', 'tubeshoses.html', 'tubes & hoses for medical & consumer uses', ''),
                        Array('解 决 方 案', '', 'how we solve your problems', 'how we solve your problems'),
                        Array('设 计', 'design.html', '', ''),
                        Array('有 关 模 具 的 知 识', 'tooling.html', '', ''),
                        Array('生 产 制 造', 'manufacturing.html', '', ''),
                        Array('完 工 ٰ 务', 'services.html', '', ''),
                        Array('材 料', 'materials.html', '', ''),
                        Array('工 作 机 会', 'jobs.html', 'Join our team', ''),
                        Array('联 系 我 们', 'contact.php', 'how to communicate with i-Profile', ''));

String.prototype.trim = function()
{
  return this.replace(/^\s*|\s*$/g, '');
}

function getSubPath(root, subpath, map)
{
  if (map.length > 0)
    return ((root == true) ? map + '/' : ((subpath == true) ? '../' + map + '/' : map + '/'));
  else
    return ((root == true) ? '' : ((subpath == true) ? '../' : ''));
}

function showMenu(language, root, selected)
{
  var html, i, relativepath, subpath;
  var menus;
  switch (language)
  {
    case 'en':
      menus = enmenus;
      relativepath = ((root == true) ? language + '/' : '');
      break;
    case 'zh':
      menus = zhmenus;
      relativepath = '';
      break;
    default:
      menus = enmenus;
      relativepath = '../en/';
  }
  subpath = ((selected == 1) || (selected == 2) || (selected == 3) || (selected == 4));
  html = '<table width=\"100%\" border=\"0\" cellspacing=\"3\" cellpadding=\"0\">\n';
  html += '  <tr>\n';
  html += '    <td>\n';
  html += '      <a class=\"' + ((selected == 0) ? 'menuselected' : 'menu') + '\" href=\"' + (((root == true) || (menus[0][1] == 'home.html')) ? '' : '../') + ((subpath == true) ? '../' : '') + menus[0][1] + '\" title=\"' + menus[0][2] + '\"' + ((menus[0][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[0][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[0][0] + '</a>\n';
  html += '    </td>\n';
  html += '    <td>\n';
  html += '      <div id=\"parent1\">\n';
  html += '        <a class=\"' + ((selected == 1) ? 'menuselected' : 'menu') + '\" href=\"' + menus[0][1] + '\" title=\"' + menus[1][2] + '\"' + ((menus[1][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[1][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[1][0] + '</a>\n';
  html += '      </div>\n';
  html += '      <div id=\"child1\">\n';
  for (i = 2; i < 7; i++)
    html += '        <a class=\"dropdown1\" href=\"' + relativepath + getSubPath(root, subpath, 'aboutus') + menus[i][1] + '\" title=\"' + menus[i][2] + '\"' + ((menus[i][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[i][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[i][0] + '</a>\n';
  html += '      </div>\n';
  html += '    </td>\n';
  html += '    <td>\n';
  html += '      <div id=\"parent2\">\n';
  html += '        <a class=\"' + ((selected == 2) ? 'menuselected' : 'menu') + '\" href=\"' + menus[7][1] + '\" title=\"' + menus[7][2] + '\"' + ((menus[7][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[7][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[7][0] + '</a>\n';
  html += '      </div>\n';
  html += '      <div id=\"child2\">\n';
  for (i = 8; i < 12; i++)
    html += '        <a class=\"dropdown2\" href=\"' + relativepath + getSubPath(root, subpath, 'marketsproducts') + menus[i][1] + '\" title=\"' + menus[i][2] + '\"' + ((menus[i][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[i][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[i][0] + '</a>\n';
  html += '      </div>\n';
  html += '    </td>\n';
  html += '    <td>\n';
  html += '      <div id=\"parent3\">\n';
  html += '        <a class=\"' + ((selected == 3) ? 'menuselected' : 'menu') + '\" href=\"' + menus[12][1] + '\" title=\"' + menus[12][2] + '\"' + ((menus[12][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[12][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[12][0] + '</a>\n';
  html += '      </div>\n';
  html += '      <div id=\"child3\">\n';
  for (i = 13; i < 18; i++)
    html += '        <a class=\"dropdown3\" href=\"' + relativepath + getSubPath(root, subpath, 'solutions') + menus[i][1] + '\" title=\"' + menus[i][2] + '\"' + ((menus[i][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[i][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[i][0] + '</a>\n';
  html += '      </div>\n';
  html += '    </td>\n';
  html += '    <td>\n';
  html += '      <a class=\"' + ((selected == 4) ? 'menuselected' : 'menu') + '\" href=\"' + relativepath + getSubPath(root, subpath, 'jobs') + menus[18][1] + '\" title=\"' + menus[18][2] + '\"' + ((menus[18][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[18][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[18][0] + '</a>\n';
  html += '    </td>\n';
  html += '    <td>\n';
  html += '      <a class=\"' + ((selected == 5) ? 'menuselected' : 'menu') + '\" href=\"' + relativepath + getSubPath(root, subpath, '') + menus[19][1] + '\" title=\"' + menus[19][2] + '\"' + ((menus[19][3].length > 0) ? ' onmouseover=\"return showStatusText(\'' + menus[19][3] + '\');\" onmouseout=\"return showStatusText(\'\');\"' : '') + '>' + menus[19][0] + '</a>\n';
  html += '    </td>\n';
  html += '  </tr>\n';
  html += '</table>\n';
  document.write(html);
  initialize('parent1', 'child1');
  initialize('parent2', 'child2');
  initialize('parent3', 'child3');
}

function showStatusText(text)
{
  window.status = text;
  return true;
}

function click()
{
  var childobj, parentobj;
  parentobj = document.getElementById(this['parent']);
  childobj = document.getElementById(this['child']);
  if (childobj.style.visibility != 'visible')
    show(parentobj, childobj);
  else
    childobj.style.visibility = 'hidden';
  return false;
}

function create()
{
  var childobj, parentobj;
  parentobj = document.getElementById(this['parent']);
  childobj = document.getElementById(this['child']);
  show(parentobj, childobj);
  clearTimeout(childobj['timeout']);
}

function destroy()
{
  var childobj;
  childobj = document.getElementById(this['child']);
  childobj['timeout'] = setTimeout('document.getElementById(\'' + childobj.id + '\').style.visibility = \'hidden\'', 333);
}

function initialize(parent, child)
{
  var childobj, parentobj;
  parentobj = document.getElementById(parent);
  childobj = document.getElementById(child);
  parentobj['parent'] = parentobj.id;
  childobj['parent'] = parentobj.id;
  parentobj['child'] = childobj.id;
  childobj['child'] = childobj.id;
  childobj.style.position = 'absolute';
  childobj.style.visibility = 'hidden';
  parentobj.onclick = click;
  parentobj.onmouseout = destroy;
  childobj.onmouseover = create;
  childobj.onmouseout = destroy;
}

function show(parentobj, childobj)
{
  var left, top;
  left = 0;
  top = parentobj.offsetHeight;
  for (; parentobj; parentobj = parentobj.offsetParent)
  {
    top  += parentobj.offsetTop;
    left += parentobj.offsetLeft;
  }
  childobj.style.position = 'absolute';
  childobj.style.left = left + 'px';
  childobj.style.top = top + 'px';
  childobj.style.visibility = 'visible';
}

function isApplicationComplete(formobj, requiredfields, codetext)
{
  var buffer, focus;
  buffer = requiredfields + '\r\n';
  focus = false;
  if (formobj.Code.value.trim().length != 4)
  {
    buffer += '\r\n- ' + codetext;
    if (focus == false)
    {
      focus = true;
      formobj.Code.focus();
    }
  }
  if (focus == true)
    window.alert(buffer);
  return Boolean(focus ^ true);
}

function isContactComplete(formobj, requiredfields, companytext, emailtext, countrytext, codetext)
{
  var buffer, focus;
  buffer = requiredfields + '\r\n';
  focus = false;
  if (formobj.Company.value.trim().length == 0)
  {
    buffer += '\r\n- ' + companytext;
    if (focus == false)
    {
      focus = true;
      formobj.Company.focus();
    }
  }
  if ((formobj.Email.value.trim().length == 0) || (formobj.Email.value.indexOf('@') == -1))
  {
    buffer += '\r\n- ' + emailtext;
    if (focus == false)
    {
      focus = true;
      formobj.Email.focus();
    }
  }
  if (formobj.Country.value.trim().length == 0)
  {
    buffer += '\r\n- ' + countrytext;
    if (focus == false)
    {
      focus = true;
      formobj.Country.focus();
    }
  }
  if (formobj.Code.value.trim().length != 4)
  {
    buffer += '\r\n- ' + codetext;
    if (focus == false)
    {
      focus = true;
      formobj.Code.focus();
    }
  }
  if (focus == true)
    window.alert(buffer);
  return Boolean(focus ^ true);
}