// Automagically adds rollovers to the site. Rejoice!

var rollovers = new Array();
var rollouts = new Array();

$(document).ready(function(){
	var rolloverID = 0;
	$("img[src *= 'rollover_']:not(.norov)").each(function(){
		
		// Add rollover ID to img
		$(this).attr("id", "rov_" + rolloverID);
		
		// Get the current image src
		var src = $(this).attr("src");
		
		// Create over image src from current image rollover_IMAGENAME_over.EXT
		var imgOverSrc = src.split("_off.")[0] + "_on." + src.split(".")[1];
		// Create an image object to cache the over image
		var imgOver = new Image();
		imgOver.src = imgOverSrc;
		
		// Add the rollover image object to rollovers array
		rollovers[rolloverID] = imgOver;
		
		// Store the rollout image in an image object
		var imgOut = new Image();
		imgOut.src = src;
		
		// Add the rollout image to the rollouts array
		rollouts[rolloverID] = imgOut;
		
		// Increment rollover count
		rolloverID++;
		
		// Add mouseover/mouseout to the image
		$(this).mouseover(function(){
			// Get the rolloverID from image ID
			var rID = parseInt($(this).attr("id").split("_")[1]);
			// Rollover!
			$(this).attr("src", rollovers[rID].src);
			}).mouseout(function(){
				var rID = parseInt($(this).attr("id").split("_")[1]);
				// Rollout!
				$(this).attr("src", rollouts[rID].src);
		});
		
	});
});