var bgcolor_margin = "#F3F3E4";
var bgcolor_cell = "";
var bgcolor_hcell = "";
var background_cell = "images/menud_bg.gif";
var background_hcell = "";
var class_name = "menu_dropdown";
var cell_spacing = 2;
var cell_padding = 3;
var height = 20;

var arMenu = new Array(

// Brick
  new Array(
    new Array(
      new Array('McNear', 'show_mcnear.htm'),
      new Array('Robinson', 'show_robinsonbrick.htm'),
      new Array('Pacific Clay', 'show_pacific_clay.htm'),
      new Array('Endicott', 'show_endicott.htm'),
      new Array('Interpace', 'show_interpacebrick.htm'),
      new Array('H.C. Muddox', 'show_hcmuddox.htm'),
      new Array('Interstate', 'show_interstatebrick.htm'),
      new Array('Higgins', 'show_higgins.htm')
//      new Array('', 'javascript:;'),
    ),
	230, 212, 100
  ),

// Pavers
  new Array(
    new Array(
      new Array('Belgard', 'show_belgard.htm'),
      new Array('Claypave', 'show_claypave.htm'),
      new Array('Calstone', 'show_calstone.htm'),
      new Array('McNear', 'show_mcnear_paver.htm'),
      new Array('Basalite', 'show_basalite.htm'),
      new Array('Pacific Interlock', 'show_pacinterlock.htm')
    ),
	230, 243, 100
  ),

// Retaining Wall
  new Array(
    new Array(
      new Array('Versa-Lok', 'show_versalok.htm'),
      new Array('Allan Block', 'show_allanblock.htm'),
      new Array('Keystone', 'show_keystone.htm'),
      new Array('Belgard', 'show_belgard.htm')
    ),
	230, 279, 100
  ),

// Manufactured Stone
  new Array(
    new Array(
      new Array('Cultured Stone', 'show_cultured.htm'),
      new Array('Eldorado Stone', 'show_eldorado.htm')
    ),
	230, 315, 100
  ),

// Concrete Products
  new Array(
    new Array(
      new Array('Brick Form', 'show_brickform.htm'),
      new Array('Stegmier', 'show_stegmeier.htm'),
      new Array('Davis Color', 'show_daviscolors.htm')
    ),
	230, 348, 100
  ),

// Natural stone
  new Array(
    new Array(
      new Array('Boulder', 'coming.htm'),
      new Array('Flagstone', 'coming.htm'),
      new Array('Ledgestone', 'coming.htm'),
      new Array('Thin Veneer', 'coming.htm')
    ),
	230, 371, 100
  )

);

var timerMenu;

function hideMenu() {
  timerMenu=setTimeout('hideMenuItems()', 200);
}

function hideMenuItems() {
  for (var i=0; i<arMenu.length; i++) {
    MM_showHideLayers('menu'+i,'','hide');
  }
}

function showMenu(index) {
  MM_setPosition();
  clearTimeout(timerMenu);
  for (var i=0; i<arMenu.length; i++) {
    MM_showHideLayers('menu'+i,'','hide');
  }
  MM_showHideLayers('menu'+index,'','show');
}

function fWriteLayers() {
  for (var i=0; i<arMenu.length; i++) {
    document.write("<div id='menu"+i+"' style='position:absolute; left:0px; top:0px; width:"
	 +arMenu[i][3]+"px; z-index:1; visibility: hidden' onMouseOver=\"clearTimeout(timerMenu); showMenu("
	 +i+")\" onMouseOut=\"hideMenu();\">"); 
    document.write("<table width='100%' border=0 cellspacing=0 cellpadding=0"
	 +((bgcolor_margin!="")?" bgcolor='"+bgcolor_margin+"'":"")+"><tr><td>"); 
    document.write("<table width='100%' border=0 cellspacing="+cell_spacing+" cellpadding="+cell_padding+">");
    for(j=0;j<arMenu[i][0].length;j++) {
  	  document.write("<tr>");
   	  document.write("<td "+((bgcolor_cell!="")?" bgcolor='"+bgcolor_cell+"'":"")
       +((background_cell!="")?" background='"+background_cell+"'":"")
	   +" onmouseover=\""+((bgcolor_hcell!="")?" this.style.backgroundColor='"+bgcolor_hcell+"';":"")
       +((background_hcell!="")?" this.style.background='url("+background_hcell+")';":"")+"\""
	   +" onmouseout=\""+((bgcolor_cell!="")?" this.style.backgroundColor='"+bgcolor_cell+"';":"")
   	   +((background_cell!="")?" this.style.background='url("+background_cell+")';":"")+"\""
   	   +" onclick=\"location.href='"+arMenu[i][0][j][1]+"'\""
	   +" style='cursor: hand; height:"+height
	 +"px;'>"
	   +"<a href='"+ arMenu[i][0][j][1]+"' class='"+class_name+"'>"+arMenu[i][0][j][0]+"</a></td>");
   	  document.write("</tr>");
    }
    document.write("</table>");
    document.write("</td></tr></table>");
    document.write("</div>");
  }
}

function MM_setPosition() {
  for (var i=0; i<arMenu.length; i++) {
    if(IEx) {
      document.all("menu"+i).style.left = x.offsetLeft+arMenu[i][1];
      document.all("menu"+i).style.top = y.offsetTop+arMenu[i][2];
  	} 
	else if(NS6) {
	  str = "document.getElementById('menu"+i+"').style.left = document.getElementById('x').offsetLeft + arMenu["+i+"][1]";
   	  eval(str);
   	  str = "document.getElementById('menu"+i+"').style.top = document.getElementById('y').offsetTop+arMenu["+i+"][2]";		
   	  eval(str);
  	}	
  }
}

var IEx = (document.all)?1:0;
var NS4 = (document.layers)?1:0
var NS6 = (document.getElementById)?1:0

function MM_findObj(n, d) { //v4.0
  var p,i,x;  
  if(!d) d=document; 
  if((p=n.indexOf("?"))>0&&parent.frames.length) 
  {
 	d=parent.frames[n.substring(p+1)].document; 
	n=n.substring(0,p);
  }
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}