(function($) {
  $.fn.showImages = function (imgs_url, cnt) {
    var currPos = 1;
    var $ni;
    var $ns;
    var $l;
    var $r;
    var fn = {
      clickLeft: function () {
        if (currPos == 1)
          currPos = cnt;
        else
          currPos -= 1;
        $ni.html ('<img src="' + imgs_url + currPos + '.jpg" alt="Картинка №' + currPos + '">');
        $ns.children ('font').text ('Фото ' + currPos + ' из ' + cnt);
      },
      clickRight: function () {
        if (currPos == cnt)
          currPos = 1;
        else
          currPos += 1;
        $ni.html ('<img src="' + imgs_url + currPos + '.jpg" alt="Картинка №' + currPos + '">');
        $ns.children ('font').text ('Фото ' + currPos + ' из ' + cnt);
      }
    };
    this.each (function () {
      $(this).append ('<div id="ns_photo_id" width="100%"></div>');
      $(this).append ('<div id="ns_sing_id" width="100%"></div>');
      $ni = $(this).children ('#ns_photo_id');
      $ns = $(this).children ('#ns_sing_id');
      
      $ni.html ('<img src="' + imgs_url + currPos + '.jpg" alt="Картинка #' + currPos + '">');
      $ns.append ('<a id="ns_left"><img src="/img/arrow_left.png" alt="Влево"></a>&nbsp;<font style="font-size: 87%;">Фото ' + currPos + ' из ' + cnt + '</font>&nbsp;<a id="ns_right"><img src="/img/arrow_right.png" alt="Вправо"></a>');
      
      $l = $ns.children('#ns_left');
      $r = $ns.children('#ns_right');

      $l.bind ("click", fn.clickLeft);
      $r.bind ("click", fn.clickRight);
    });
    return this;
  };
})(jQuery);

