$(function() {
	var image;

	for(var i = 0; i < $("img").length; i++){
		image = $("img")[i];
		if(image.className.match(/rollover/)){
			image.onmouseover = function(){
				this.src = this.src.replace(".gif", "_on.gif");
			}
			image.onmouseout = function(){
				this.src = this.src.replace("_on.gif", ".gif");
			}
		}
	}

	$(".box").hover(function() {
		$(this).css("background-color","#369");
		var images = this.getElementsByTagName("img");
		var image;
		for(var m = 0; m < images.length; m++){
			image = images[m];
			image.src = image.src.replace(".gif", "_on.gif");
		}
	}, function() {
		$(this).css("background-color","#036");
		var images = this.getElementsByTagName("img");
		var image;
		for(var m = 0; m < images.length; m++){
			image = images[m];
			image.src = image.src.replace("_on.gif", ".gif");
		}
	});

});