<!-- // Hide

/****** CASCADING POPUP MENUS v3.1 by Angus Turnbull http://gusnz.cjb.net ******/

// Please leave the above line in the source, and a link to my site in your page somewhere.
// After all, if you found these scripts useful, won't your visitors?
// Run the rest of this through my comment trimmer if you want before deploying.



// *** COMMON CROSS-BROWSER COMPATIBILITY CODE ***

// You'll need to edit this section if combining with any of my other scripts, make sure
// everything is included once.

var isDOM = (document.getElementById ? true : false);
var isIE  = (document.all ? true: false);
var isNS4 = (navigator.appName=='Netscape' && !isDOM ? true : false);
var isIE4 = ((isIE && !isDOM) ? true : false);
var isDyn = (isDOM || isIE4 || isNS4);

function getRef(id, par)
{
 par = (!par ? document : (par.navigator ? par.document : par));
 return (isIE ? par.all[id] :
  (isDOM ? (par.getElementById?par:par.ownerDocument).getElementById(id) :
  par.layers[id]));
}

function getSty(id, par)
{
 return (isNS4 ? getRef(id, par) : getRef(id, par).style)
}

function LayerObj(id, par)
{
 this.ref = getRef(id, par);
 this.sty = getSty(id, par);

 this.x = function(nX) { if (!isNaN(nX)) this.sty.left = nX; else return parseInt(this.sty.left) }
 this.y = function(nY) { if (!isNaN(nY)) this.sty.top = nY; else return parseInt(this.sty.top) }
 
 this.vis = function(val) { this.sty.visibility = val }

 this.bgColor = function(col) {
  if (!col) col = isNS4 ? null : 'transparent';
  if (isNS4) this.sty.bgColor = col;
  else this.sty.backgroundColor = col }

 this.bgImage = function(img) {
  if (isNS4) { if (!img) img=null; this.sty.background.src=img }
  else this.sty.backgroundImage=(img?'url('+img+')':'') }

 this.write = function(txt) {
  if (isNS4) with (this.ref.document) { write(txt); close() }
  else this.ref.innerHTML = txt }

 return this;
}
function getLyr(id, par) { return new LayerObj(id, par) }

function setLyr(lVis, docW, par)
{
 if (!this.seq) seq = 0;
 if (!docW) docW = 0;
 var obj = (!par ? (isNS4 ? window : document.body) :
  (!isNS4 && par.navigator ? par.document.body : par));
 var newID = '_js_layer_' + seq++;

 if (isIE) obj.insertAdjacentHTML('beforeEnd', '<div id="' + newID +
  '" style="position:absolute"></div>');
 else if (isDOM)
 {
  var newL = document.createElement('div');
  obj.appendChild(newL);
  with (newL) { id = newID; style.position='absolute' }
 }
 else if (isNS4)
 {
  var newL = new Layer(docW, obj);
  newID = newL.id;
 }

 var lObj = getLyr(newID, par);

 with (lObj) { vis(lVis); x(0); y(0); sty.width=docW }
 return lObj;
}



// *** MOUSE EVENT CONTROL FUNCTIONS ***


