var ns = false;
if (navigator.appName=="Netscape") ns = true;

var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);
var isDyn = (isDOM || isIE4 || isNS4);

function getRef(id)
{
 if (isDOM) return document.getElementById(id);
 if (isIE4) return document.all[id];
 if (isNS4) return document.layers[id];
}

function getSty(id)
{
 return (isNS4 ? getRef(id) : getRef(id).style);
} 
var popTimer = 0;
var litNow = new Array();

function popOver(menuNum, itemNum)
{
 clearTimeout(popTimer);
 document.logo.src='../imejasas/spacer.gif';
 
 hideAllBut(menuNum);
 litNow = getTree(menuNum, itemNum);
 changeCol(true);

 targetNum = menu[menuNum][itemNum].target;
 if (targetNum > 0)
 {
  thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);
  thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);

  with (menu[targetNum][0].ref)
  {
   left = thisX + menu[targetNum][0].x;
   top = thisY + menu[targetNum][0].y;
   visibility = 'visible';
  }
 }
}

function popOut(menuNum, itemNum)
{
 if ((menuNum == 0) && !menu[menuNum][itemNum].target) hideAllBut(0);
 else popTimer = setTimeout('hideAllBut(0)', 500);
 document.logo.src='../imejasas/spacer.gif';
}

function popClick(menuNum, itemNum)
{
 with (menu[menuNum][itemNum])
 {
  switch (type)
  {
   case 'js:': { eval(href); break }
   case '': type = 'window';
   default: if (href) eval(type + '.location.href = "' + href + '"');
  }
 }
 hideAllBut(0);
}


function getTree(menuNum, itemNum)
{
 itemArray = new Array(menu.length);

 while(1)
 {
  itemArray[menuNum] = itemNum;
  if (menuNum == 0) return itemArray;
  itemNum = menu[menuNum][0].parentItem;
  menuNum = menu[menuNum][0].parentMenu;
 }
}

function changeCol(isOver)
{
 for (count = 0; count < litNow.length; count++)
 {
  if (litNow[count])
  {
   with (menu[count][0]) with (menu[count][litNow[count]])
   {
    newCol = isOver ? overCol : backCol;
//    if (isNS4) ref.bgColor = newCol;
//  else 
	ref.backgroundColor = newCol;
   }
  }
 }
}

function hideAllBut(menuNum)
{
 var keepMenus = getTree(menuNum, 1);

 for (count = 0; count < menu.length; count++)
  if (!keepMenus[count] && menu[count]) menu[count][0].ref.visibility = 'hidden';

 changeCol(false);
}


// *** MENU CONSTRUCTION FUNCTIONS ***
function Menu(isVert, popInd, x, y, width, pad, overCol, backCol, borderClass, textClass)
{
 this.isVert = isVert;
 this.popInd = popInd
 this.x = x;
 this.y = y;
 this.width = width;
 this.pad = pad;
 this.overCol = overCol;
 this.backCol = backCol;
 this.borderClass = borderClass;
 this.textClass = textClass;
 this.parentMenu = null;
 this.parentItem = null;
 this.ref = null;
}

function Item(text, href, type, length, spacing, target)
{
 this.text = text;
 this.href = href;
 this.type = type;
 this.length = length;
 this.spacing = spacing;
 this.target = target;
 this.ref = null;
}

