$(document).ready(function() {
	 
    $('img.hover').each(function(){
        $('<img/>').appendTo('body')
            .css({ display: "none" })
            .attr('src',$(this).attr('src').replace("_off","_on"));
    });
	

	//image rollovers 
	
	$("img.hover").hover(
		
		 function()	 {
		 	this.src = this.src.replace("_off","_on");

		 },
		 function()	 {
		 	this.src = this.src.replace("_on","_off");

		 }
	);
	
});