// Most of these are passed the relevant 'menu Name' and 'item Number'.
// The 'with (this)' means it uses the properties and functions of the current menu object.
function popOver(mN, iN) { with (this)
{
 // Cancel any pending menu hides from a previous mouseout.
 clearTimeout(hideTimer);
 // Set the 'over' variables to point to this item.
 overM = mN;
 overI = iN;
 // A quick reference to this item.
 var thisI = menu[mN][iN];

 // Call the 'onMouseOver' event if it exists.
 if (thisI.onmouseover) thisI.onmouseover();


 // Remember what was lit last time, and compute a new hierarchy.
 litOld = litNow;
 litNow = new Array();
 var litM = mN, litI = iN;
 while(1)
 {
  litNow[litM] = litI;
  // If we've reached the top of the hierarchy, exit loop.
  if (litM == 'root') break;
  // Otherwise repeat with this menu's parent.
  litI = menu[litM][0].parentItem;
  litM = menu[litM][0].parentMenu;
 }

 // If the two arrays are the same, return... no use hiding/lighting otherwise.
 var same = true;
 for (var z in menu) if (litNow[z] != litOld[z]) same = false;
 if (same) return;



 // Cycle through menu array, lighting and hiding menus as necessary.
 for (thisM in menu)
 {
  // The number of this menu's item that is to be lit, undefined if none.
  litI = litNow[thisM];
  oldI = litOld[thisM];

  // If it's lit now and wasn't before, highlight...
  if (litI && (litI != oldI)) changeCol(thisM, litI, true);

  // If this item was lit but another is now, dim the old item.
  if (oldI && (oldI != litI)) changeCol(thisM, oldI, false);

  // If this menu has no items from the current hierarchy in it, hide it.
  if (isNaN(litI)) { menu[thisM][0].lyr.vis('hidden') }
 }


 // Get target menu to show - if we've got one, position & show it.
 clearTimeout(showTimer);
 nextMenu = '';
 if (thisI.type == 'sm:')
 {
  // The layer object of the current menu itself (not this item).
  var lyrM = menu[mN][0].lyr;

  // Add current menu/item positions to the target's offset to set its position, show it.
  with (menu[thisI.href][0])
  {
   lyr.x(lyrM.x() + thisI.lyr.x() + eval(offX));
   lyr.y(lyrM.y() + thisI.lyr.y() + eval(offY));

   showStr = objName + '.menu.' + thisI.href + '[0].lyr.vis("visible")';
   nextMenu = thisI.href;
   if (showDelay) showTimer = setTimeout(showStr, showDelay);
   else eval(showStr);
  }
 }
}}


function popChangeCol(mN, iN, isOver) { with (this.menu[mN][iN])
{
 // Swap the background colour/image depending on highlight state.
 // If it's got a period in it, call it an image, otherwise it must be a colour.
 var col = isOver ? overCol : outCol;
 if (col.indexOf('.') == -1) lyr.bgColor(col);
 else lyr.bgImage(col);

 // If no text style change is needed, that's all we need to do here.
 if (overClass == outClass) return;

 // In Netscape 4, rewrite contents...
 if (isNS4) lyr.write(this.getHTML(mN, iN, isOver));

 // ...otherwise manipulate the DOM tree for IE/NS6+ (faster than rewriting contents).
 else with (lyr.ref)
 {
  var chl = (isDOM ? childNodes : children)
  for (var i = 0; i < chl.length; i++) chl[i].className = (isOver ? overClass : outClass);
 }
}}


function popOut(mN, iN) { with (this)
{
 var thisI = menu[mN][iN];
 // Evaluate the onmouseout event, if any.
 if (thisI.onmouseout) thisI.onmouseout();

 // Stop showing another menu if this item isn't pointing to the same one.
 if (thisI.href != nextMenu) clearTimeout(showTimer);

 // Hide all menus rapidly (if it's a root menu item without a popout) or as specified.
 // Remember that the timeout is cancelled by another instance of the over function.
 // Calling 'over("root", 0)' hides all menus but the root menu, and highlights no items.
 var delay = ((mN == 'root') && (thisI.type != 'sm:')) ? 50 : hideDelay;
 hideTimer = setTimeout(objName + '.over("root", 0)', delay);

 // Clear the 'over' variables.
 overM = 'root';
 overI = 0;
}}


function popClick() { with (this)
{
 // If the moused over item number isn't 0, activate it!
 if (overI)
 {
  var thisI = menu[overM][overI];

  // Evaluate the onclick event, if any.
  if (thisI.onclick) thisI.onclick();

  with (thisI) switch (type)
  {
   // Targeting another popout? Clicking will get you nowhere...
   case 'sm:': return;
   // A JavaScript function? Eval() it and break out of switch.
   case 'js:': { eval(href); break }
   // Otherwise, point to the window if nothing else and navigate.
   case '': type = 'window';
   default: if (href) eval(type + '.location.href = "' + href + '"');
  }
 }

 // Whatever happens, hide the menus when clicked.
 over('root', 0);
}}



