common.js

jQuery(function($){

  // マウスオーバー時画像切替
  $(".over-img").find("a").each(function(){
    var _this = $(this);
    var _defaultImg = _this.find("img");
    var _off = _defaultImg.attr("src");
    var _overImg = new Image();
    var _on = _off.replace(/(\.png|\.jpg|\.gif)/, "_on$1");
    _overImg.src = _on;
    _this.mouseover(function(){
      _defaultImg.attr("src", _on);
    });
    _this.mouseout(function(){
      _defaultImg.attr("src", _off);
    });
  });

  // マウスオーバー時画像切替（透過png用）
  $(".over-pngimg").find("a").each(function(){
    var _this = $(this);
    var _over = _this.find("span");
    var _on = _this.find(".on").css({display :"none"});
    _this.mouseover(function(){
      _on.css({display :"block"});
      _over.css({display :"none"});
    });
    _this.mouseout(function(){
      _on.css({display :"none"});
      _over.css({display :"block"});
    });
  });

  // smooth scroll
  var _ua = window.navigator.userAgent.toLowerCase();
  var _isSafari = _ua.indexOf('safari') > -1;
  $('a[href^=#],area[href^=#]').click(function(){
    var _this = $(this);
    if(_this.attr('href') === '#' || _this.attr('href') === undefined) return false;
    var spd = 300, hr = _this.attr('href'), target = $(hr || '#header'), pos = target.offset().top;
    $(_isSafari ? 'body' : 'html').animate({scrollTop :pos}, spd);
    return false;
  });

});