<!--
var style = "<STYLE TYPE=\"text/css\">\n.hide {\n\tvisibility: hidden;\n\tposition: absolute;\n\ttop: 0;\n\t}\n\n\t.show {\n\tvisibility: visible;\n\tborder: none;\n\t}\n\n</STYLE>\n";
document.writeln(style);

var idimg=1;
function rollover(imgout,imgon) {
	idimg++;
	idimg="img"+idimg;
	var imag = "<img src=\""+imgout+"\" class=\"show\" id=\""+idimg+"_out\" onmouseover=\"changeimg("+idimg+"_out,"+idimg+"_on)\"><img src=\""+imgon+"\" class=\"hide\" id=\""+idimg+"_on\" onmouseout =\"changeimg("+idimg+"_on,"+idimg+"_out)\">";
	document.write(imag);
	}

function changeimg(img1,img2) {
	img1.className="hide";
	img2.className="show";
	}
//-->