// *** MENU OBJECT CONSTRUCTION FUNCTIONS ***

// This takes arrays of data and names and assigns the values to a specified object.
function addProps(obj, data, names, addNull)
{
 for (var i = 0; i < names.length; i++) if(i < data.length || addNull) obj[names[i]] = data[i];
}

function ItemStyle()
{
 // Like the other constructors, this passes a list of property names that correspond to the list
 // of arguments. Feel free to add more than the first 4 to the addItem() command if you want.
 var names = ['len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass',
  'overClass', 'borderClass'];
 addProps(this, arguments, names, true);
}

function popStartMenu(mName) { with (this)
{
 // Create a new array within the menu object if none exists already, and a new menu object within.
 if (!menu[mName]) { menu[mName] = new Array(); menu[mName][0] = new Object(); }

 // Set this as the active menu to which new items are added, and clean out existing items.
 actMenu = mName;
 menu[mName].length = 1;
 nextItem = 1;
 // A quick reference to the current menu descriptor -- array index 0, 1+ are items.
 var aM = menu[mName][0];

 // Not all of these are actually passed to the constructor -- the last two are null.
 // N.B: I pass 'isVert' twice so the first parameter (the menu name) is overwritten & ignored.
 var names = ['isVert', 'isVert', 'offX','offY', 'width', 'itemSty', 'parentMenu', 'parentItem'];
 addProps(aM, arguments, names, true);
 // Reuse old layers if we can, no use creating new ones every time the menus refresh.
 if (!aM.lyr) aM.lyr = null;
}}

function popAddItem() { with (this)
{
 // Add these properties onto a new 'active Item' at the end of the active menu.
 var aI = menu[actMenu][nextItem++] = new Object();

 // Add function parameters to object. Again, the last few are undefined, set later.
 var names = ['text', 'href', 'type', 'itemSty', 'len', 'spacing', 'popInd', 'popPos',
  'iW', 'iH', 'lyr'];
 addProps(aI, arguments, names, true);

 // Find an applicable itemSty -- either passed to this item or the menu[0] object.
 var iSty = (arguments[3] ? arguments[3] : menu[actMenu][0].itemSty);
 // Loop through its properties, add them if they don't already exist (overridden e.g. length).
 for (prop in iSty) if (aI[prop] == window.UnDeFiNeD) aI[prop] = iSty[prop];

 // In NS4, since borders are assigned to the table rather than layer, increase padding.
 if (isNS4 && aI.borderClass) aI.pad++;
}}



// *** MAIN MENU CREATION/UPDATE FUNCTIONS ***

// Returns the inner HTML of an item, used for menu generation, and highlights in NS4.
function popGetHTML(mN, iN, isOver) { with (this)
{
 var itemStr = '';
 with (menu[mN][iN])
 {
  var textClass = (isOver ? overClass : outClass);

  // If we're supposed to add a popout indicator, add it before text so it appears below in NS4.
  // Note the (iW - 15): the position is hardcoded at 15px from the item's right edge.
  if ((type == 'sm:') && popInd)
  {
   if (isNS4) itemStr += '<layer class="' + textClass + '" left="'+ ((popPos+iW) % iW) +
    '" top="' + pad + '">' + popInd + '</layer>';
   else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' +
    ((popPos+iW) % iW) + '; top: ' + pad + '">' + popInd + '</div>';
  }

  // For NS4, if a border is assigned, add a spacer to push border out to layer edges.
  // The text layer must completely overlay this table as well for proper click capturing.
  // Add a link both to generate an onClick event and to stop the ugly I-beam text cursor appearing.
  if (isNS4) itemStr += (borderClass ? '<span class="' + borderClass + '">' +
   '<spacer type="block" width="' + (iW - 8) + '" height="' + (iH - 8) + '"></span>' : '') +
   '<layer left="' + pad + '" top="' + pad + '" width="' + (iW - (2 * pad)) + '" height="' +
   (iH - (2 * pad)) + '"><a class="' + textClass + '" href="#" ' +
   'onClick="return false" onMouseOver="status=\'\'; return true">' + text + '</a></layer>';

  // IE4+/NS6 is an awful lot easier to work with sometimes.
  else itemStr += '<div class="' + textClass + '" style="position: absolute; left: ' + pad +
   '; top: ' + pad + '; width: ' + (iW - (2 * pad)) + '; height: ' + (iH - (2 * pad)) +
   '">' + text + '</div>';
 }
 return itemStr;
}}


