<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/s_gallery/js/plugins.js"></script>
<script src="js/s_gallery/js/scripts.js"></script>

<div id="gallery-container">
<ul class="items--small">
<li class="item"><img src="photo/izumo/pho-1.jpg" alt="PHOTO01"><img src="photo/izumo/pho-2.jpg" alt="PHOTO02">
<ul class="items--big">
<li class="item--big">
<figure><img src="photo/izumo/pho-1.jpg" alt="PHOTO01">
<figcaption class="img-caption"> PHOTO01 </figcaption>
</figure>
</li>
・・・省略・・・
</ul>
<nav class="controls">
・・・省略・・・
</nav>

;(function (d, $) {
  var MyUtils, myUtils;
  // MyUtilsオブジェクトをセットアップする
  MyUtils = function(){
    var prop = {
      galleryContainer: $('#gallery-container'),
      ua: window.navigator.userAgent.toLowerCase()
    };
    this.get = function(param){
      return prop[param];
    };
  };
  // MyUtilsオブジェクトを拡張する
  MyUtils.prototype = {
    // 初期化
    init: function(){     
      this.setup_SGallery();
      if(this.get('ua').indexOf('msie') != -1) {
        this.fallback_ie();
      }
    },
    // S Galleryプラグインをセットアップする    
    setup_SGallery: function(){
       this.get('galleryContainer').sGallery({
         fullScreenEnabled: true
       });
    },
    // Internet Explorer用に調整する
    fallback_ie: function(){
        var
        _t = $('.item'),
        _ts = $('.items--small'),
        _p = $('.items--big'),
        _b = $('.controls .grid');
        _t.on('click', function(){
          _p.addClass('active');
          _ts.addClass('nonactive');
        });
        _b.on('click', function(){
          _p.removeClass('active');
          _ts.removeClass('nonactive');
        });
        $('body').addClass('ie');
     }
  };
  myUtils = new MyUtils();
  myUtils.init();
})(document, jQuery);

<link href="http://netdna.bootstrapcdn.com/font-awesome/
4.0.1/css/font-awesome.css" rel="stylesheet">
・・・省略・・・
<nav class="controls">
<span class="control icon-arrow-left" data-direction="previous"><i class="fa fa-arrow-left"></i></span>
<span class="control icon-arrow-right" data-direction="next"><i class="fa fa-arrow-right"></i></span>
<span class="grid icon-grid"><i class="fa fa-th"></i></span>
<span class="fs-toggle icon-fullscreen"><i class="fa fa-fullscreen"></i></span>
</nav>