$(document).ready(function() {
    
  // roll over
  $('.btnOnOff').mouseover(function() {
    src = $(this).attr('src');
    var regGif = new  RegExp("(.off.gif)", "g");
    var regJpg = new  RegExp("(.off.jpg)", "g");
    var regPng = new  RegExp("(.off.png)", "g");
    src = src.replace(regGif, '.on.gif');
    src = src.replace(regJpg, '.on.jpg');
    src = src.replace(regPng, '.on.png');
    $(this).attr('src', src);
  });
  // roll over
  $('.btnOnOff').mouseout(function() {
    src = $(this).attr('src');
    var regGif = new  RegExp("(.on.gif)", "g");
    var regJpg = new  RegExp("(.on.jpg)", "g");
    var regPng = new  RegExp("(.on.png)", "g");
    src = src.replace(regGif, '.off.gif');
    src = src.replace(regJpg, '.off.jpg');
    src = src.replace(regPng, '.off.png');
    $(this).attr('src', src);
  });

  
});