// The main menu creation/update routine.
function popUpdate() { with (this)
{
 // 'isDyn' (set at the very top of the script) signifies a DHTML-capable browser.
 if (!isDyn) return;

 // Loop through menus, using properties of menu description object (array index 0)...
 for (mN in menu) with (menu[mN][0])
 {
  // Variable for holding HTML for items and positions of next item.
  var str = '', iX = 0, iY = 0;

  // Remember, items start from 1 in the array (0 is menu object itself, above).
  // Also use properties of each item nested in the other with() for construction.
  for (var iN = 1; iN < menu[mN].length; iN++) with (menu[mN][iN])
  {
   // An ID for divs/layers contained within the menu.
   var itemID = objName + '_' + mN + '_' + iN;

   // Now is a good time to assign another menu's parent to this if we've got a popout item.
   if (type == 'sm:')
   {
    menu[href][0].parentMenu = mN;
    menu[href][0].parentItem = iN;
   }

   // NS6 disagrees with other browsers as to whether borders increase widths, so fix here.
   var shrink = (borderClass && isDOM && !isIE ? 2 : 0)
   // The actual dimensions of the items, store as item properties so they can be accessed later.
   iW = (isVert ? width : len) - shrink;
   iH = (isVert ? len : width) - shrink;

   // Have we been given a background image? It'll have a period in its name if so...
   var isImg = (outCol.indexOf('.') != -1) ? true : false;

   // Create a div or layer text string with appropriate styles/properties.
   // OK, OK, I know this is a little obtuse in syntax, but it's small...
   if (isDOM || isIE4)
   {
    str += '<div id="' + itemID + '" ' + (borderClass ? 'class="' + borderClass + '" ' : '') +
     'style="position: absolute; left: ' + iX + '; top: ' + iY + '; width: ' + iW + '; height: ' +
     iH + '; ' + (outCol ? 'background: ' + (isImg ? 'url('+ outCol+')' : outCol) : '') + '" ';
   }
   if (isNS4)
   {
    // NS4's borders must be assigned within the layer so they stay when content is replaced.
    str += '<layer id="' + itemID + '" left="' + iX + '" top="' + iY + '" width="' +
     iW + '" height="' + iH + '" ' + (outCol ? (isImg ? 'background="' : 'bgcolor="') +
     outCol + '" ' : '');
   }
   
   // Add mouseover and click handlers, contents, and finish div/layer.
   str += 'onMouseOver="' + objName + '.over(\'' + mN + '\',' + iN + ')" ' +
     'onMouseOut="' + objName + '.out(\'' + mN + '\',' + iN + ')">' +
     getHTML(mN, iN, false) + (isNS4 ? '</layer>' : '</div>');

   // Move next item position down or across by this item's length and additional spacing.
   // Subtract 1 so borders overlap slightly.
   var spc = (borderClass ? 1 : 0)
   if (isVert) iY += len + spacing - spc;
   else iX += len + spacing - spc;

  // End loop through items and with(menu[mN][iN]).
  }



  // Now, create a new layer/div object using my setLyr() function above.
  // N.B: Still using properties of menu[mN][0]...
  
  // If we've got a layer created already, there's no use creating another!.
  // In IE4, we must shrink the menus to stop them sizing to the full body size -- thanks
  // to Jeff Blum and Paul Maden for debugging this for me :). Also we've got to set a
  // timeout to fix up IE4 again on menu update, for some obscure reason.
  if (!lyr) lyr = setLyr('hidden', 3);
  else if (isIE4) setTimeout(objName + '.menu.' + mN + '[0].lyr.sty.width=9', 50);

  // Whatever happens, give it a high Z-index, replace its content, and set the default cursor
  // to be the hand (or 'pointer' if you're the W3C or Mozilla Project and just trying to be
  // difficult :). Note that NS4 isn't affected by the cursor change.  
  with (lyr) { sty.zIndex = 1000; write(str); sty.cursor = (isIE ? 'hand' : 'pointer') }

  // Now items have been written, loop through them again to set up references.
  for (var i = 1; i < menu[mN].length; i++)
   menu[mN][i].lyr = getLyr(objName + '_' + mN + '_' + i, lyr.ref);

 // End loop through menus and with (menu[mN][0]).
 }

 // Position and show the root menu now that's all over. Phew!
 position();
 menu.root[0].lyr.vis('visible');
}}