function createMenus()
{
 if (!isDyn) return;

 for (currMenu = 0; currMenu < menu.length; currMenu++)
 if (menu[currMenu]) with (menu[currMenu][0])
 {
  var str = '', itemX = 0, itemY = 0;

  if (isNS4) pad++;

  for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem])
  {
   var itemID = 'menu' + currMenu + 'item' + currItem;

   var shrink = (borderClass && isDOM && !document.all ? 2 : 0)
   var w = (isVert ? width : length) - shrink;
   var h = (isVert ? length : width) - shrink;

   if (isDOM || isIE4)
   {
    str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX +
     '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';
    if (backCol) str += 'background: ' + backCol;
    str += '" ';
   }
   if (isNS4)
   {
    str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + 
     w + '" height="' + h + '" visibility="inherit" ';
    if (backCol) str += 'bgcolor="' + backCol + '" ';
   }
   if (borderClass) str += 'class="' + borderClass + '" ';
   
   str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' +
     currMenu + ',' + currItem + ')" onClick="popClick(' + currMenu + ',' + currItem + ')">';

   if (target > 0)
   {
    menu[target][0].parentMenu = currMenu;
    menu[target][0].parentItem = currItem;

    if (popInd)
    {
     if (isNS4) str += '<layer class="' + textClass + '" left="'+ (w - 15) + '" top="' +
      pad + '">' + popInd + '</layer>';
     else str += '<div class="' + textClass + '" style="position: absolute; left: ' + (w - 15) +
      '; top: ' + pad + '">' + popInd + '</div>';
    }
   }

   if (isNS4) str += (borderClass ? '<spacer type="block" width="' + (w - 8) + '" height="' +
    (h - 8) + '">' : '') +
    '<layer left="' + pad + '" top="' + pad + '" width="' + (w - (2 * pad)) + '" height="' +
    (h - (2 * pad)) + '"><a class="' + textClass + '" href="#" ' +
    'onClick="popClick(' + currMenu + ',' + currItem + '); return false" ' +
    'onMouseOver="status=\'\'; return true;">' + text + '</a></layer>';

   else str += '<div class="' + textClass + '" style="position: absolute; left: ' + pad +
    '; top: ' + pad + '; width: ' + (w - (2 * pad)) + '; height: ' + (h - (2 * pad)) +
    '">' + text + '</div>';

   str += (isNS4 ? '</layer>' : '</div>');

   if (isVert) itemY += length + spacing - 1;
   else itemX += length + spacing - 1;
  }

  if (document.all)
  {
   document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' +
    'style="position: absolute; width: 3; height: 3; visibility: hidden; z-index: 1000">' +
     str + '</div>');
   ref = getSty('menu' + currMenu + 'div');
  }
  else if (isDOM)
  {
   var newDiv = document.createElement('div');
   document.body.appendChild(newDiv);
   newDiv.innerHTML = str;
   ref = newDiv.style;
    
   ref.position = 'absolute';
   ref.visibility = 'hidden';
  }
  else if (isNS4)
  {
   ref = new Layer(0);
   ref.document.write(str);
   ref.document.close();
  }

  ref.left = x;
  ref.top = y;
  if (!isNS4) ref.cursor = (document.all ? 'hand' : 'pointer');
  if (!document.all) ref.zIndex = 1000;

  for (currItem = 1; currItem < menu[currMenu].length; currItem++)
  {
   itemName = 'menu' + currMenu + 'item' + currItem;
   if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);
   if (isNS4)
   {
    menu[currMenu][currItem].ref = ref.document[itemName];

    with (ref.document[itemName])
    {
     document.captureEvents(Event.CLICK);
     document.onclick = new Function('popClick(' + currMenu + ', ' + currItem + ')');
    }
   }
  }
 }
 menu[0][0].ref.visibility = 'visible';
}


var menu = new Array();
var defOver = '#a9a9a9', defBack = '#c0c0c0';
var defLen = 22;

menu[0] = new Array();
menu[0][0] = new Menu(false, '', 2, 100, 0, 0, '', '', 'crazyBorder', 'itemText');
menu[0][1] = new Item('<img src=../goldmenu/sejarah.jpg border=0>', '#', '', 110, 0, 1);
menu[0][2] = new Item('<img src=../goldmenu/salasilah.jpg border=0>', '#', '', 110, 0, 2);
menu[0][3] = new Item('<img src=../goldmenu/rajakita.jpg border=0>', '#', '', 110, 0, 3);
menu[0][4] = new Item('<img src=../goldmenu/kebesaran.jpg border=0>', '#', '', 110, 0, 4);
menu[0][5] = new Item('<img src=../goldmenu/istana.jpg border=0>', '#', '', 110, 0, 5);
menu[0][6] = new Item('<img src=../goldmenu/galeri.jpg border=0>', '#', '', 110, 0, 6);
menu[0][7] = new Item('<img src=../goldmenu/kenangan.jpg border=0>', '#', '', 120, 0, 7);

