function blowUp(imagename){
	showImage(imagename, "ProductImage","width=640, height=500");
}
function showImage(imagename, windowname, features, message){
	var w = window.open("", windowname, features);
	var doc = w.document;
	doc.write('<html>');
	doc.write('<head>');
	doc.write('<link rel="stylesheet" type="text/css" href="resources/style.css"/>');
	doc.write('</head>');
	doc.write('<body>');
	doc.write('<table width="100%">');
	doc.write('<tr>');
	doc.write('<td align="center">');
	doc.write('<img src="'+imagename+'">');
	doc.write('</td>');
	doc.write('</tr>');
	if (message != null && message.length > 0){
		doc.write('<tr>');
		doc.write('<td align="center">');
		doc.write(message);
		doc.write('</td>');
		doc.write('</tr>');
	}
	doc.write('<tr>');
	doc.write('<td align="center">');
	doc.write('<form>');
	doc.write('<input type="button" value="Close" onclick="self.close()"></input>');
	doc.write('</form>');
	doc.write('</td>');
	doc.write('</tr>');
	doc.write('</table>');
	doc.write('</body>');
	doc.write('</html>');
	doc.close();
	w.focus();
}
var addb_background;	// to make this general purpose this should be an array of objects
function highlight(id, on){
	var element=id;
	if (addb_background == null){
//		addb_background=document.defaultView.getComputedStyle(id, null).backgroundColor;  
		addb_background=element.style.backgroundColor;  
	}
	if (element){
		if (on)
			element.style.backgroundColor = 'orange';
		else
			element.style.backgroundColor = addb_background;
	}
}
