/*
通常表示する画像 test.jpg とロールオーバーする画像 test_on.jpg を作成
jQueryの設定を記述しているファイル(又はHTMLのscript内)に上記コードを挿入
コード3行目の .rollover a img をCSSな記法で好きな場所に変える
*/
jQuery(document).ready(function($) {
	var postfix = '_on';
	$('img.swap').not('[src*="'+ postfix +'."]').each(function() {
		var img = $(this);
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('<img>').attr('src', src_on);
		img.hover(
			function() {
				img.attr('src', src_on);
			},
			function() {
				img.attr('src', src);
			}
		);
	});
});