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

myNavBar.setSizes(1, 2, 1);

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

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

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

//寬度設定(選單目錄分項度, 分項子選單寬度)


tempMenu = new NavBarMenu(160, 320);
tempMenu.addItem(new NavBarMenuItem("▼  專題講習系列", "#"));
tempMenu.addItem(new NavBarMenuItem("系列(一) <BR>→ 線上招標發展趨勢與企業導入實例探討", "purpose.html"));
tempMenu.addItem(new NavBarMenuItem("系列(二) <BR>→ 後SARS微利時代新利器，電子採購競標搶先機", "../2003Procurement.html"));
myNavBar.addMenu(tempMenu);

tempMenu = new NavBarMenu(140, 180);
tempMenu.addItem(new NavBarMenuItem("▼  首席相關網址", "#"));
tempMenu.addItem(new NavBarMenuItem("→ Con2B.com", "http://www.com2b.com"));
tempMenu.addItem(new NavBarMenuItem("→ Con2B.net", "http://www.com2b.net"));
tempMenu.addItem(new NavBarMenuItem("→ Con2bEast.com", "http://www.com2bEast.com"));
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);
}