/*
<!-- THREE STEPS TO INSTALL CASCADING MENU:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the onLoad event handler into the BODY tag
  3.  Put the last coding into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->
*/

/*
<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Angus Turnbull -->
<!-- Web Site:  http://gusnz.cjb.net -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Customized for Timber Ridge. info -->
<!-- Begin
*/
var isDOM = (document.getElementById ? true : false); 
var isIE4 = ((document.all && !isDOM) ? true : false);
var isNS4 = (document.layers ? true : false);

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);
} 
// Hide timeout.
var popTimer = 0;
// Array showing highlighted menu items.
var litNow = new Array();

// total width of menu items
var myMenuWidth = 490;  


function popOver(menuNum, itemNum) {
clearTimeout(popTimer);
hideAllBut(menuNum);
litNow = getTree(menuNum, itemNum);
changeCol(litNow, true);
targetNum = menu[menuNum][itemNum].target;

// make var to bring popOver into line with top level menu
var myOffset = window.document.body.clientWidth / 2 - myMenuWidth / 2;

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 = parseInt(thisX + menu[targetNum][0].x - myOffset); // bring back below the top menu item
top = parseInt(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);
}

function getTree(menuNum, itemNum) {

// Array index is the menu number. The contents are null (if that menu is not a parent)
// or the item number in that menu that is an ancestor (to light it up).
itemArray = new Array(menu.length);

while(1) {
itemArray[menuNum] = itemNum;
// If we've reached the top of the hierarchy, return.
if (menuNum == 0) return itemArray;
itemNum = menu[menuNum][0].parentItem;
menuNum = menu[menuNum][0].parentMenu;
   }
}

// Pass an array and a boolean to specify colour change, true = over colour.
function changeCol(changeArray, isOver) {
for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
if (changeArray[menuCount]) {
newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
// Change the colours of the div/layer background.
with (menu[menuCount][changeArray[menuCount]].ref) {
if (isNS4) bgColor = newCol;
else backgroundColor = newCol;
         }
      }
   }
}
function hideAllBut(menuNum) {
var keepMenus = getTree(menuNum, 1);
for (count = 0; count < menu.length; count++)
if (!keepMenus[count])
menu[count][0].ref.visibility = 'hidden';
changeCol(litNow, false);
}





// *** MENU CONSTRUCTION FUNCTIONS ***

function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {
// True or false - a vertical menu?
this.isVert = isVert;
// The popout indicator used (if any) for this menu.
this.popInd = popInd
 // Position and size settings.
this.x = x;
this.y = y;
this.width = width;

// Colours of menu and items.
this.overCol = overCol;
this.backCol = backCol;
// The stylesheet class used for item borders and the text within items.
this.borderClass = borderClass;
this.textClass = textClass;
// Parent menu and item numbers, indexed later.
this.parentMenu = null;
this.parentItem = null;
// Reference to the object's style properties (set later).
this.ref = null;
}

function Item(text, href, frame, length, spacing, target) {
this.text = text;
this.href = href;
this.frame = frame;
this.length = length;
this.spacing = spacing;
this.target = target;
// Reference to the object's style properties (set later).
this.ref = null;
}



function writeMenus() {
if (!isDOM && !isIE4 && !isNS4) return;
	
for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {

// Variable for holding HTML for items and positions of next item.
var str = '', itemX = 0, itemY = 0; 
// itemX = 50 to give a left margin of 50; 0 for left edge of window

// reasign itemX to center top-level menu
var myOffset = window.document.body.clientWidth / 2 - myMenuWidth / 2;
itemX =  myOffset;

// 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 (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) {
var itemID = 'menu' + currMenu + 'item' + currItem;

// The width and height of the menu item - dependent on orientation!
var w = (isVert ? width : length);
var h = (isVert ? length : width);

// Create a div or layer text string with appropriate styles/properties.
// Thanks to Paul Maden (www.paulmaden.com) for helping debug this in IE4, apparently
// the width must be a miniumum of 3 for it to work in that browser.


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 + '" ';

// Add mouseover handlers and finish div/layer.
str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';

// Add contents of item (default: table with link inside).
// In IE/NS6+, add padding if there's a border to emulate NS4's layer padding.
// If a target frame is specified, also add that to the <a> tag.

str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';
if (target > 0) {

// Set target's parents to this menu item.
menu[target][0].parentMenu = currMenu;
menu[target][0].parentItem = currItem;

// Add a popout indicator.
if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';
}
str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');
if (isVert) itemY += length + spacing;
else itemX += length + spacing;
}
if (isDOM) {
var newDiv = document.createElement('div');
document.getElementsByTagName('body').item(0).appendChild(newDiv);
newDiv.innerHTML = str;
ref = newDiv.style;
ref.position = 'absolute';  
ref.visibility = 'hidden';
}

// Insert a div tag to the end of the BODY with menu HTML in place for IE4.
if (isIE4) {
document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');
ref = getSty('menu' + currMenu + 'div');
}

// In NS4, create a reference to a new layer and write the items to it.
if (isNS4) {
ref = new Layer(0);
ref.document.write(str);
ref.document.close();
}

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(menu[0][0]) {
ref.left = x;
ref.top = y;
ref.visibility = 'visible';
   }
}


