var IEx = (document.all)?1:0;
var NS4 = (document.layers)?1:0
var NS6 = (document.getElementById)?1:0

var vBkgColor_margin = "#F3BE15";
var vBkgColor_cell = "#F3BE15";
var vBkgColor_hcell = "#F3BE15";

var arMenuTop0 = new Array();

// 0 Belgard Pavers home
arMenuTop0[0] = new Array('Photos', 'photos.htm');
arMenuTop0[1] = new Array('Catalogs', 'catalogs.htm');
arMenuTop0[2] = new Array('Shapes Library', 'shapes.htm');
arMenuTop0[3] = new Array('Patterns', 'patterns.htm');

function fWriteLayers() {
// layer0
if(NS4)
    menu0 = new Layer;
    document.write("<div id='menu0' style='position:absolute; left:0px; top:0px; width:110px; height:0px; z-index:10; visibility: hidden' onMouseOver=\"MM_showHideLayers('menu0','','show','menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide','menu7','','hide','menu8','','hide','menu9','','hide','menu10','','hide','menu11','','hide','menu12','','hide','menu13','','hide','menu14','','hide','menu15','','hide')\" onMouseOut=\"MM_showHideLayers('menu0','','hide','menu1','','hide','menu2','','hide','menu3','','hide','menu4','','hide','menu5','','hide','menu6','','hide','menu7','','hide','menu8','','hide','menu9','','hide','menu10','','hide','menu11','','hide','menu12','','hide','menu13','','hide','menu14','','hide','menu15','','hide')\"> "); 
	document.write("<table bgcolor='#1D4739' align='center' width='100%' border='0' cellpadding='0' cellspacing='0'>");
	for(i=0;i<arMenuTop0.length;i++) {

		 
		 document.write("<tr>"); 
		  document.write("<td width='3'><img src='images/menu_left_divl.jpg' width='3' height='20'></td>");
		  document.write("<td background='images/menu_left_bg.jpg'>"); 
		   document.write("<table border='0' cellpadding='0' cellspacing='0'>"); 
			document.write("<tr>");  
			 document.write("<td width='12'><img src='images/space.gif' width='1' height='1'></td>");  
			 document.write("<td width='*' onclick=\"location.href='" + arMenuTop0[i][1] + "'\"><a href='" + arMenuTop0[i][1] + "' style='color:#C7D1AA; font-weight:bold; font-size:9px;'>" + arMenuTop0[i][0] + "</a></td>");  
			document.write("</tr>");  
		   document.write("</table>"); 
		  document.write("</td>"); 
		  document.write("<td width='3'><img src='images/menu_left_divr.jpg' width='3' height='20'></td>"); 
		 document.write("</tr>");

	}
	document.write("</table>"); 
	document.write("</div>");
}

var pos = new Array();
pos[0] = 360;
var heights = new Array();
heights[0] = 121;

var menu0;
if (NS6 || IEx) {
 	menu0 = document.getElementById('menu0');
}

function MM_setPosition() {
var theight = 0;
if(!NS4) {
  for (var i=0; i<1; i++) {
    if(IEx) { 
		document.all("menu" + i).style.left = x.offsetLeft + pos[i];
    		document.all("menu" + i).style.top = y.offsetTop+heights[i];
  		} 
  		else if(NS4) {
/*
			str = "document.menu" + i + ".left = document.images.xy.x + pos[" + i + "]";			
			eval(str);
			str = "document.menu" + i + ".top = document.images.xy.y+theight-heights["+i+"]";
			eval(str);
*/
  		}
  		else if(NS6) {
   			str = "document.getElementById('menu"+i+"').style.left = document.getElementById('x').offsetLeft + pos["+i+"]";
   			eval(str);
   			str = "document.getElementById('menu"+i+"').style.top = document.getElementById('y').offsetTop+heights["+i+"]";		
   			eval(str);
  		}	
  }
}
}