var myNavBar = new NavBar(0);
var tempMenu;

myNavBar.setSizes(1, 2, 1);

//顏色設定("邊框", "選單目錄文字", "選單目錄背景", "MouseOver選單目錄文字", "MouseOver選單目錄背景", "子選單文字", "子選單背景", "MouseOver子選單文字", "MouseOver子選單背景")
myNavBar.setColors("#FF9900", "#808080", "#FF9900", "#000000", "#cccccc", "#808080", "#ffffff", "#808080", "#cccccc");

//字型及字體大小("選單目錄字型, Chicago", "plain", "plain", "選單目錄文字大小", "子選單字型, Chicago", "plain", "plain", "子選單文字大小")
myNavBar.setFonts("Verdana, Chicago", "plain", "plain", "8pt", "Verdana, Chicago", "plain", "plain", "8pt");

//myNavBar.setAlign("left/center/right")
myNavBar.setAlign("center");

//寬度設定(選單目錄分項寬度, 分項子選單寬度)
tempMenu = new NavBarMenu(120, 120);
tempMenu.addItem(new NavBarMenuItem("日本優質科儀 ", ""));
tempMenu.addItem(new NavBarMenuItem(". ", ""));
tempMenu.addItem(new NavBarMenuItem(". ", ""));
tempMenu.addItem(new NavBarMenuItem("所有圖庫 ", "http://www.kelabhk.com/photolistmenu/JAPAN1.htm"));
tempMenu.addItem(new NavBarMenuItem("日本物理", "http://www.kelabhk.com/newweb/JAPANWEB/JPPHYINDEX.htm"));
tempMenu.addItem(new NavBarMenuItem("日本生物", "http://www.kelabhk.com/newweb/JAPANWEB/JPBIOINDEX.htm"));
tempMenu.addItem(new NavBarMenuItem("日本化學", "http://www.kelabhk.com/newweb/JAPANWEB/JPCHEMINDEX.htm"));
tempMenu.addItem(new NavBarMenuItem("日本量度儀", "http://www.kelabhk.com/newweb/JAPANWEB/PHYDETMETER.htm"));
tempMenu.addItem(new NavBarMenuItem("日本地球科學", "http://www.kelabhk.com/newweb/JAPANWEB/EARTHSTUDY.htm"));
tempMenu.addItem(new NavBarMenuItem("向KELAB訂購", "http://www.kelabhk.com/contactus/out.htm"));
myNavBar.addMenu(tempMenu);

tempMenu = new NavBarMenu(120, 120);
tempMenu.addItem(new NavBarMenuItem("台灣優質科儀", ""));
tempMenu.addItem(new NavBarMenuItem("所有圖庫", "http://www.kelabhk.com/photolistmenu/TAIWAN.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣力學", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Ephyscismechanic.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣電學磁學", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Ephyscis%7Eelectric.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣光學波動", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Ephyscis%7Elightwave.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣熱流真空", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Ephyscisthermalfluid.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣生物科儀", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Ebiology.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣化學科儀", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Echemistry.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣地理天文", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7EGeographygobel.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣工具設備", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Egeneralequip.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣安全設備", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Esafety.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣玻璃儀器", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Eglasswares.htm"));
tempMenu.addItem(new NavBarMenuItem("台灣測量器材", "http://www.kelabhk.com/newweb/TAIWANequip/Taiwan%7Etestequipment.htm"));
tempMenu.addItem(new NavBarMenuItem("向KELAB訂購", "http://www.kelabhk.com/contactus/out.htm"));
myNavBar.addMenu(tempMenu);

tempMenu = new NavBarMenu(120, 120);
tempMenu.addItem(new NavBarMenuItem("創意科學館展品", ""));
tempMenu.addItem(new NavBarMenuItem("所有圖庫", "http://www.kelabhk.com/photolistmenu/JHL1.htm"));
tempMenu.addItem(new NavBarMenuItem("展覽館精選", "http://www.kelabhk.com/CREATIVEWEB/CREATDEMOBG.htm"));
tempMenu.addItem(new NavBarMenuItem("創意電學", "http://www.kelabhk.com/CREATIVEWEB/CREATELECTRO.htm"));
tempMenu.addItem(new NavBarMenuItem("創意力學", "http://www.kelabhk.com/CREATIVEWEB/CREATMECHANIC.htm"));
tempMenu.addItem(new NavBarMenuItem("創意光學", "http://www.kelabhk.com/CREATIVEWEB/CREATOPTICS.htm"));
tempMenu.addItem(new NavBarMenuItem("創意熱能學A", "http://www.kelabhk.com/CREATIVEWEB/CREATHEAT.htm"));
tempMenu.addItem(new NavBarMenuItem("創意熱能學B", "http://www.kelabhk.com/CREATIVEWEB/CreativeFEB03.htm"));
tempMenu.addItem(new NavBarMenuItem("其他創意科儀", "http://www.kelabhk.com/CREATIVEWEB/CREATSPECIAL.htm"));
tempMenu.addItem(new NavBarMenuItem("向KELAB訂購", "http://www.kelabhk.com/contactus/out.htm"));
myNavBar.addMenu(tempMenu);