var menu = new Array();

// Default colours passed to most menu constructors (just passed to functions, not
// a global variable - makes things easier to change later in bulk).

var defOver = '#999900', defBack = '#336600';  // drop down menu highlight & items 

// Default 'length' of menu items - item height if menu is vertical, width if horizontal.
var defLength = 18;

// Menu 0 is the special, 'root' menu from which everything else arises.
menu[0] = new Array();
menu[0][0] = new Menu(false, '', 5, 0, 17, '#999900', '#336600', '', 'itemText'); // highlight & bkg main menu
// Notice how the targets are all set to nonzero values...
// The 'length' of each of these items is 40, and there is spacing of 10 to the next item.
// Most of the links are set to '#' hashes, make sure you change them to actual files.
menu[0][1] = new Item('  Home', '#', '', 40, 10, 1);
menu[0][2] = new Item('  Models', '#', '', 50, 10, 2);
menu[0][3] = new Item('  Plans', '#', '', 40, 10, 3);
menu[0][4] = new Item('  Lots', '#', '', 60, 10, 4);
menu[0][5] = new Item('  Pricing', '#', '', 60, 10, 5);
menu[0][6] = new Item('  Location', '#', '', 70, 10, 6);
menu[0][7] = new Item('  Products', '#', '', 70, 10, 7);
menu[0][8] = new Item('  Timber Ridge', '#', '', 100, 10, 8);
// width of this menu is 490 px.

// An example of a link with a target frame/window as well...
// menu[0][4] = new Item('  Site', 'http://gusnz.cjb.net', '_new', 40, 10, 0);

// *****************************  Company Info menu **********************************************.
 menu[1] = new Array();
/* The File menu is positioned 0px across and 22 down from its trigger, and is 80 wide.
// All text in this menu has the stylesheet class 'item' -- see the <style> section above.
// We've passed a 'greater-than' sign '>' as a popout indicator. Try an image...? */


