
var arProducts = new Array(

  new Array('Architectural Block',
    new Array(
      new Array('Photo Gallery','photos.htm'),
      new Array('Shapes & Sizes','shapes.htm'),
      new Array('Colors Collection','colors.htm'),
      new Array('Technical Notes','technical.htm')
//      new Array('Case Studies','case.htm')
    )
  ),

  new Array('Concrete Block',
    new Array(
      new Array('Astra-Glaze-SW+','tren_astra.htm'),
      new Array('New AG Platinum','tren_platinum.htm'),
      new Array('Trendstone','tren_trendstone.htm'),
      new Array('Trendstone Plus','tren_trendstoneplus.htm'),
      new Array('Mesastone','tren_mesastone.htm'),
      new Array('<i>PRAIRIE</i> stone','tren_prairiestone.htm'),
      new Array('Acousta-Wal','tren_acousta.htm'),
      new Array('Split Face','tren_splitface.htm')
    )
  ),
   
  new Array('Belgard Pavers',
    new Array(
      new Array('Photo Gallery','belgard_photos.htm'),
      new Array('Shapes & Sizes','belgard_shapes.htm'),
      new Array('Colors Collection','belgard_colors.htm'),
      new Array('Patterns','belgard_patterns.htm'),
      new Array('New Products','belgard_products.htm'),
      new Array('Catalogs Library','belgard_catalogs.htm'),
      new Array('Technical Notes','belgard_technical.htm')
//      new Array('Sales Tools','belgard_sales.htm')
    )
  ),

  new Array('Retaining Walls',
    new Array(
      new Array('Overview','retaining_walls.htm')
    )
  ),

  new Array('Veneer Stone',
    new Array(
      new Array('Photo Gallery','veneer_stone_photos.htm'),
      new Array('Shapes & Colors','veneer_stone_shapes.htm'),
      new Array('Specifications','veneer_stone_specifications.htm')
    )
  )
 
)

function menu_products() {
  if ((typeof(company)=='undefined') || (company<0))
    company = 0;
  if ((typeof(index)=='undefined'))
    product = -1;
  else
    product = index;

  for (var i=0;i<arProducts.length;i++) {
    document.write('<tr>');
	document.write('<td height="34" background="images/menul_bg.jpg">');
	document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('<td width="20"><img src="images/space.gif" width="20" height="1"></td>');
	document.write('<td width="17"><img src="images/menul_arrow.gif" width="11" height="10"></td>');
	document.write('<td width="*"><a href="'+arProducts[i][1][0][1]+'" '+((company==i)?'class="menuleft_selected"':'class="menuleft"')+'>'+arProducts[i][0]+'</a></td>');
	document.write('</tr>');
	document.write('</table>');
	document.write('</td>');
	document.write('</tr>');
    if (company==i) {
      for (var j=0;j<arProducts[i][1].length;j++) {
        document.write('<tr>');
	    document.write('<td height="33" background="images/menul_bg1.jpg">');
	    document.write('<table width="100%" border="0" cellspacing="0" cellpadding="0">');
	    document.write('<tr>');
	    document.write('<td width="37"><img src="images/space.gif" width="37" height="1"></td>');
	    document.write('<td width="17"><img src="images/menul_arrow1.gif" width="8" height="7"></td>');
	    document.write('<td width="*"><a href="'+arProducts[i][1][j][1]+'" '+((product==j)?'class="menuleft1_selected"':'class="menuleft1"')+'>'+arProducts[i][1][j][0]+'</a></td>');
	    document.write('</tr>');
	    document.write('</table>');
	    document.write('</td>');
	    document.write('</tr>');
	  }
	}
  }
}

function menu_arrow() {
  document.write('<img src="images/space.gif" width=1 height='+Number((Number(index)+1)*15)+'><br>');
  document.write('<img src="images/arrow1.gif" width="11" height="14" border="0">');
}

