// メニューロールオーバー用　通常
/*jQuery(document).ready(function($) {
	var postfix = '_on';
	$('#mainMenu img, #useSearch img, #tabArea img').not('[src*="'+ postfix +'."]').each(function() {
		var img = $(this);
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));
		$('<img>').attr('src', src_on);
		img.hover(
			function() {
				img.attr('src', src_on);
			},
			function() {
				img.attr('src', src);
			}
		);
	});
});
*/

//クリックでオン画像を固定用
(function($) {
  $(function() {
    $.ham.bglink();
    $.ham.rollover();
  });
  $.ham = {
  //画像＆背景切り替え部分
  bglink: function(options) {
    var c = $.extend({
      imgSelector: '#mainMenu img',
      linkSelector: '#mainMenu a, #useSearch a, #tabArea a',
      postfix: '_on',
      selectImg:''
    }, options);
      //ノードの初期化 A
      $(c.imgSelector).each(function(){
        this.imgSrc = $(this).attr('src');
        this.onimgSrc = 
          this.imgSrc.replace(/(\.gif|\.jpg|\.png)$/, c.postfix+"$1");
      });
      //ノードの初期化 B
      $(c.linkSelector).each(function(){
        this.bgimgSrc = $(this).attr('href');
      });
      //画像置換
      $(c.imgSelector).click(function(){
        if (c.selectImg != '') {
          $('.selected').attr('src', c.selectImg);
          $('.selected').removeClass('selected');
        };
        $(this).attr('src',this.onimgSrc).addClass('selected');
        c.selectImg = this.imgSrc;
      });
  },
  //ロールオーバー部分
  rollover: function(options){
    var c = $.extend({
      hoverSelector: '#mainMenu img, #useSearch img, #tabArea img',
      notHoverSelector: '#mainMenu a img.selected, #useSearch a img.selected, #tabArea a img.selected',
      postfix: '_on'
    }, options);
    //ノードの初期化
    $(c.hoverSelector).each(function(){
      this.originalSrc = $(this).attr('src');
      this.rolloverSrc = 
        this.originalSrc.replace(/(\.gif|\.jpg|\.png)$/, c.postfix+"$1");
    });
    //ロールオーバー
      $(c.hoverSelector).hover(function(){
        $(this).not('.selected').attr('src',this.rolloverSrc);
      },function(){
        $(this).not('.selected').attr('src',this.originalSrc);
      });
  }
  };
})(jQuery);