// SubMenu untuk Sejarah
menu[1] = new Array();
menu[1][0] = new Menu(true, '>', 0, 22, 150, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[1][1] = new Item(' Pengenalan ', '../sejarah/kenal.htm', '', defLen, 0, 0);
menu[1][2] = new Item(' Pusat Pentadbiran ', '../sejarah/tadbir.htm', '', defLen, 0, 0);
menu[1][3] = new Item(' Lagu Negeri Perlis ', '#', '', defLen, 0, 11);
menu[1][4] = new Item(' Organisasi Amal ', '../sejarah/amal.htm', '', defLen, 0, 0);
menu[1][5] = new Item(' Tempat Bersemayam ', '../sejarah/semayam.htm', '', defLen, 0, 0);
menu[1][6] = new Item(' Kewujudan Perlis ', '../sejarah/wujud.htm', '', defLen, 0, 0);
menu[1][7] = new Item(' Institusi Beraja ', '../sejarah/raja.htm', '', defLen, 0, 0);
menu[1][8] = new Item(' Syed Hussin ', '../sejarah/hussin.htm', '', defLen, 0, 0);
menu[1][9] = new Item(' Syed Ahmad ', '../sejarah/ahmad.htm', '', defLen, 0, 0);
menu[1][10] = new Item(' Syed Saffi ', '../sejarah/saffi.htm', '', defLen, 0, 0);
menu[1][11] = new Item(' Syed Alwi ', '../sejarah/alwi.htm', '', defLen, 0, 0);
menu[1][12] = new Item(' Syed Harun Putra ', '../sejarah/harun.htm', '', defLen, 0, 0);
menu[1][13] = new Item(' Syed Hamzah ', '../sejarah/hamzah.htm', '', defLen, 0, 0);
menu[1][14] = new Item(' Syed Putra ', '../sejarah/putra.htm', '', defLen, 0, 0);

// SubMenu untuk Salasilah
menu[2] = new Array();
menu[2][0] = new Menu(true, '', 0, 22, 150, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item(' Keturunan Jamalullail ', '../salasilah/jamalullail.htm', '', defLen, 0, 0);
menu[2][2] = new Item(' D.Y.M.M. Raja Perlis ', '../salasilah/rajaperlis.htm', '', defLen, 0, 0);
menu[2][3] = new Item(' Keluarga Syed Putra ', '../salasilah/syedputra.htm', '', defLen, 0, 0);

// SubMenu untuk Raja Kita
menu[3] = new Array();
menu[3][0] = new Menu(true, '>', 0, 22, 200, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item(' DYMM Tuanku Syed Putra ', '#', '', defLen, 0, 31);
menu[3][2] = new Item(' DYMM Tuanku Syed Sirajuddin ', '#', '', defLen, 0, 32);
menu[3][3] = new Item(' DYTM Tuanku Syed Faizuddin ', '#', '', defLen, 0, 33);
menu[3][4] = new Item(' Titah Ucapan ', '../titah/', '', defLen, 0, 0);
menu[3][5] = new Item(' Senarai Penerbitan ', '../penerbitan/', '', defLen, 0, 0);

// SubMenu untuk Alat Kebesaran
menu[4] = new Array();
menu[4][0] = new Menu(true, '', 0, 22, 180, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[4][1] = new Item(' Alat-alat Kebesaran ', '../kebesaran/alat.htm', '', defLen, 0, 0);
menu[4][2] = new Item(' Bendera Rasmi ', '../kebesaran/bendera.htm', '', defLen, 0, 0);
menu[4][3] = new Item(' Anugerah ', '../kebesaran/anugerah.htm', '', defLen, 0, 0);
menu[4][4] = new Item(' Darjah ', '../kebesaran/darjah.htm', '', defLen, 0, 0);
menu[4][5] = new Item(' Pingat ', '../kebesaran/pingat.htm', '', defLen, 0, 0);
menu[4][6] = new Item(' Panduan Pemakaian Pingat ', '../kebesaran/panduan.htm', '', defLen, 0, 0);
menu[4][7] = new Item(' Gambar Cara Pemakaian ', '../kebesaran/gambar.htm', '', defLen, 0, 0);
menu[4][8] = new Item(' Senarai Dato-Dato Perlis ', '../kebesaran/dato.htm', '', defLen, 0, 0);
menu[4][9] = new Item(' Senarai Penerima 2007 ', '../kebesaran/senarai07.htm', '', defLen, 0, 0);
menu[4][10] = new Item(' Senarai Penerima 2008 ', '../kebesaran/senarai08.htm', '', defLen, 0, 0);
menu[4][11] = new Item(' Senarai Penerima 2009 ', '../kebesaran/senarai09.htm', '', defLen, 0, 0);

// SubMenu untuk Istana
menu[5] = new Array();
menu[5][0] = new Menu(true, '', 0, 22, 150, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item(' Istana Arau ', '../istana/arau.htm', '', defLen, 0, 0);
menu[5][2] = new Item(' Istana Perlis di KL ', '../istana/kl.htm', '', defLen, 0, 0);
menu[5][3] = new Item(' Istana Kenangan Indah ', '../istana/repoh.htm', '', defLen, 0, 0);
menu[5][4] = new Item(' Istana DYMM Syed Sira ', '../istana/sira.htm', '', defLen, 0, 0);

// SubMenu untuk Galeri DiRaja
menu[6] = new Array();
menu[6][0] = new Menu(true, '', 0, 22, 130, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[6][1] = new Item(' Gambar Perasmian ', '../galeri/rasmi.htm', '', defLen, 0, 0);

// SubMenu untuk Kenangan (album)
menu[7] = new Array();
menu[7][0] = new Menu(true, '', 0, 22, 120, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[7][1] = new Item(' Syed Putra ', '../arkib/putra.htm', '', defLen, 0, 0);
menu[7][2] = new Item(' Album Kenangan ', '../arkib/album.htm', '', defLen, 0, 0);
menu[7][3] = new Item(' Hospital Kangar ', '../arkib/htf.htm', '', defLen, 0, 0);
menu[7][4] = new Item(' Wallpaper ', '../arkib/wallpaper.htm', '', defLen, 0, 0);
menu[7][5] = new Item(' Keberangkatan ', '../arkib/balik.htm', '', defLen, 0, 0);
menu[7][6] = new Item(' Op Pasir Sabah ', '../arkib/oppasir.htm', '', defLen, 0, 0);
menu[7][7] = new Item(' Canselor KUKUM ', '../arkib/unimap.htm', '', defLen, 0, 0);
menu[7][7] = new Item(' Anugerah Khas PM ', '../arkib/pm2007.htm', '', defLen, 0, 0);


// subMenu untuk Lagu dari subMenu Lagu Negeri Perlis
menu[11] = new Array();
menu[11][0] = new Menu(true, '', 149, 0, 150, 3, defOver, defBack, ' itemBorder', 'itemText');
menu[11][1] = new Item(' Lagu Rasmi Perlis ', '../sejarah/lagu.htm', '', defLen, 0, 0);
menu[11][2] = new Item(' Lagu Andang Kayangan ', '../sejarah/andang.htm', '', defLen, 0, 0);
menu[11][3] = new Item(' Lagu-Lagu Istana ', '../sejarah/lagu2.htm', '', defLen, 0, 0);

// SubMenu untuk Putra dari SubMenu Raja Kita
menu[31] = new Array();
menu[31][0] = new Menu(true, '', 199, 0, 150, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[31][1] = new Item(' Mukadimah ', '../putra/mukadimah.htm', '', defLen, 0, 0);
menu[31][2] = new Item(' Semasa Muda ', '../putra/muda.htm', '', defLen, 0, 0);
menu[31][3] = new Item(' Perkahwinan DiRaja ', '../putra/kahwin.htm', '', defLen, 0, 0);
menu[31][4] = new Item(' Pendudukan Jepun ', '../putra/jepun.htm', '', defLen, 0, 0);
menu[31][5] = new Item(' Era Pemerintahan I ', '../putra/era1.htm', '', defLen, 0, 0);
menu[31][6] = new Item(' Era Pemerintahan II ', '../putra/era2.htm', '', defLen, 0, 0);
menu[31][7] = new Item(' Era Pemerintahan III ', '../putra/era3.htm', '', defLen, 0, 0);
menu[31][8] = new Item(' Era Pemerintahan IV ', '../putra/era4.htm', '', defLen, 0, 0);
menu[31][9] = new Item(' Penghormatan ', '../putra/hormat.htm', '', defLen, 0, 0);
menu[31][10] = new Item(' Istiadat Kemangkatan ', '../putra/mangkat.htm', '', defLen, 0, 0);
menu[31][11] = new Item(' Tengku Budriah ', '../putra/budriah.htm', '', defLen, 0, 0);

// SubMenu untuk Sira dari SubMenu Raja Kita
menu[32] = new Array();
menu[32][0] = new Menu(true, '', 199, 0, 150, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[32][1] = new Item(' Potret ', '../sira/potret.htm', '', defLen, 0, 0);
menu[32][2] = new Item(' Biodata ', '../sira/biodata.htm', '', defLen, 0, 0);
menu[32][3] = new Item(' Zaman Kanak-kanak ', '../sira/kanak.htm', '', defLen, 0, 0);
menu[32][4] = new Item(' Zaman Remaja ', '../sira/remaja.htm', '', defLen, 0, 0);
menu[32][5] = new Item(' Raja Muda ', '../sira/rajamuda.htm', '', defLen, 0, 0);
menu[32][6] = new Item(' Pembela Nusa ', '../sira/belanusa.htm', '', defLen, 0, 0);
menu[32][7] = new Item(' Syiar Islam ', '../sira/syiar.htm', '', defLen, 0, 0);
menu[32][8] = new Item(' Pentadbir Negeri ', '../sira/tadbir.htm', '', defLen, 0, 0);
menu[32][9] = new Item(' Pendidikan ', '../sira/didik.htm', '', defLen, 0, 0);
menu[32][10] = new Item(' Sukan & Rekreasi ', '../sira/sukan.htm', '', defLen, 0, 0);
menu[32][11] = new Item(' Raja Mesra Rakyat ', '../sira/mesra.htm', '', defLen, 0, 0);
menu[32][12] = new Item(' Lawatan Luar Negara ', '../sira/lawatan.htm', '', defLen, 0, 0);
menu[32][13] = new Item(' Pengisytiharan ', '../sira/isytihar.htm', '', defLen, 0, 0);
menu[32][14] = new Item(' Istiadat Pertabalan ', '../sira/tabal.htm', '', defLen, 0, 0);
menu[32][15] = new Item(' Tengku Fauziah ', '../sira/fauziah.htm', '', defLen, 0, 0);

// SubMenu untuk Faiz dari SubMenu Raja Kita
menu[33] = new Array();
menu[33][0] = new Menu(true, '>', 199, 0, 180, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[33][1] = new Item(' Potret ', '../faiz/potret.htm', '', defLen, 0, 0);
menu[33][2] = new Item(' Mukadimah ', '../faiz/mukadimah.htm', '', defLen, 0, 0);
menu[33][3] = new Item(' Tuanku Lailatul Shahreen ', '../faiz/puanmuda.htm', '', defLen, 0, 0);
menu[33][4] = new Item(' Pemasyhuran Raja Muda ', '../faiz/rajamuda.htm', '', defLen, 0, 0);
menu[33][5] = new Item(' Komander Rejimen 504 ', '../faiz/rejimen.htm', '', defLen, 0, 0);
menu[33][6] = new Item(' 5 Tahun Pemangku Raja ', '../faiz/pemangku.htm', '', defLen, 0, 0);
menu[33][7] = new Item(' DYTM & MAIPs ', '../faiz/maips.htm', '', defLen, 0, 0);
menu[33][8] = new Item(' DYTM & YTSP ', '../faiz/yayasan.htm', '', defLen, 0, 0);
menu[33][9] = new Item(' DYTM & Kelab Golf Putra ', '../faiz/golf.htm', '', defLen, 0, 0);
menu[33][10] = new Item(' Penyempurnaan Amanat III ', '#', '', defLen, 0, 339);
menu[33][11] = new Item(' Penyempurnaan Amanat IV ', '../faiz/amanat4/amanat4.pdf', '', defLen, 0, 0);

// Subsubmenu amanat untuk SubMenu untuk Faiz dari SubMenu Raja Kita
menu[339] = new Array();
menu[339][0] = new Menu(true, '', 179, 0, 180, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[339][1] = new Item(' Penyempurnaan Amanat III b ', '../faiz/amanat3/amanat3b.pdf', '', defLen, 0, 0);
menu[339][2] = new Item(' Penyempurnaan Amanat III c ', '../faiz/amanat3/amanat3c.pdf', '', defLen, 0, 0);
menu[339][3] = new Item(' Penyempurnaan Amanat III d ', '../faiz/amanat3/amanat3d.pdf', '', defLen, 0, 0);
menu[339][4] = new Item(' Penyempurnaan Amanat III e ', '../faiz/amanat3/amanat3e.pdf', '', defLen, 0, 0);
menu[339][5] = new Item(' Penyempurnaan Amanat III f ', '../faiz/amanat3/amanat3f.pdf', '', defLen, 0, 0);
menu[339][6] = new Item(' Penyempurnaan Amanat III g ', '../faiz/amanat3/amanat3g.pdf', '', defLen, 0, 0);


window.onload = createMenus;
window.onresize = resizeHandler;


var popOldWidth = window.innerWidth;
function resizeHandler()
{
 if (!menu[0][0].ref) return;
 
 if (isNS4 && popOldWidth != window.innerWidth) location.reload()
}

function colItem(text, href, type, length, spacing, overCol, backCol, target)
{
 this.text = text;
 this.href = href;
 this.type = type;
 this.length = length;
 this.spacing = spacing;
 this.overCol = overCol;
 this.backCol = backCol;
 this.target = target;
 this.ref = null;
}

moveRoot = new Function('with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);');