//マウスオーバーで画像切り替え
//start
function initRollOverImages() {
  var image_cache = new Object();
  $("img.swap").each(function(i) {
    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).hover(
      function() { this.src = imgsrc_on; },
      function() { this.src = imgsrc; });
  });
}

$(document).ready(initRollOverImages);

//end


//マウスオーバーで画像切り替え（input）
//start
function initRollOverInput() {
  var input_cache = new Object();
  $("input.swap").each(function(i) {
    var inputsrc = this.src;
    var dot = this.src.lastIndexOf('.');
    var inputsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
    input_cache[this.src] = new Image();
    input_cache[this.src].src = inputsrc_on;
    $(this).hover(
      function() { this.src = inputsrc_on; },
      function() { this.src = inputsrc; });
  });
}

$(document).ready(initRollOverInput);

//end