menu[1][0] = new Menu(true, '>', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[1][1] = new Item('Home Page', 'index.mv', '_top', defLength, 0, 0);
/*
menu[1][2] = new Item('Members', '#', '', defLength, 0, 0);
// Non-zero target means this will trigger a popout -- menu[9] which is the 'Reopen' menu.
menu[1][3] = new Item('Reopen', '#', '', defLength, 0, 0);
menu[1][4] = new Item('Exit', '#', '', defLength, 0, 0);
*/
// ************************************ Models menu.
menu[2] = new Array();
menu[2][0] = new Menu(true, '>', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[2][1] = new Item('Under Construction', 'construct.mv', '_blank', defLength, 0, 0);
// menu[2][2] = new Item('Redwood', '#', '_blank', defLength, 0, 0);
// menu[2][3] = new Item('Maple', '#', '_blank', defLength, 0, 0);
// menu[2][4] = new Item('Elm', '#', '_blank', defLength, 0, 0);
// menu[2][5] = new Item('Spruce', '#', '_blank', defLength, 0, 0);
// menu[2][6] = new Item('Hickory', '#', '_blank', defLength, 0, 0);

// *************************** Plans menu
menu[3] = new Array();
menu[3][0] = new Menu(true, '<', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[3][1] = new Item('Plan Index', 'plans.mv', '_top', defLength, 0, 0);

// *************************** Lots menu
menu[4] = new Array();
menu[4][0] = new Menu(true, '<', 0, 22, 110, defOver, defBack, 'itemBorder', 'itemText');
menu[4][1] = new Item('Under Construction', 'construct.mv', '_top', defLength, 0, 0);
//menu[4][2] = new Item('Lot 4', 'lots/lot-04.html', '_top', defLength, 0, 0);
//menu[4][3] = new Item('Lot 25', 'lots/lot-25.html', '_top', defLength, 0, 0);
//menu[4][4] = new Item('Lot 69', 'lots/lot-69.html', '_top', defLength, 0, 0);
//menu[4][5] = new Item('Lot 91', 'lots/lot-91.html', '_top', defLength, 0, 0);
//menu[4][6] = new Item('Timber Cove', 'http://www.timbercovegranbury.com/lots/', '_new', defLength, 0, 0);
// *************************** Pricing menu
menu[5] = new Array();
menu[5][0] = new Menu(true, '<', 0, 22, 110, defOver, defBack, 'itemBorder', 'itemText');
menu[5][1] = new Item('Under Construction', 'construct.mv', '_top', defLength, 0, 0);
//menu[5][2] = new Item('platinum Series', 'prices/platinum.html', '_top', defLength, 0, 0);
//menu[5][3] = new Item('Gold Series', 'prices/gold.html', '_top', defLength, 0, 0);
//menu[5][4] = new Item('Silver Series', 'prices/silver.html', '_top', defLength, 0, 0);
//menu[5][5] = new Item('Comparison', 'prices/compare.html', '_top', defLength, 0, 0);

// *************************** Location menu
menu[6] = new Array();
menu[6][0] = new Menu(true, '<', 0, 22, 150, defOver, defBack, 'itemBorder', 'itemText');
menu[6][1] = new Item('Under Construction', 'construct.mv', '_top', defLength, 0, 0);
//menu[6][2] = new Item('Timber Cove Plat', 'timber_cove/plat.html', '_top', defLength, 0, 0);
//menu[6][3] = new Item('Community Profile', 'timber_cove/profile.html', '_top', defLength, 0, 0);
//menu[6][4] = new Item('Maps', 'timber_cove/maps.html', '_top', defLength, 0, 0);

// *************************** Products menu
menu[7] = new Array();
menu[7][0] = new Menu(true, '<', 0, 22, 80, defOver, defBack, 'itemBorder', 'itemText');
menu[7][1] = new Item('Links', 'suppliers.mv', '_top', defLength, 0, 0);
// menu[7][2] = new Item('Index', '#', '', defLength, 0, 0);
// menu[7][3] = new Item('About', '#', '', defLength, 0, 0);


// *************************** About Us menu
menu[8] = new Array();
menu[8][0] = new Menu(true, '<', 0, 22, 150, defOver, defBack, 'itemBorder', 'itemText');
menu[8][1] = new Item('About Dan Dunn', 'about.mv', '_top', defLength, 0, 0);
menu[8][2] = new Item('Contact Us', 'contact.mv', '', defLength, 0, 0);
/*
menu[8][3] = new Item('About Marilyn Mason', 'principals/mm.html', '_top', defLength, 0, 0);
*/




/*
// Reopen menu
menu[9] = new Array();
// This is across but not down... a horizontal popout (with crazy stylesheets :)...
menu[9][0] = new Menu(true, '>', 85, 0, 120, '#333366', '#666699', 'crazyBorder', 'crazyText');
// These items are lengthier than normal, and have extra spacing due to the fancy borders.
menu[9][1] = new Item('Recent Doc 1:<br>Schedule', '#', '', 36, 4, 0);
menu[9][2] = new Item('Recent Doc 2:<br>Plan', '#', '', 36, 7, 0);
menu[9][3] = new Item('Etc. etc...', '#', '', defLength, 0, 0);

// Help About popout
menu[10] = new Array();
// Leftwards popout with a negative x and y relative to its trigger.
menu[10][1] = new Item('Leftwards!<br>And up!', '#', '', 40, 0, 0);

*/

// *** OPTIONAL CODE FROM HERE DOWN ***

// These two lines handle the window resize bug in NS4. See <body onResize="...">.
// I recommend you leave this here as otherwise when you resize NS4's width menus are hidden.


var popOldWidth = window.innerWidth;
nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');


function refresh()
{
    //  This version of the refresh function will be invoked
    //  for browsers that support JavaScript version 1.2
    //
    
    //  The argument to the location.reload function determines
    //  if the browser should retrieve the document from the
    //  web-server.  In our example all we need to do is cause
    //  the JavaScript block in the document body to be
    //  re-evaluated.  If we needed to pull the document from
    //  the web-server again (such as where the document contents
    //  change dynamically) we would pass the argument as 'true'.
    //  
    window.location.reload( false );
}



// This is a quick snippet that captures all clicks on the document and hides the menus
// every time you click. Use if you want.

if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = clickHandle;

function clickHandle(evt)
{
 if (isNS4) document.routeEvent(evt);
 hideAllBut(0);
}


// This is just the moving command for the example.

function moveRoot()
{
 with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);
}
//  End -->
// </script>