// *** POPUP MENU MAIN OBJECT CONSTRUCTOR ***

function PopupMenu(objName)
{
 // These are the properties of any PopupMenu objects you create.
 this.objName = objName;

 // Manage what gets lit and shown when.
 this.showTimer = 0;
 this.hideTimer = 0;
 this.showDelay = 0;
 this.hideDelay = 500;
 this.showMenu = '';

 // 'menu': the main data store, contains subarrays for each menu e.g. pMenu.menu['root'][];
 this.menu =  new Array();
 // litNow and litOld arrays control what items get lit in the hierarchy.
 this.litNow = new Array();
 this.litOld = new Array();

 // The item the mouse is currently over. Used by click processor to help NS4.
 this.overM = 'root';
 this.overI = 0;

 // The active menu and next item to which addItem() will assign its results. startMenu() sets
 // these automatically, set them manually if you want to call addItem() yourself, e.g.:
 // actMenu = 'root'; nextItem = 5; addItem('Another root menu item'...);
 this.actMenu = '';
 this.nextItem = 1;

 // Functions to create and manage the menu.
 this.over = popOver;
 this.changeCol = popChangeCol;
 this.out = popOut;
 this.click = popClick;
 this.startMenu = popStartMenu;
 this.addItem = popAddItem;
 this.getHTML = popGetHTML;
 this.update = popUpdate;

 // *** POSITION HANDLING FUNCTION ***
 // Position the menu on resize -- useful for centring the menu etc.
 this.position = function() { with (this.menu.root[0])
 {
  // If the menus haven't been created, and there's no layer reference, return.
  if (!lyr) return;

  // You might want to declare more variables to use here, e.g. height or scroll position.
  // If you're reading this, you either have my Object Browser script or you need it... :).
  var winWidth = (isIE ? document.body.clientWidth : window.innerWidth)
  lyr.x(eval(offX));
  lyr.y(eval(offY));
 }}

}










//以下、変更部分

// Syntaxes and Information: *** START EDITING HERE, READ THIS SECTION CAREFULLY! ***
//
// To customise use this script, there are 3 functions you need to use. Firstly, you create
// ItemStyles, which are a collection of dimensions, colours, and stylesheet class names used
// to control the appearance of menu items. The syntax is:
//
// styleName = new ItemStyle(length of items, spacing to next item, 'popout indicator HTML',
// popout indicator position, padding of text within item, 'out background colour or image',
// 'over background colour or image', 'out text stylesheet class', 'over text class',
// 'border stylesheet class');
//
// One thing that needs explaining is the popout indicator position -- you pass a positive
// integer to position it from the left of the item, and a negative integer to position it from
// the right edge of the item -- see the example code below if that doesn't make much sense.
// Pass an empty string '' as the over or out background to make it transparent.
// ItemStyles are simply JavaScript objects (like 'window' and 'document'), and you can access
// or change any property with JavaScript e.g. hBar.outClass = 'anotherTextClass'. See the
// construction function halfway through the menu code above for property names if you want to
// get tricky with these -- or just use them normally like so:


