jQuery rollover image nav

jQuery rollover.js

$(document).ready(function() {
		// Preload all rollovers
		$("#tabs img").each(function() {
			// Set the original src
			rollsrc = $(this).attr("src");
			rollON = rollsrc.replace(/.jpg$/ig,"2.jpg");
			$("<img>").attr("src", rollON);
		});
 
		// Navigation rollovers
		$("#tabs a").mouseover(function(){
			imgsrc = $(this).children("img").attr("src");
			matches = imgsrc.match(/2/);
 
			// don't do the rollover if state is already ON
			if (!matches) {
			imgsrcON = imgsrc.replace(/.jpg$/ig,"2.jpg"); // strip off extension
			$(this).children("img").attr("src", imgsrcON);
			}
 
		});
		$("#tabs a").mouseout(function(){
			$(this).children("img").attr("src", imgsrc);
		});
});