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);

 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);
}

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);
}

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 = '#FFF0C4', defBack = '#FFE498';

var defLen = 17;

menu[0] = new Array();

menu[0][0] = new Menu(false, '', 165, 79, 14, 0,'' ,'', '', 'menutext');


menu[0][1] = new Item('Services', '#', '',65, 0, 1);
menu[0][2] = new Item('Information', '#', '', 84, 0, 2);
menu[0][3] = new Item('Contact', '#', '', 60, 0, 3);
menu[0][4] = new Item('Credentials', 'credentials.htm', '', 85, 0, 0);
menu[0][5] = new Item('Home', 'index.htm', '',50, 0,0 );

menu[1] = new Array();
menu[1][0] = new Menu(true, '&gt;', 5, 22, 160, 1, defOver, defBack, '', 'itemtextover');
menu[1][1] = new Item('Horizontal Directional Drilling','horizontal_drilling.htm', '', defLen, 0, 0);
menu[1][2] = new Item('Impact Moling','impact_moling.htm', '', defLen, 0, 0);
menu[1][3] = new Item('Electrofusion Welding','electrofusion.htm', '', defLen, 0, 0);
menu[1][4] = new Item('Lead Replacement', 'lead_replacement.htm', '', defLen, 0, 0);
menu[1][5] = new Item('Burst Management','burst_management.htm', '', defLen, 0, 0);


menu[2] = new Array();
menu[2][0] = new Menu(true, '&gt;', 5, 22, 150, 1, defOver, defBack, '', 'itemtextover');
menu[2][1] = new Item('About Us', 'about_mosley_moling.htm', '', defLen, 0, 0);
menu[2][2] = new Item('Why Choose Mosley?', 'why_mosley_moling.htm', '', defLen, 0, 0);
menu[2][3] = new Item('Why Lead Free? ', 'why_lead_free.htm', '', defLen, 0, 0);
menu[2][4] = new Item('Save Money', 'save_money.htm', '', defLen, 0, 0);
menu[2][5] = new Item('How Does it Work', 'trenchless_digging.htm', '', defLen, 0, 0);
menu[2][6] = new Item('Download Brochure PDF', 'downloads/brochure.pdf', '', defLen, 0, 0);

menu[3] = new Array();
menu[3][0] = new Menu(true, '&gt;', 5, 22, 130, 1, defOver, defBack, '', 'itemtextover');
menu[3][1] = new Item('Contact Information', 'contact.htm', '', defLen, 0, 0);
menu[3][2] = new Item('Enquiry Form', 'enquiry_form.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;
}