var bgcolor_margin = "#6d8bac";
var bgcolor_cell = "#0c3f79";
var bgcolor_hcell = "#0c3f79";
var background_cell = "";
var background_hcell = "";
var class_name = "menu_dropdown";
var cell_spacing = 1;
var cell_padding = 3;
var height = 18;

var arMenu = 
[
  [
    [  /*0 Belgard Pavers*/
	  ['Belgard Ideas ', 'javascript:openWindow("http://belgarddesignpro.com");'],
	  ['Mega-Arbel ', 'javascript:openWindow("http://www.belgard.biz/shapes-mega-arbel.htm");'],
	  ['Arbel ', 'javascript:openWindow("http://www.belgard.biz/shapes-arbel-stone.htm");'],
	  ['Urbana', 'javascript:openWindow("http://http://www.belgard.biz/shapes-urbana-stone.htm");'],
      ['Mega-Bergerac', 'javascript:openWindow("http://www.belgard.biz/shapes-bergerac-mega.htm");'],
	  ['Bergerac', 'javascript:openWindow("http://www.belgard.biz/shapes-bergerac.htm");'],
      ['Dublin Cobble', 'javascript:openWindow("http://www.belgard.biz/shapes-dublin-combo.htm");'],
	  ['Cambridge Cobble', 'javascript:openWindow("http://www.belgard.biz/shapes-cambridge.htm");'],
	  ['Holland Stone', 'javascript:openWindow("http://www.belgard.biz/shapes-holland.htm");'],
	  ['Environmental Collection', 'javascript:;',
	   [
		[
		 ['Subterra', 'javascript:openWindow("http://www.belgard.biz/subterra_stone.htm");'],
         ['Eco-Brick', 'javascript:openWindow("http://www.belgard.biz/environmental-pavers.htm");'],
	     ['Turfstone', 'javascript:openWindow("http://www.belgard.biz/shapes-turfstone.htm");'],
         ['Drainstone', 'javascript:openWindow("http://www.belgard.biz/environmental-pavers.htm");'],
	     ['Aqua-Bric ', 'javascript:openWindow("http://www.belgard.biz/environmental-pavers.htm");'],
	     ['Aqua-Bricloc', 'javascript:openWindow("http://www.belgard.biz/environmental-pavers.htm");']
	  	],
		   255, 551, 70
	   ]
	  ]
	 ],
	  130, 371, 130
   ],

  [
    [ /*1 Belgard Retaining Walls / Garden Walls*/
	  ['Celtic Wall', 'javascript:openWindow("http://www.belgard.biz/retaining-wall.htm");'],	  
      ['Century Wall', 'javascript:;'],
	  ['Country Manor', 'javascript:;'],
	  ['Keystone Wall', 'keystonewalls_showroom.htm']
    ],
	165, 408, 110
  ],

  [
    [   /*2 Versa-Lok Retaining Walls / Garden Walls*/
      ['Weathered Versa-Lok & Mosaic', 'javascript:openWindow("http://www.versa-lok.com/");'],
	  ['Versa-Lok Standard', 'javascript:openWindow("http://www.versa-lok.com/");'],
	  ['Weathered Parapet Wall', 'javascript:openWindow("http://www.versa-lok.com/");'],
	  ['Estate Wall', 'javascript:openWindow("http://www.versa-lok.com/");'],
	  ['Handy-Stone II', 'javascript:openWindow("http://www.versa-lok.com/");']
    ],
	175, 445, 160
 ],

  [
    [ /*3 Paver Edging & Spikes*/
      ['SEK', 'javascript:openWindow("http://www.sek.us.com/index.php?option=com_content&view=article&id=48&Itemid=58");'],
      ['Techniseal', 'techniseal_show.htm']

    ],
	155, 565, 90
],

  [
    [ /*4 Joint Sand & Sealers*/
      ['Surebond', 'javascript:openWindow("http://surebond.com/");'],
	  ['Techniseal', 'javascript:openWindow("http://techniseal.com/");']

    ],
	155, 625, 90
],

  [
    [ /*Concrete Veneers*/
	  ['Eldorado Stone', 'javascript:openWindow("http://www.eldoradostone.com/flashsite/");'],  
	  ['StoneCraft', 'javascript:openWindow("http://www.stonecraft.com/");']
	   
   ],
	140, 535, 110
 ],

  [
    [  /*5 Geogrid*/
	  /*['Versa Grid', 'javascript:openWindow("http://www.geogrid.com/");'],*/
	  ['Strata Grid', 'javascript:openWindow("http://www.geogrid.com/");'],
	  ['Mirafi', 'javascript:openWindow("http://www.geogrid.com/");'],
	  ['AB Grid', 'javascript:openWindow("http://www.geogrid.com/");']
    ],
	125, 595, 90
  ],


  [
    [  /*8 Outdoor Kitchens*/
	    ['Belgard', 'javascript:openWindow("http://www.belgard.biz/outdoor-kitchens.htm");'],
	    ['Eldorado', 'javascript:openWindow("http://www.eldoradostone.com/outdoor/cabinets.html");'],
	    ['Stone Age', 'javascript:openWindow("www.outdoorkitchenhardscapes.com/");']
      
		
    ],
	140, 715, 100
  ],
  [
    [ /*Masonry Tools*/
      ['Pave Tech ', 'javascript:openWindow("http://www.pavetech.com");']

    ],
	145, 685, 100
 
  ],
  [
    [ /*Sand*/
      ['Alliance Sand  ', 'javascript:openWindow("http://www.Alliancedp.com");']

    ],
	145, 655, 100
 
 ],
  [
    [ /*Fireplaces*/
     ['Belgard', 'javascript:openWindow("http://www.belgard.biz/ideas_outdoor-fireplaces.htm");'],
	 ['Eldorado', 'javascript:openWindow("http://www.eldoradostone.com/outdoor/firplace.html");'],
	 ['Stone Age', 'javascript:openWindow("http://www.stoneagefireplaces.com/fireplaces.html");']

    ],
	145, 775, 100 
 ],
  [
    [ /* Chicago Brick Ovens*/
     ['Stone Age', 'javascript:openWindow("http://www.stoneagefireplaces.com/brickovens.html");'],
	 ['Chicago Brick Ovens', 'javascript:openWindow("http://www.chicagobrickovens.com");']

    ],
	145, 745, 110
 ],
  [
    [ /* Design Help*/
     ['Belgard', 'javascript:openWindow("http://www.belgard.biz/ideas_colors.htm");'],
	 ['Eldorado', 'javascript:openWindow("http://www.eldoradostone.com/outdoor/tool/");'],
	 ['StoneAge', 'javascript:openWindow("http://www.outdoorkitchenhardscapes.com/kitchenplans.html");']

    ],
	145, 832, 100
 
   ]
 ]


