// rollover event handlers
function rollover(e, args) { e.target.src = args.rimg.src; }
function rollout(e, args) { e.target.src = args.img.src; }

// add rollover handler for any img and input elements with the 'rollover' class
window.addEvent("domready", function() {
	var rollovers = $$("img.rollover, input.rollover");
	for (var x = 0; x < rollovers.length; x++) {
		if (rollovers[x].src.indexOf(".png") != -1) {
			rollovers[x].setStyle("cursor", "pointer");
			var left = rollovers[x].src.substring(0, rollovers[x].src.indexOf(".png"));
			var right = rollovers[x].src.substring(rollovers[x].src.indexOf(".png"), rollovers[x].src.length);
			
			var img = new Image();
			img.src = rollovers[x].src;
			var rimg = new Image();
			rimg.src = left + "-over" + right;

			rollovers[x].addEvent("mouseenter", rollover.bindWithEvent(rollovers[x], { rimg: rimg }));
			rollovers[x].addEvent("mouseleave", rollout.bindWithEvent(rollovers[x], { img: img }));
		}
	}
});