tempMenu = new NavBarMenu(120, 120);
tempMenu.addItem(new NavBarMenuItem("小學科儀教具", ""));
tempMenu.addItem(new NavBarMenuItem("所有圖庫", "http://www.kelabhk.com/photolistmenu/PRIMARY0.htm"));
tempMenu.addItem(new NavBarMenuItem("常識科", "http://www.kelabhk.com/ClassifiedPriSec/Pweb/Psubject/subject/Pscience/Pscipage/searchequip/out.htm"));
tempMenu.addItem(new NavBarMenuItem("中文科", "http://www.kelabhk.com/ClassifiedPriSec/Pweb/Psubject/subject/Chinese/poWALLAPP.htm"));
tempMenu.addItem(new NavBarMenuItem("英文科", "http://www.kelabhk.com/ClassifiedPriSec/Pweb/Psubject/subject/English/ENGWALLAPP.htm"));
tempMenu.addItem(new NavBarMenuItem("數學科", "http://www.kelabhk.com/ClassifiedPriSec/Pweb/Psubject/subject/mathematics/FORWEB/math.htm"));
tempMenu.addItem(new NavBarMenuItem("美術科", "#"));
tempMenu.addItem(new NavBarMenuItem("體育科", "#"));
tempMenu.addItem(new NavBarMenuItem("普通話科", "http://www.kelabhk.com/ClassifiedPriSec/Pweb/Psubject/subject/Chinese/poWALLAPP.htm"));
tempMenu.addItem(new NavBarMenuItem("向KELAB訂購", "http://www.kelabhk.com/contactus/out.htm"));
myNavBar.addMenu(tempMenu);

tempMenu = new NavBarMenu(120, 120);
tempMenu.addItem(new NavBarMenuItem("安全醫療保護", "http://www.kelabhk.com/photolistmenu/PERSONAL.htm"));
tempMenu.addItem(new NavBarMenuItem("所有圖庫", "http://www.kelabhk.com/photolistmenu/PERSONAL.htm"));
tempMenu.addItem(new NavBarMenuItem("醫用三層口罩", "http://www.kelabhk.com/mask"));
tempMenu.addItem(new NavBarMenuItem("電子體溫計", "http://www.kelabhk.com/contents/newframes/personalcare/productframes/oralthermometer.htm"));
tempMenu.addItem(new NavBarMenuItem("豆丁小電話", "http://www.kelabhk.com/contents/newframes/personalcare/productframes/miniphone.htm"));
tempMenu.addItem(new NavBarMenuItem("成人電動牙刷", "http://www.kelabhk.com/contents/newframes/personalcare/productframes/toothbrushadult.htm"));
tempMenu.addItem(new NavBarMenuItem("兒童電動牙刷", "http://www.kelabhk.com/contents/newframes/personalcare/productframes/toothbrushchild.htm"));
tempMenu.addItem(new NavBarMenuItem("牙齒模型", "http://www.kelabhk.com/contents/newframes/personalcare/personalcarephoto/toothmodel/Dentisttoothmodel.htm"));
tempMenu.addItem(new NavBarMenuItem("向KELAB訂購", "http://www.kelabhk.com/contactus/out.htm"));
myNavBar.addMenu(tempMenu);

window.onload = init;

function init() {

  myNavBar.resize(getWindowWidth());
  myNavBar.create();
  updatePosition();
}

function updatePosition() {

  var viewTop, viewBottom;
  var dy;

  viewTop = getPageScrollY();
  viewBottom = viewTop + getWindowHeight();

  if (myNavBar.bottom < viewTop)
    myNavBar.moveTo(0, viewTop - myNavBar.height);
  if (myNavBar.top > viewBottom)
    myNavBar.moveTo(0, viewBottom);

  dy = Math.round(Math.abs(viewTop - myNavBar.y) / 2);
  if (viewTop < myNavBar.y)
    dy = -dy;

  myNavBar.moveBy(0, dy);
  setTimeout('updatePosition()', 25);
}