/* ===========================================
	SwitchImage
	<img src="example.gif" class="switchimage" />
	<img src="example_r.gif" class="switchimage" />
=========================================== */
jQuery.fn.rollover = function() {
	return this.each(function() {
		// 画像名を取得
		var src = jQuery(this).attr('src');
		//すでに画像名に「_on.」が付いていた場合、ロールオーバー処理をしない
		if (src.match('_r.')) return;
		// ロールオーバー用の画像名を取得（_rを付加）
		var src_r = src.replace(/^(.+)(\.[a-z]+)$/, "$1_r$2");
		// 画像のプリロード（先読み込み）
		jQuery('').attr('src', src_r);
		// ロールオーバー処理
		jQuery(this).hover(
			function() { jQuery(this).attr('src', src_r); },
			function() { jQuery(this).attr('src', src); }
		);
	});
};

jQuery(function() {
	jQuery('.switchimage').rollover();
});