/*------------------------------------------------------------
 * rollover.js (jQuery.js) Version 0.1
 * 
 *------------------------------------------------------------
 * 特定classのimg要素, input要素にロールオーバー効果を付けます。
/*------------------------------------------------------------*/

$(function initRollOverImages() {
	var image_cache = new Object();
	$("img.btn, input.btn").not("[@src*='_on.']").each(function() {
		var imgsrc = this.src;
		var dot = this.src.lastIndexOf('.');
		var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
		image_cache[this.src] = new Image();
		image_cache[this.src].src = imgsrc_on;
		$(this).bind("mouseover", function() { this.src = imgsrc_on; } );
		$(this).bind("mouseout", function() { this.src = imgsrc; } );
	});	
});