// 'horizontal Bar' style: items are 40px long, 10px between, no popout indicator or popout
// indicator position, 0px padding within items, a transparent background '', a hover colour
// of #669999, 'itemText' is the class used for the menu text both normally and highlighted,
// and no border class. See the '<style>' section below for the classes used...

//ルートメニューの設定
var hBar = new ItemStyle(120, 10, '', 0, 3, '#336699', '#669999', 'itemText', 'itemText', '');


// The 'default Blue' items: 22px long, 0px spacing, a 'greater than' sign for a popout indicator
// (you may wish to use an image tag?), the popout indicator is positioned 15px from the right
// edge of the item, items have 3px padding, some colours, it uses 'itemText' as the dimmed text
// class but 'itemHover' when it is moused over, and 'itemBorder' as the border stylesheet class.

//第一階層メニューの設定
var dBlue = new ItemStyle(22, 0, '&gt;', -15, 3, '#003366', '#336699', 'itemText', 'itemHover',
 'itemBorder');

// The purplish 'crazy' style, same length but extra 1px spacing (to show up the fancy border) and
// different colours/text and less padding.

//第二階層メニューの設定
var crazy = new ItemStyle(22, 1, '&gt;', -15, 2, '#666699', '#333366', 'crazyText', 'crazyHover',
 'crazyBorder');





// The main menu section begins with the creation of a 'new PopupMenu(...)' object, which
// includes the main creation and update functions -- this example just has one object created.
// Next, we use its startMenu() function to create the individual menus used by the script.
// They are added with the orientation, position, dimension, and default ItemStyle to use passed
// to them. The Left and Top positions are measured from the upper-left corner of its trigger
// item used to pop it out on the fly, or from the top-left corner of the page for the first
// 'root' menu. The first menu must always be named 'root', by the way, so it's always visible.
//
// startMenu('menu name', Vertical menu? (true/false), left, top, width, default ItemStyle);
//
// Something that needs explaining - the Vertical Menu setup, a 'true' or 'false' without
// quotes passed as the second parameter to startMenu(). You can see most of the menus below
// are 'true', that is they are vertical, except for the first root menu. The 'length' and
// 'width' of an item depends on its orientation -- length is how long the item runs for in
// the direction of the menu, and width is the lateral dimension of the menu. Just look at
// the examples and tweak the numbers, they'll make sense eventually :).
//
//
// Finally, items themselves are passed 3 compulsory parameters -- the text to display in the
// item, the action or URL the item has when clicked, and the type of the action/target frame.
// All other parameters are optional -- you can override the menu's default ItemStyle with the
// item's own, and optionally override that was well with its own dimensions/popout indicator
// etc. See the example below, this is illustrated there.
//
// addItem('Text', 'URL', 'action type', optional ItemStyle, length, spacing to next item,
//  'popout indicator HTML', popout indicator position);
//
// The 'action type' needs explaining. This tells the script what to do with the URL. You
// leave this a blank string '' to open the URL in the current window -- the default action.
// Or, you can set this to 'js:' to specify that the URL is a JavaScript function that gets
// executed when the item is clicked. Thirdly, you can pass a string containing a valid
// reference to a window/frame, e.g. 'top.leftFrame' or 'parent.popupWin', to make the URL
// load in that frame or window when clicked -- 'parent.main' is similar to <a target="main">.
//    Most importantly, you pass 'sm:' to specify that the URL is the name of a submenu to pop
// out when moused over. See the example below if this seems complicated, it's quite easy once
// you get the hang of it. Thanks to Martin J. Cole for originally suggesting the syntax!
//
// If you want more information, there's a FAQ (Frequently Asked Questions) section on my
// site: http://gusnz.cjb.net, on the 'Popup Menus' page.





