// 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() {
	/*if (document.all && document.getElementById) {
		nav_root = document.getElementById("nav");
		for (var i = 0; i < nav_root.childNodes.length; i++) {
			node = nav_root.childNodes[i];
			if (node.id && node.id.indexOf("nav-") != -1) {
				node.onmouseover = function() { this.className += " over"; }
				node.onmouseout = function() { this.className = this.className.replace(" over", ""); }
			}
		}
	}*/

	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 }));
		}
	}
});

function accomp_list(which) {
	document.getElementById("list_content").className = "sel_" + which;
	document.getElementById("listbar").className = "sel_" + which;
}