/*
	jQueryを使ったマウスオーバーによる画像切り替え。
	オーバー画像は必ず「-over」を付ける。
	class名に「swap」を付けたものが対象となる。
	透過PNGを使う場合はclass名を「pngswap」にする。ただし遅い。
*/
$(function() {

	var jq_rollOver_cache = new Object();	// 画像キャッシュ用

	$("img.swap").each(
		function(i){
			var imgsrc = this.src;
			var dotpos = imgsrc.lastIndexOf('.');
			var imgsrc_over = imgsrc.substr(0,dotpos) + '-over.' + imgsrc.substr(dotpos+1);

			jq_rollOver_cache[this.src] = new Image();
			jq_rollOver_cache[this.src].src = imgsrc_over;

			$(this).hover(
				function(){ this.src = imgsrc_over; },
				function(){ this.src = imgsrc; }
			)
		}
	);

	/* iepngfix を使ったロールオーバー */
	$("img.pngswap").each(
		function(i){
			var imgsrc = this.src;
			var dotpos = imgsrc.lastIndexOf('.');
			var imgsrc_over = imgsrc.substr(0,dotpos) + '-over.' + imgsrc.substr(dotpos+1);

			jq_rollOver_cache[this.src] = new Image();
			jq_rollOver_cache[this.src].src = imgsrc_over;

			IEPNGFIX.hover( this, imgsrc_over );
		}
	);

	
});