$(document).ready(function(){
  assignImageRollovers();
	});
	function assignImageRollovers() {
	  
	    // assign the rollover code
	    $(".ro").hover(
	      function() {
	       
	        var src = $(this).attr("src");
	        if(src.indexOf('/inactive') == -1) {
	          src = src.replace(/active/, "base");      
	          $(this).attr("src", src.replace(/base/, "hover"));
	        }
	      },
	      function() {
	       
	        var src = $(this).attr("src");
	        if(src.indexOf('/inactive') == -1) {
	          src = src.replace(/active/, "hover");
	          $(this).attr("src", src.replace(/hover/, "base"));
	        }
	      }
	    ).mousedown(function() {
	
	        var src = $(this).attr("src");
	        if(src.indexOf('/inactive') == -1) {
	          src = src.replace(/base/, "hover");
	          $(this).attr("src", src.replace(/hover/, "active"));   
	        }
	        
	    }).mouseup(function() {
	        
	        var src = $(this).attr("src");
	        if(src.indexOf('/inactive') == -1) {
	          src = src.replace(/base/, "active");
	          $(this).attr("src", src.replace(/active/, "hover")); 
	        }
	    });  
	}