var bgcolor_margin = "#9ee89c";
var bgcolor_cell = "#479d23";
var bgcolor_hcell = "#2e840a";
var background_cell = "";
var background_hcell = "";
var class_name = "menu_dropdown";
var cell_spacing = 1;
var cell_padding = 3;
var height = 20;

var arMenu = new Array(

// Pavers
  new Array(
    new Array(
	  new Array('Photo Gallery', 'photos.htm'),
      new Array('Patterns', 'patterns.htm'),
	  new Array('Colors', 'colors.htm'),
      new Array('Catalogs Library', 'catalogs.htm'),
	  new Array('Shapes Library', 'shapes.htm'),
      new Array('Technical', 'technical.htm'),
	  new Array('Industry Links', 'links.htm')
    ),
	237, 365, 100
  ),

// Accessories
  new Array(
    new Array(
      new Array('Sports Court', 'sports_court.htm'),
      new Array('Play Systems', 'play_systems.htm')			
    ),
	237, 485, 100
  ),

// Retaining Walls
  new Array(
    new Array(
	  new Array('Celtik Wall', 'shapes.htm'),
      new Array('Keystone', 'show_keystone.htm'),
      new Array('PYZIQUE Stone', 'show_pyzique.htm'),
      new Array('Maytrx Stone', 'show_maytrx.htm'),
      new Array('Rock Retaining Walls', 'show_redwolfrock.htm')
    ),
	237, 421, 100
  )

);

var timerMenu;

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

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