<script type="text/javascript">
    'use strict';
    var multiItemSlider = (function () {
      return function (selector, config) {
        var
          _mainElement = document.querySelector(selector), // основный элемент блока
          _sliderWrapper = _mainElement.querySelector('.slider__wrapper'), // обертка для .slider-item
          _sliderItems = _mainElement.querySelectorAll('.slider__item'), // элементы (.slider-item)
          _sliderControls = _mainElement.querySelectorAll('.slider__control'), // элементы управления
          _sliderControlLeft = _mainElement.querySelector('.slider__control_left'), // кнопка "LEFT"
          _sliderControlRight = _mainElement.querySelector('.slider__control_right'), // кнопка "RIGHT"
          _wrapperWidth = parseFloat(getComputedStyle(_sliderWrapper).width), // ширина обёртки
          _itemWidth = parseFloat(getComputedStyle(_sliderItems[0]).width), // ширина одного элемента    
          _positionLeftItem = 0, // позиция левого активного элемента
          _transform = 0, // значение транфсофрмации .slider_wrapper
          _step = _itemWidth / _wrapperWidth * 100, // величина шага (для трансформации)
          _items = []; // массив элементов

        // наполнение массива _items
        _sliderItems.forEach(function (item, index) {
          _items.push({ item: item, position: index, transform: 0 });
        });

        var position = {
          getItemMin: function () {
            var indexItem = 0;
            _items.forEach(function (item, index) {
              if (item.position < _items[indexItem].position) {
                indexItem = index;
              }
            });
            return indexItem;
          },
          getItemMax: function () {
            var indexItem = 0;
            _items.forEach(function (item, index) {
              if (item.position > _items[indexItem].position) {
                indexItem = index;
              }
            });
            return indexItem;
          },
          getMin: function () {
            return _items[position.getItemMin()].position;
          },
          getMax: function () {
            return _items[position.getItemMax()].position;
          }
        }

        var _transformItem = function (direction) {
          var nextItem;
          if (direction === 'right') {
            _positionLeftItem++;
            if ((_positionLeftItem + _wrapperWidth / _itemWidth - 1) > position.getMax()) {
              nextItem = position.getItemMin();
              _items[nextItem].position = position.getMax() + 1;
              _items[nextItem].transform += _items.length * 100;
              _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)';
            }
            _transform -= _step;
          }
          if (direction === 'left') {
            _positionLeftItem--;
            if (_positionLeftItem < position.getMin()) {
              nextItem = position.getItemMax();
              _items[nextItem].position = position.getMin() - 1;
              _items[nextItem].transform -= _items.length * 100;
              _items[nextItem].item.style.transform = 'translateX(' + _items[nextItem].transform + '%)';
            }
            _transform += _step;
          }
          _sliderWrapper.style.transform = 'translateX(' + _transform + '%)';
        }

        // обработчик события click для кнопок "назад" и "вперед"
        var _controlClick = function (e) {
          if (e.target.classList.contains('slider__control')) {
            e.preventDefault();
            var direction = e.target.classList.contains('slider__control_right') ? 'right' : 'left';
            _transformItem(direction);
          }
        };

        var _setUpListeners = function () {
          // добавление к кнопкам "назад" и "вперед" обрботчика _controlClick для событя click
          _sliderControls.forEach(function (item) {
            item.addEventListener('click', _controlClick);
          });
        }

        // инициализация
        _setUpListeners();

        return {
          right: function () { // метод right
            _transformItem('right');
          },
          left: function () { // метод left
            _transformItem('left');
          }
        }

      }
    }());

    var slider = multiItemSlider('.slider')
</script>







<!-- Анкета: Добавка кнопок BB-тегов к textarea -->
<style>
.new[id=form-buttons] td {display: inline-block !important; height:24px; width: 24px;}
.questionary-post #mytags .container {position: relative; right: auto !important; top: auto !important; padding: 10px; margin: 10px;}
</style>

<script type="text/javascript">
if(GroupID != 3)$(function() {

var button_tbl = $('#post #form-buttons').clone().addClass('new');
button_tbl.insertBefore('.questionary-post textarea');

  var button_tbl2 = $('#post #tags').clone().addClass('new');
  button_tbl2.insertAfter('.questionary-post textarea');

  $('.new[id="form-buttons"]').on('mouseenter',function() {
     var area = $(this).next('textarea');if(!area.length){area = $(this).next().find('textarea');}
     $('.questionary-post').find('textarea').removeAttr('id');
     if(area[0].id!='main-reply')area.attr('id','main-reply');
  }).on('mouseleave',function(){$('.questionary-post textarea').removeAttr('id');});
});
</script>

<!-- 
<script type="text/javascript">
 if(GroupID != 3)$(function() {

  var button_tbl = $('#post #form-buttons').clone().addClass('new');
  button_tbl.insertBefore('.questionary-post textarea');

  var button_tbl2 = $('#post #tags').clone().addClass('new');
  button_tbl2.insertAfter('.questionary-post textarea');


    $('.new[id="form-buttons"]').on('mouseenter',function() {
    var area = $(this).next('textarea');if(!area.length){area = $(this).next().find('textarea');}
    $('.questionary-post').find('textarea').removeAttr('id');
    if(area[0].id!='main-reply')area.attr('id','main-reply');
     }).on('mouseleave',function(){$('.questionary-post textarea').removeAttr('id');});

  });
</script> -->