// A PopupMenu() object must be passed its own name so it can reference itself when the menu
// is active. We also use a 'with' block to work with its properties and functions below.
var pMenu = new PopupMenu('pMenu');
with (pMenu)
{

// *** MOVE OR CENTRE THE MENU HERE ***
// The 'root' menu is horizontal, positioned at (x = 10, y = 0) and is 17px high, and items
// by default use the colours and dimensions in the 'hBar' ItemStyle defined above.
// To centre it, or scroll with the window etc, just include a global variable as one of the
// positions -- this script includes 'winWidth' by default and 'scrollYpos' is provided in the
// 'optional code' below, make sure to uncomment it there if you want scroll repositioning!

//ルートメニューの設定
startMenu('root', false, 'winWidth/2 - 60', '150', 22, hBar); // Centres horizontally.

//startMenu('root', false, '10', 'scrollYpos', 17, hBar); // Scroll with window.
//startMenu('root', false, 300, 150, 17, hBar);

// The text is a space then 'File', and this item pops out the 'mFile' submenu when moused over as
// we've set 'sm:' as the action type.
addItem('&nbsp; ここをクリック', 'mFile', 'sm:');
//addItem('&nbsp; Edit', 'mEdit', 'sm:');
//addItem('&nbsp; Help', 'mHelp', 'sm:');
// An example of a Javascript function embedded in the menu, to open a new window...
// Also extra optional parameters at the end -- ItemStyle and length (longer item)...
//addItem('&nbsp; Visit My Site', 'window.open("http://gusnz.cjb.net")', 'js:', hBar, 80);
// To open a file in a frame named 'main' we would use the following syntax:
// addItem('Text', 'file.html', 'parent.main');

// This is a vertical menu positioned 0px across and 22px down from its trigger, and is 80px wide.

//第一階層メニューの設定
startMenu('mFile', true, 0, 22, 120, dBlue);
// The URLs are set to # here, be sure to replace them with your path/file names or JS functions!
// Also note how all the types are '', indicating these links open in the current frame.

// ここでリンクをはる。
//addItem('Save', 'index.html', '');


// Notice we're popping out a submenu again here, so set 'sm:' as the action type...

// 第二階層付きメニュー
addItem('Hunza', 'mHunza', 'sm:');
addItem('2004年6月', '2004_6/2004_06.html', '');
//addItem('Exit', '#', '');

//startMenu('mEdit', true, 0, 22, 80, dBlue);
//addItem('Cut', '#', '');
//addItem('Copy', '#', '');
//addItem('Paste', '#', '');

// Popout slightly left of its trigger, for fun...
//startMenu('mHelp', true, -10, 22, 80, dBlue);
// Instead of using spaces to indent, consider a special text stylesheet in an ItemStyle?
//addItem('&nbsp; &nbsp; Contents', '#', '');
//addItem('&nbsp; &nbsp; Index', '#', '');
// Here we add extra optional parameters to specify an individual popout indicator, positioned 3px
// from the left edge of this item,  along with the normal dimensions etc, instead of declaring a new
// ItemStyle especially for this item. You have to add all parameters up to the one you're specifying. 
//addItem('&nbsp; &nbsp; About', 'mAbout', 'sm:', dBlue, 22, 0, '&lt;', 3);


//第2階層メニューの設定
// This is across but not down... a horizontal popout.
startMenu('mHunza', true, 120, 0, 120, crazy);

// Again these items have their own ItemStyles, and sometimes lengths and spacings specified.

//第2階層メニュー項目：リンク設定
addItem('2001.4.28-5.4', '2001_5/2001_5.html', '', crazy, 22);
addItem('2001.8.11-8.18', '2001_8/2001_8.html', '', crazy, 22);
//addItem('Recent Doc 2:<br>Plan', '#', '', crazy, 35, 5);

// Ah, back to the normal blue ItemStyle for this item.
//addItem('Etc. etc...', '#', '', dBlue);

// Leftwards popout with a negative x and y relative to its trigger.
startMenu('mAbout', true, -85, -18, 80, dBlue);
addItem('Leftwards!<br>And up!', '#', '', dBlue, 40);


// If you want, you can assign 'events' to menu items for mouse over/out/click.
// N.B. These are optional and the mouse events are not entirely reliable across browsers.
// You'll want to use these for assigning click actions to 'sm:' items perhaps?
// Naming syntax: pMenu.menu.menuName[index] where index=1 upwards for items, 0 for the
// menu layer itself.
//menu.root[4].onmouseover = new Function('status="Go on, visit it..."');
//menu.root[4].onmouseout = new Function('status=""');
//menu.root[1].onclick = new Function('alert("You clicked on \'File\'...")' );
//menu.root[2].onclick = new Function('location.href="divscroll.html"');

// You can also assign non-standard hide or show delays to the menus. Defaults are:
//showDelay = 0;
//hideDelay = 500;

// End of 'with (menu Object)' block. That's essentially it for a standard menu!

}