var timerMenu;

function openWindow(url) {
  window.open(url, '_blank');
}

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

function hideMenuItems() {
  for (var i=0; i<arMenu.length; i++)
    hideMenuItem('menu_'+i, arMenu[i]);
}

function hideMenuItem(name, arr) {
  MM_showHideLayers(name,'','hide');
  for(var i=0;i<arr[0].length;i++)
    if ((arr[0][i][2]) && (arr[0][i][2].length>0))
      hideMenuItem(name+'_'+i, arr[0][i][2]);
}

function showMenu(name) {
  MM_setPosition();
  clearTimeout(timerMenu);
  hideMenuItems();

  MM_showHideLayers(name,'','show');
  while (name.indexOf("_")!=-1) {
	name = name.substring(0, name.lastIndexOf("_"));
    MM_showHideLayers(name,'','show');
  }
}

function fWriteLayers() {
  for (var i=0; i<arMenu.length; i++) {
	writeMenu('menu_'+i, arMenu[i])
  }
}

function writeMenu(name, arr) {
  document.write("<div id='"+name+"' style='position:absolute; left:0px; top:0px; width:"
   +arr[3]+"px; z-index:1; visibility: hidden' onMouseOver=\"clearTimeout(timerMenu);\" 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 (var j=0;j<arr[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+")';":"")
     +(((arr[0][j][2]) && (arr[0][j][2][0].length>0))?" showMenu('"+name+"_"+j+"');":" showMenu('"+name+"');")
	 +"\""
	 +" onmouseout=\""+((bgcolor_cell!="")?" this.style.backgroundColor='"+bgcolor_cell+"';":"")
   	 +((background_cell!="")?" this.style.background='url("+background_cell+")';":"")+"\""
//   	 +" onclick=\"location.href='"+arr[0][j][1]+"'\""
	 +" style='cursor: hand; height:"+height+"px;'>"
	 +"<a href='"+ arr[0][j][1]+"' class='"+class_name+"'>"+arr[0][j][0]+"</a></td>");
    document.write("</tr>");
  }
  document.write("</table>");
  document.write("</td></tr></table>");
  document.write("</div>");
  for(var j=0;j<arr[0].length;j++) {
    if ((arr[0][j][2]) && (arr[0][j][2][0].length>0)) {
	  writeMenu(name+'_'+j, arr[0][j][2]);
	}
  }
}

function MM_setPosition() {
  for (var i=0; i<arMenu.length; i++)
    setPosition('menu_'+i, arMenu[i])
}

function setPosition(name, arr) {
  if (IEx) {
    document.all(name).style.left = x.offsetLeft+arr[1];
    document.all(name).style.top = y.offsetTop+arr[2];
  }
  else if (NS6) {
    str = "document.getElementById('"+name+"').style.left = document.getElementById('x').offsetLeft+arr[1]";
    eval(str);
    str = "document.getElementById('"+name+"').style.top = document.getElementById('y').offsetTop+arr[2]";		
    eval(str);
  }	
  for(var i=0;i<arr[0].length;i++)
    if ((arr[0][i][2]) && (arr[0][i][2].length>0))
      setPosition(name+'_'+i, arr[0][i][2]);
}

//function 

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