<style>
    .tooltipsy {
    padding: 5px;
    background-color: #f1f1f1;
    border: 4px solid #5f95cc;
    margin-left: 50px;
    max-width: 350px;
    position: relative;
    font-size: 14px;
    }
    .tooltipsy:after {
    content: '';
    border: 11px solid transparent; border-top: 14px solid #5f95cc; 
    position: absolute;
    bottom: -26px;
    left: 10px;
    }
    .tooltipsy .topPreview {
    max-width: 350px;
    overflow: hidden;
    position: relative;
    }
    .tooltipsy .topPreview h2 {
    margin: 0 !important;
    font-size: 14px;
    font-weight: normal;
    }
    .tooltipsy .topPreview h2 span {font-weight: bold;} 
    .tooltipsy .topPreview .reit {color: #10c610;}
    .tooltipsy .topPreview .subs {color: #c66510;}
    .tooltipsy hr {
    margin: 8px 5px;
    border: none;
    height: 1px;
    background-color: #788593;
    }
    .tooltipsy .avatarTop {height: 36px;}
    .tooltipsy .avatarTop img {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    float: left;
    margin: 0 5px 0 0;
    }
    .tooltipsy .topicStart {
    max-width: 350px;
    overflow: hidden;
    position: relative;
    }
    .tooltipsy .topicStart p {margin: 5px 0;}
    </style>
    <script type = "text/javascript" >
        $('.forum .tclcon > a').map(function () {	
        var self = $(this),topId = $(this).attr('href').split(/=/)[1],tool_stop;
        $(self).on('mouseenter touchstart',function(){
        	if($(self).hasClass('hastip')!=0){}else{
        	tool_stop=setTimeout(function(){
        $(self).attr('title');
        $(self).addClass('hastip').tooltipsy({
                content: function ($el, $tip) {
                    $.when($.getJSON('/api.php?method=board.getSubscriptions&topic_id='+topId), $.getJSON('/api.php?method=post.get&topic_id='+topId+'&limit=1&fields=rating,username,avatar,message,posted')).done(function (j1, j2){
        $tip.html(function () {
        	var s = j1[0].response.length,r = j2[0].response[0].rating, n = j2[0].response[0].username, a = j2[0].response[0].avatar, m = j2[0].response[0].message, t = j2[0].response[0].posted,
        data='<div class="topPreview"><h2>Рейтинг темы: <span class="reit">+'+r+'</span> Подписчиков: <span class="subs">'+s+'</span></h2></div><hr>';
        t= new Date((t)*1e3).toLocaleString('ru-RU').split(/,/)[0];
        if (a==undefined){a='http://forumstatic.ru/files/0000/14/1c/20038.jpg';}
        data +='<div class="avatarTop"><img alt="'+a+'" src="'+a+'" width="64" height="64"><span class="datepost">'+t+' <br><strong>'+n+':</strong></span></div>';
        var sl = m.slice(0,200);if (sl.length < m.length) {sl += ' ... →';}
        data +='<div class="topicStart">'+sl+'</div>';
        return data;
        	});
        $('a[href*="/viewtopic.php?id='+topId+'"].hastip').data('tooltipsy').show();
                    });
                    return 'Fallback content';
                }
            });
        	}, 1e3);
        	}
        	}).on('mouseleave touchend', function() {
        $('.hastip').data('tooltipsy').hide();clearTimeout(tool_stop); 
        	});
        });
        </script>
     
    <script language="javascript">
    var mc = 5;//число отображаемых сообщений из темы
    var sel = 1;//селектор подпись или доп.поле, 1 - подпись, 0 - доп.поле
    var pol = 1;//номер дополнительного поля fld1, fld2, fld3 и т.д. указываем только цифру
    var av = 0;//отображать ли аватары, 0 - для анкет и подарков, 1- соц.сеть
    var sort = 'asc';//Направление сортировки по времени. По умолчанию asc (по возрастанию).Доступные значения: asc, desc
    var anyava = 'http://forumstatic.ru/files/0000/14/1c/20038.jpg';//аватар по умолчанию для тех, у кого он не установлен
    if($('#viewprofile').length){
    var LoginU = $('#profile-name').text(), si; 
    (sel==1) ? si = parseInt($('#profile-signature >ul >p >a[href*="viewtopic.php"]').eq(-1).attr('href').split(/=/)[1]) : si = parseInt($('#viewprofile #pa-fld'+pol+' strong a[href*="viewtopic.php"]').eq(-1).attr('href').split(/=/)[1]);
    blk = '<article class="stena"><h1>Стена</h1>';
    $.getJSON('/api.php?method=post.get&topic_id='+si+'&sort_dir='+sort+'&limit='+mc+'&fields=username,avatar,message', function(d) {
    var x = d.response;
    for (var i in x){if (x[i].avatar==undefined){x[i].avatar=anyava};
    (x[i].username==LoginU)? blk +='<div id ="s-'+i+'" class="mypost">' : blk +='<div id ="s-'+i+'" class="anypost">';
    (av==1) ? blk +='<img alt="'+x[i].avatar+'"  src="'+x[i].avatar+'" width="32"><strong>'+x[i].username+' написал(а):</strong><div>'+x[i].message+'</div></div>' : blk +='<div>'+x[i].message+'</div></div>';
    }
    blk +='<a href="/viewtopic.php?id='+si+'&action=last">Перейти в тему</a></article>';
    $('#profile-signature').after(blk);
    });}
    </script>