// You can create another menu object here if you want multiple menus on a page...
//var xyz = new PopupMenu('xyz');
//with (xyz)
//{
//... make menu here ...
//}
// Then remember to add it to the event section next...




// Finally, we handle some global events, calling the proper functions for each menu (or
// other script, e.g. my DHTML Scroller) that needs to be notified of these events.
// Make sure there is no BODY ONLOAD="..." tag in the document, it overrides these!
// Note we also call a small 'bug check' function to stop the NS4 window resize bug.

if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = new Function('evt', 'pMenu.click(); ' +
 'if (isNS4) return document.routeEvent(evt)');

window.onload = new Function('pMenu.update()');
window.onresize = new Function('ns4BugCheck(); pMenu.position()');

var origWinWidth = window.innerWidth;
function ns4BugCheck()
{
 if (isNS4 && origWinWidth != window.innerWidth) location.reload()
}






// *** EXAMPLE FUNCTIONS FOR THIS DEMONSTRATION -- DELETE IF YOU'RE NOT USING THEM! ***


// Example code to SCROLL THE MENU WITH THE WINDOW. Just include the variable 'scrollYpos' in
// a formula for the Y position of the root menu, as commented in the example above.
// Note: you'll probably want to assign a non-transparent background colour to do this, and
// if you're serious you may want to build a 'floater' script to reposition...
//var scrollYpos = 0;
//window.onscroll = new Function('scrollYpos=(isIE ? document.body.scrollTop : pageYOffset); ' +
// 'pMenu.position()');
//if (!isIE) setInterval('if (scrollYpos != pageYOffset) window.onscroll()', 50);


// A useful function that displays the available properties of any object... uncomment it to see
// how all the data is stored within the script -- it's quite complex ;) -- and browse around...
// If you prefer a GUI for this, download my Object Browser and stick it in an IFrame.
// Also, we call them after a short delay to allow the menus to create themselves...

function showProps(obj){ s=''; for (p in obj) s+=p+' = '+String(obj[p]).substring(0,20)+'\n'; alert(s) }
//setTimeout('showProps(pMenu)', 2000);
//setTimeout('showProps(pMenu.menu.root[1])', 3000);


// This illustrates changing the contents of the menu.
function changeMenu() { with (pMenu)
{
 // If your modifications are quite extensive, probably hide the menu before commencing
 // them, as the script relies on the menu array in realtime to handle highlighting etc.
 //over('root', 0);
 //menu.root[0].lyr.vis('hidden');

 // Create a whole new menu...
 startMenu('mNewMenu', true, 0, 22, 120, dBlue);
 addItem('<b>Gus\' Web:</b><br>Extreme DHTML.<br>Small Code.<br>Click to Visit...',
  'window.open("http://gusnz.cjb.net")', 'js:', dBlue, 70);

 // Alter just the 'Visit My Site' menu item to pop it out...
 actMenu = 'root';
 nextItem = 4;
 addItem('&nbsp; Dynamism...', 'mNewMenu', 'sm:', hBar, 80);

 // Call the update function to implement our changes.
 update();
}}


// This is just the moving command called when you click the feature list.
moveRoot = new Function('with(pMenu.menu.root[0].lyr) x( (x()<100) ? 100 : 5);');


// End Hide -->