if(!document.getElementById){alert("Sorry\nYour browser does not support this application\nDHTML supporting browsers such as Internet Explorer/ Netscape 6 are required");}	

var sSelMortar = new Array("basemortar","basemortar","basemortar","basemortar")
var sSelBrick = new Array("temp-brick","temp-brick","temp-brick","temp-brick")
function Len(Expression) {
  return Expression.toString().length;
}


function fnChangeBrick(sArea,sBG,sImage)
{
sItem = sArea.substr(4,1)
//add missing 0's where applicable
if (sImage.toString().length == 3)
{
	sImage = "0" + sImage
}

if(sImage.toString().length == 2)
{
	sImage = "00" + sImage
}
sSelBrick[sItem-1] = sImage
sSelMortar[sItem-1]  = sBG
var content = "<table height='100%' width='100%' border='0' cellspacing='0' cellpadding='0'>"
content = content+ "<tr><td background='images/bricksnmortar/mortars/"+sBG+"'>"
content = content+ "<a href='#Large'><img  src='images/bricksnmortar/bricks/"+sImage+".gif' onclick='fnViewLarge(\""+sImage+"\",\""+sBG+"\")' name='brick"+sArea.substr(4,1)+"' width='210' height='139' vspace='1' border='0' id='brick"+sArea.substr(4,1)+"' alt='selected brick'></a>"
content = content+ "</td></tr></table>"		
document.getElementById(sArea).innerHTML=content;	

document.getElementById(sArea).innerHTML=content;	

return false;
}

function fnViewLarge(sImage,sBG)
{
	
	if(sImage == "temp-brick")
	{
		sImage = "temp-sample"
	}

	var contentLarge =" <table height='100%' width='100%' border='0' cellspacing='0' cellpadding='0'>"
	contentLarge = contentLarge+ "<tr><td background='images/bricksnmortar/mortars/"+sBG+"' align='center'>"
	contentLarge = contentLarge+ "<img src='images/bricksnmortar/bigimages/"+sImage+".gif' name='sample' width='616' height='408' hspace='4' id='sample'>"
	contentLarge = contentLarge+ "</td></tr></table>"		
	document.getElementById('largeSample').innerHTML =contentLarge;
	
	
	document.getElementById('largeSample').innerHTML =contentLarge;

}