/*
 * rollover.js via jQuery
 *
 * $Copyright tacn $
 * $Date: 2008-10-22 $
 * $Rev: 1 $
 *
 * ドキュメントが準備完了状態になったら、ページ内の.swapクラスを走査し、マウスオーバーのアクションを追加し、ロールオーバーイメージをロードさせる。
 *
 */
$(document).ready(function() {

	function rolloverImg(selector, suffix) {

		// 指定のセレクタを全て走査する
		$(selector).each(function(i) {

			// 元画像のファイル名を取得
			var default_img = $(this).attr('src');

			// ロールオーバ画像のファイル名を確定
			var point = default_img.lastIndexOf(".");
			var rollover_img = default_img.slice(0, point) + suffix + default_img.slice(point);

			// ロールオーバ画像のプリロード
			var preload_img = new Image();
			preload_img.src = rollover_img;

			// ロールオーバの設定
			$(this).hover (
				function() { $(this).attr('src', rollover_img); },
				function() { $(this).attr('src', default_img); 	}
			)
		})
	}

	// クラス名[.swap]を持つタグ全てに、元画像のファイル名+[_over]のロールオーバアクションを付与させる
	rolloverImg('.swap', '_over');

});