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(' Introduction ', '../sejarah/kenal.htm', '', defLen, 0, 0);
menu[1][2] = new Item(' Administrative Centre ', '../sejarah/tadbir.htm', '', defLen, 0, 0);
menu[1][3] = new Item(' Perlis State Anthem ', '../sejarah/lagu.htm', '', defLen, 0, 0);
menu[1][4] = new Item(' Royal Residences ', '../sejarah/semayam.htm', '', defLen, 0, 0);
menu[1][5] = new Item(' Recognition of Perlis ', '../sejarah/wujud.htm', '', defLen, 0, 0);
menu[1][6] = new Item(' Perlis Kingship ', '../sejarah/raja.htm', '', defLen, 0, 0);
menu[1][7] = new Item(' Syed Hussin ', '../sejarah/hussin.htm', '', defLen, 0, 0);
menu[1][8] = new Item(' Syed Ahmad ', '../sejarah/ahmad.htm', '', defLen, 0, 0);
menu[1][9] = new Item(' Syed Saffi ', '../sejarah/saffi.htm', '', defLen, 0, 0);
menu[1][10] = new Item(' Syed Alwi ', '../sejarah/alwi.htm', '', defLen, 0, 0);
menu[1][11] = new Item(' Syed Harun Putra ', '../sejarah/harun.htm', '', defLen, 0, 0);
menu[1][12] = new Item(' Syed Hamzah ', '../sejarah/hamzah.htm', '', defLen, 0, 0);
menu[1][13] = new Item(' DYMM 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(' Perlis Royal Genealogy ', '../salasilah/jamalullail.htm', '', defLen, 0, 0);
menu[2][2] = new Item(' DYMM Raja Perlis ', '../salasilah/rajaperlis.htm', '', defLen, 0, 0);
menu[2][3] = new Item(' Family of 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][1] = new Item(' DYMM Tuanku Syed Sirajuddin ', '#', '', defLen, 0, 32);
menu[3][2] = new Item(' DYTM Tuanku Syed Faizuddin ', '#', '', defLen, 0, 33);
menu[3][3] = new Item(' Royal Speeches ', '../titah/', '', defLen, 0, 0);

// SubMenu untuk Alat Kebesaran
menu[4] = new Array();
menu[4][0] = new Menu(true, '', 0, 22, 147, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[4][1] = new Item(' Instruments of Royalty ', '../kebesaran/alat.htm', '', defLen, 0, 0);
menu[4][2] = new Item(' Ceremonial Attire ', '../kebesaran/panduan.htm', '', defLen, 0, 0);
/*
menu[4][2] = new Item(' Official Flags ', '../kebesaran/bendera.htm', '', defLen, 0, 0);
menu[4][3] = new Item(' Honours & Awards ', '../kebesaran/anugerah.htm', '', defLen, 0, 0);
menu[4][4] = new Item(' Honours & Awards ', '../kebesaran/darjah.htm', '', defLen, 0, 0);
menu[4][5] = new Item(' Honours & Awards ', '../kebesaran/pingat.htm', '', defLen, 0, 0);
menu[4][6] = new Item(' Ceremonial Attire ', '../kebesaran/panduan.htm', '', defLen, 0, 0);
menu[4][7] = new Item(' Ceremonial Attire ', '../kebesaran/gambar.htm', '', defLen, 0, 0);
menu[4][8] = new Item(' Honours List ', '../kebesaran/dato.htm', '', defLen, 0, 0);
menu[4][9] = new Item(' Honours List 2006 ', '../kebesaran/senarai06.htm', '', defLen, 0, 0);
*/

// SubMenu untuk Istana
menu[5] = new Array();
menu[5][0] = new Menu(true, '', 0, 22, 180, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item(' Arau Palace ', '../istana/arau.htm', '', defLen, 0, 0);
menu[5][2] = new Item(' Perlis Palace in KL ', '../istana/kl.htm', '', defLen, 0, 0);
menu[5][3] = new Item(' Kenangan Indah Palace ', '../istana/repoh.htm', '', defLen, 0, 0);
menu[5][4] = new Item(' DYMM Syed Sirajuddin Palace ', '../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(' Official Opening ', '../galeri/rasmi.htm', '', defLen, 0, 0);
menu[6][2] = new Item(' Galeri Diraja ', '../galeri/galeri.htm', '', defLen, 0, 0);

// SubMenu untuk Kenangan 
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(' Memories ', '../arkib/album.htm', '', defLen, 0, 0);
menu[7][3] = new Item(' Hospital Kangar ', '../arkib/htf.htm', '', defLen, 0, 0);
menu[7][4] = new Item(' Grand Sent-off ', '../arkib/balik.htm', '', defLen, 0, 0);
menu[7][5] = new Item(' Op Pasir Sabah ', '../arkib/oppasir.htm', '', defLen, 0, 0);
menu[7][6] = new Item(' Chancellor UNIMAP ', '../arkib/unimap.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(' Introduction ', '../putra/mukadimah.htm', '', defLen, 0, 0);
menu[31][2] = new Item(' Adolescence ', '../putra/muda.htm', '', defLen, 0, 0);
menu[31][3] = new Item(' Royal Wedding ', '../putra/kahwin.htm', '', defLen, 0, 0);
menu[31][4] = new Item(' Japanese Occupation ', '../putra/jepun.htm', '', defLen, 0, 0);
menu[31][5] = new Item(' Reign Era I ', '../putra/era1.htm', '', defLen, 0, 0);
menu[31][6] = new Item(' Reign Era II ', '../putra/era2.htm', '', defLen, 0, 0);
menu[31][7] = new Item(' Reign Era III ', '../putra/era3.htm', '', defLen, 0, 0);
menu[31][8] = new Item(' Reign Era IV ', '../putra/era4.htm', '', defLen, 0, 0);
menu[31][9] = new Item(' DYMM 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(' Potrait ', '../sira/potret.htm', '', defLen, 0, 0);
menu[32][2] = new Item(' The King The Man ', '../penerbitan/theking/thekingcover.pdf', '', defLen, 0, 0);
menu[32][3] = new Item(' Content ', '../penerbitan/theking/theking0.pdf', '', defLen, 0, 0);
menu[32][4] = new Item(' Becoming The King ', '../penerbitan/theking/theking1.pdf', '', defLen, 0, 0);
menu[32][5] = new Item(' Paramount Ruler ', '../penerbitan/theking/theking2.pdf', '', defLen, 0, 0);
menu[32][6] = new Item(' Goodwill ', '../penerbitan/theking/theking3.pdf', '', defLen, 0, 0);
menu[32][7] = new Item(' King And His Rakyat ', '../penerbitan/theking/theking4.pdf', '', defLen, 0, 0);
menu[32][8] = new Item(' Serving Humanity ', '../penerbitan/theking/theking5.pdf', '', defLen, 0, 0);
menu[32][9] = new Item(' The Queen ', '../penerbitan/theking/theking6.pdf', '', defLen, 0, 0);
menu[32][10] = new Item(' The Man ', '../penerbitan/theking/theking7.pdf', '', defLen, 0, 0);
menu[32][11] = new Item(' Acknowledgements ', '../penerbitan/theking/theking8.pdf', '', defLen, 0, 0);

/*
menu[32][2] = new Item(' Biodata ', '../sira/biodata.htm', '', defLen, 0, 0);
menu[32][3] = new Item(' Advocator of Islam ', '../sira/syiar.htm', '', defLen, 0, 0);
menu[32][4] = new Item(' Administration ', '../sira/tadbir.htm', '', defLen, 0, 0);
menu[32][5] = new Item(' Education ', '../sira/didik.htm', '', defLen, 0, 0);
menu[32][6] = new Item(' Sport & Recreation ', '../sira/sukan.htm', '', defLen, 0, 0);
menu[32][7] = new Item(' Friendliness ', '../sira/mesra.htm', '', defLen, 0, 0);
menu[32][8] = new Item(' Official Visits ', '../sira/lawatan.htm', '', defLen, 0, 0);
menu[32][9] = new Item(' Proclamation ', '../sira/isytihar.htm', '', defLen, 0, 0);
menu[32][10] = 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(' Potrait ', '../faiz/potret.htm', '', defLen, 0, 0);
menu[33][2] = new Item(' Introduction ', '../faiz/mukadimah.htm', '', defLen, 0, 0);
menu[33][3] = new Item(' The Raja Muda ', '../faiz/rajamuda.htm', '', defLen, 0, 0);
menu[33][4] = new Item(' The Regent of Perlis ', '../faiz/regent.htm', '', defLen, 0, 0);
menu[33][5] = new Item(' Her Highness Princess ', '../faiz/puanmuda.htm', '', defLen, 0, 0);

// SubMenu untuk Titah Ucapan dari SubMenu Raja Kita
menu[34] = new Array();
menu[34][0] = new Menu(true, '', 199, 0, 200, 3, defOver, defBack, 'itemBorder', 'itemText');
menu[34][1] = new Item(' Ulang Tahun Ke 60 ', '../titah/titah03.htm', '', defLen, 0, 0);
menu[34][2] = new Item(' Ulang Tahun Ke 61 ', '../titah/titah04.htm', '', defLen, 0, 0);
menu[34][3] = new Item(' Ulang Tahun Ke 62 ', '../titah/titah05.htm', '', defLen, 0, 0);
menu[34][4] = new Item(' Maal Hijrah 1427 ', '../titah/maal27.htm', '', defLen, 0, 0);
menu[34][5] = new Item(' Ulang Tahun Ke 63 ', '../titah/titah06.htm', '', defLen, 0, 0);
menu[34][6] = new Item(' Hari Kemerdekaan Ke 49 ', '../titah/merdeka06.htm', '', 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);');