Your IP : 216.73.216.170


Current Path : /home/bitrix/ext_www/oldfck.yacl.site/build/
Upload File :
Current File : /home/bitrix/ext_www/oldfck.yacl.site/build/online-lessons.html

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>title</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta property="og:title" content="">
    <meta property="og:site_name" content="">
    <meta property="og:url" content="">
    <meta property="og:description" content="">
    <meta property="og:image" content="">
    <link rel="stylesheet" href="assets/css/general.min.css?v=4">
  </head>
  <body id="body">
    <div class="wrapper">
      <form class="pv">
        <div class="container">
          <ul class="list list-flex pv-options">
            <li class="pv-options-item">
              <div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_normal">
                <input type="radio" name="size" id="pv_size_1" value="normal">
                <label for="pv_size_1"><span>А</span></label>
              </div>
            </li>
            <li class="pv-options-item">
              <div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_medium pv-toggler_active">
                <input type="radio" name="size" id="pv_size_2" value="medium" checked>
                <label for="pv_size_2"><span>А</span></label>
              </div>
            </li>
            <li class="pv-options-item">
              <div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_large">
                <input type="radio" name="size" id="pv_size_3" value="large">
                <label for="pv_size_3"><span>А</span></label>
              </div>
            </li>
          </ul>
          <ul class="list list-flex pv-options">
            <li class="pv-options-item">
              <div class="pv-toggler pv-toggler-radio pv-toggler-type-color pv-toggler-type-color_color">
                <input type="radio" name="color" id="pv_color_1" value="color">
                <label for="pv_color_1">Цветоной</label>
              </div>
            </li>
            <li class="pv-options-item">
              <div class="pv-toggler pv-toggler-radio pv-toggler-type-color pv-toggler-type-color_blackwhite pv-toggler_active">
                <input type="radio" name="color" id="pv_color_2" value="blackwhite" checked>
                <label for="pv_color_2">Черное на белом</label>
              </div>
            </li>
          </ul>
          <div class="pv-toggler pv-toggler-type-image">
            <input type="checkbox" name="image" id="pv_image" value="image">
            <label for="pv_image"></label>
          </div>
          <button class="pv-button">Обычная версия</button>
        </div>
      </form>
      <header class="header">
        <div class="container"><a class="logotype" href="#">Федеральный Центр Компетенций</a>
          <div class="header-controls">
            <div class="header-search">
              <form class="form light-fields" action="">
                <input class="form-field" type="text" name="search-text" value="">
                <button class="header-search-button" type="submit"></button>
                <!--div.autocomplete-result
                ul.list
                  -for (var i = 0; i < 8; i++)
                    li.list-item
                      a.list-link(href="#")
                        span.list-link-text
                          span.list-link-title
                            span <b>Больш</b>ую часть работ на Кадашевской часть работ на Кадашевской
                          span Событие
                        span.list-link-icon
                          svg(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.7px" height="31px" viewBox="0 0 29.7 31" style="enable-background:new 0 0 29.7 31;" xml:space="preserve")
                            g
                              path(d="M0,5.1v20.8C0,26.5,0.5,27,1.1,27h18.4c0.6,0,1.1-0.5,1.1-1.1V1.1c0-0.6-0.5-1.1-1.1-1.1H5.1L4.8,0.2l0,0 L0.2,4.8l0,0L0,5.1z M4.6,4.6h-2l2-2V4.6z M1.5,6.1H5c0.6,0,1.1-0.5,1.1-1.1V1.5h13v23.9H1.5V6.1z")
                              path(d="M17.5,8.7c0,0.4-0.3,0.6-0.6,0.6H3.8C3.4,9.3,3.2,9,3.2,8.7c0-0.4,0.3-0.6,0.6-0.6h13.1 C17.2,8.1,17.5,8.4,17.5,8.7z")
                              path(d="M3.8,11.6h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,11.9,3.4,11.6,3.8,11.6z")
                              path(d="M3.8,15.2h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,15.5,3.4,15.2,3.8,15.2z")
                              path(d="M28.9,4.9l-7.6-2v1.6l6.8,1.8l-6.2,23.1l-6.7-1.8H9.3l12.6,3.4c0.6,0.2,1.2-0.2,1.4-0.8l6.4-23.8 C29.8,5.7,29.5,5.1,28.9,4.9z")
                              path(d="M3.8,18.8h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,19,3.4,18.8,3.8,18.8z")
                a.autocomplete-result-all(href="#") Смотреть все результаты
                -->
                <!--div.autocomplete-result
                ul.list.list-hashtags.list-title-blue
                  -for (var i = 0; i < 4; i++)
                    li.list-item
                      a.list-link(href="#")
                        span.list-link-text
                          span.list-link-title
                            span #труд
                          span Событие
                span.header-search-result-title популярные:
                ul.list.list-hashtags
                  -for (var i = 0; i < 2; i++)
                    li.list-item
                      a.list-link(href="#")
                        span.list-link-text
                          span.list-link-title
                            span #труд
                          span Событие
                a.autocomplete-result-all(href="#") Смотреть все результаты
                -->
              </form><a class="search" href="#">Поиск</a>
            </div><span class="visually-impaired pv-button">Версия для слабовидящих</span>
          </div>
          <div class="header-account">
            <div class="header-account-photo"></div>
            <div class="header-account-info"><span class="header-account-name text-overflow">Константин</span><span class="header-account-name text-overflow">Константинопольский</span>
              <div><a class="header-account-exit" href="#"><span>Выход</span></a></div><a class="header-account-settings" href="#"><span>Настройки</span></a>
            </div>
          </div>
        </div>
      </header>
      <header class="header-mobile">
        <div class="container"><a class="logotype" href="#">Федеральный Центр Компетенций</a><span class="search-open-control">Открыть поиск</span><span class="mobile-menu-toggle">Меню</span></div>
        <form class="form form-search" action="">
          <div class="form-group">
            <div class="form-item">
              <input class="form-field" type="text" value="">
            </div>
            <button>Искать</button>
          </div>
          <!--div.autocomplete-result
          ul.list
            -for (var i = 0; i < 8; i++)
              li.list-item
                a.list-link(href="#")
                  span.list-link-text
                    span.list-link-title
                      span <b>Больш</b>ую часть работ на Кадашевской часть работ на Кадашевской
                    span Событие
                  span.list-link-icon
                    svg(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.7px" height="31px" viewBox="0 0 29.7 31" style="enable-background:new 0 0 29.7 31;" xml:space="preserve")
                      g
                        path(d="M0,5.1v20.8C0,26.5,0.5,27,1.1,27h18.4c0.6,0,1.1-0.5,1.1-1.1V1.1c0-0.6-0.5-1.1-1.1-1.1H5.1L4.8,0.2l0,0 L0.2,4.8l0,0L0,5.1z M4.6,4.6h-2l2-2V4.6z M1.5,6.1H5c0.6,0,1.1-0.5,1.1-1.1V1.5h13v23.9H1.5V6.1z")
                        path(d="M17.5,8.7c0,0.4-0.3,0.6-0.6,0.6H3.8C3.4,9.3,3.2,9,3.2,8.7c0-0.4,0.3-0.6,0.6-0.6h13.1 C17.2,8.1,17.5,8.4,17.5,8.7z")
                        path(d="M3.8,11.6h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,11.9,3.4,11.6,3.8,11.6z")
                        path(d="M3.8,15.2h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,15.5,3.4,15.2,3.8,15.2z")
                        path(d="M28.9,4.9l-7.6-2v1.6l6.8,1.8l-6.2,23.1l-6.7-1.8H9.3l12.6,3.4c0.6,0.2,1.2-0.2,1.4-0.8l6.4-23.8 C29.8,5.7,29.5,5.1,28.9,4.9z")
                        path(d="M3.8,18.8h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,19,3.4,18.8,3.8,18.8z")
            a.autocomplete-result-all(href="#") Смотреть все результаты
          -->
        </form>
        <nav class="navigation-mobile">
          <ul class="list">
            <li class="list-item"><a class="list-link" href="#"><span>О нас</span></a></li>
            <li class="list-item"><a class="list-link" href="#"><span>База знаний</span></a></li>
            <li class="list-item active"><a class="list-link" href="#"><span>Маркетплейс</span></a></li>
            <li class="list-item"><a class="list-link" href="#"><span>Экспресс-диагностика</span></a></li>
            <li class="list-item"><a class="list-link" href="#"><span>Бенчмаркинг</span></a></li>
            <li class="list-item"><a class="list-link" href="#"><span>Меры поддержки</span></a></li>
            <li class="list-item"><a class="list-link" href="#"><span class="list-profile list-login">Вход / Регистрация</span></a></li>
            <li class="list-item list-twolinks"><a class="list-link col-50" href="#"><span class="list-userpic" style="background-image: url('pict/company-ava.jpg'); background-sizeL cover; background-position: center;"></span><span class="list-profile">Профиль</span></a><a class="list-link col-50" href="#"><span class="list-profile list-exit">Выйти</span></a></li>
          </ul>
        </nav>
      </header>
      <!-- header mobile-->
      <nav class="navigation">
        <div class="container">
          <ul class="list list-flex">
            <li class="list-item"><a class="list-link" href="#">О нас</a></li>
            <li class="list-item"><a class="list-link" href="#">База знаний</a>
              <ul class="list">
                <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
                <li class="list-item active"><a class="list-link" href="#">Пункт меню длинный в 2 строчки</a></li>
                <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
                <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
              </ul>
            </li>
            <li class="list-item active"><a class="list-link" href="#">Маркетплейс</a>
              <ul class="list">
                <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
                <li class="list-item active"><a class="list-link" href="#">Пункт меню длинный в 2 строчки</a></li>
                <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
                <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li>
              </ul>
            </li>
            <li class="list-item"><a class="list-link" href="#">Экспресс-диагностика</a></li>
            <li class="list-item"><a class="list-link" href="#">Бенчмаркинг</a></li>
            <li class="list-item"><a class="list-link" href="#">Меры поддержки</a></li>
          </ul>
        </div>
      </nav>
      <div class="container">
        <ul class="list list-inline crumbs">
          <li class="list-item"><a class="list-link" href="">ФЦК</a></li>
          <li class="list-item"><a class="list-link" href="">ФЦК</a></li>
          <li class="list-item"><a class="list-link" href="">ФЦК</a></li>
          <li class="list-item"><span>Лекции</span></li>
        </ul>
      </div>
      <!-- crumbs-->
      <main class="main">
        <section class="section">
          <div class="container">
            <h1>Онлайн-лекции</h1><span class="title-footnote">Здесь вы можете посмотреть лекции по интересующей вас тематике</span>
          </div>
        </section>
        <!-- section-->
        <section class="section section-item section-hero">
          <div class="container">
            <form class="form light-fields form-search" action="">
              <div class="form-group form-column">
                <div class="form-item flex-middle">
                  <input class="form-field" type="text" value="">
                </div>
                <div class="form-item">
                  <button class="button button-icon-right button-search">Искать</button>
                </div>
              </div>
              <div class="form-group form-column form-column-middle">
                <div class="form-checkbox col-25 checkbox-button">
                  <input type="checkbox" id="check-1" name="policy">
                  <label for="check-1">Показать пройденные</label>
                </div>
                <div class="form-checkbox col-25">
                  <input type="checkbox" id="check-2" name="policy">
                  <label for="check-2">Самые популярные</label>
                </div>
                <div class="form-checkbox col-25">
                  <input type="checkbox" id="check-3" name="policy">
                  <label for="check-3">Самый высокий рейтинг</label>
                </div>
                <div class="form-checkbox col-25">
                  <input type="checkbox" id="check-4" name="policy">
                  <label for="check-4">Рекомендуемые вам</label>
                </div>
              </div>
            </form>
          </div>
        </section>
        <!-- section-->
        <section class="section section-item">
          <div class="container">
            <div class="content content-menu">
              <aside class="aside">
                <h3 class="section-title">Темы лекций</h3>
                <div class="aside-menu-holder">
                  <ul class="list menu-list" data-show="5">
                    <li class="list-item active"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li>
                    <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li>
                  </ul>
                </div>
                <div class="button-line"><a class="button button-icon-right button-arrow-down" href="#">Полный список</a></div>
              </aside>
              <article class="article">
                <div class="lessons-block-item">
                  <div class="heading">
                    <h3 class="section-title heading-title">Календарь лекций</h3>
                    <div class="view-switch"><a class="view-switch-item view-switch-list" href="#">Список</a><a class="view-switch-item view-switch-calendar active" href="#">Календарь</a></div>
                  </div>
                </div>
                <div class="calendar-inline">
                  <input type="hidden" id="calendar-month">
                  <input type="hidden" id="calendar-year">
                  <div id="calendar"></div><span class="calendar-loader"></span>
                </div>
              </article>
            </div>
          </div>
        </section>
        <!-- section-->
        <section class="section section-item">
          <div class="container">
            <ul class="list list-flex partners-list">
              <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росимущество</a>
                <p>Федеральное агентство по управлению государственным имуществом</p>
              </li>
              <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Роспатент</a>
                <p>Федеральная служба по интеллектуальной собственности</p>
              </li>
              <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росреестр</a>
                <p>Федеральная служба государственной регистрации, кадастра и картографии</p>
              </li>
              <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росаккредитация</a>
                <p>Федеральная служба по аккредитации</p>
              </li>
              <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росстат</a>
                <p>Федеральная служба государственной статистики</p>
              </li>
            </ul>
          </div>
        </section>
      </main>
      <!-- main-->
    </div>
    <footer class="footer">
      <!--div.footer-navigation
      div.container
        nav.navigation-bottom
          ul.list
            li.list-item: a.list-link(href="#") О министерстве
            li.list-item: a.list-link(href="#") Деятельность
            li.list-item: a.list-link(href="#") Документы
            li.list-item: a.list-link(href="#") Обращения граждан
            li.list-item: a.list-link(href="#") Пресс-служба
            li.list-item: a.list-link(href="#") Контакты
          ul.list
            li.list-item: a.list-link(href="#") О министерстве
            li.list-item: a.list-link(href="#") Деятельность
            li.list-item: a.list-link(href="#") Документы
            li.list-item: a.list-link(href="#") Обращения граждан
            li.list-item: a.list-link(href="#") Пресс-служба
            li.list-item: a.list-link(href="#") Контакты
          ul.list
            li.list-item: a.list-link(href="#") О министерстве
            li.list-item: a.list-link(href="#") Деятельность
            li.list-item: a.list-link(href="#") Документы
            li.list-item: a.list-link(href="#") Обращения граждан
            li.list-item: a.list-link(href="#") Пресс-служба
            li.list-item: a.list-link(href="#") Контакты
        div.footer-controls
          a.button.button-gray.js-popup(href="#feedback") Обратная связь
          div.languages
            span.languages-value <img src="pict/l-rus.jpg" alt=""><span>Рус</span>
      -->
      <div class="footer-info">
        <div class="container">
          <div class="logo-line"><a class="logo-line-item veb-logo" href="#" title="Банк Развития">Банк Развития</a><a class="logo-line-item mer-logo" href="#" title="Министерство экономического развития">Министерство экономического развития</a></div>
          <div class="footer-test">Система находится в опытной эксплуатации. В случае обнаружения некорректных данных сообщите по адресу: collaboration@vebeng.ru</div>
          <div class="footer-address"><span class="footer-address-item">Email: <a href="mailto:collaboration@vebeng.ru">collaboration@vebeng.ru</a><br>Канал в telegram: <a href="http://t.me/Collaboration_pfcc">http://t.me/Collaboration_pfcc</a></span>
            <!-- span.footer-address-item 115324, Москва,#[br]Овчинниковская наб.,#[br]д. 18/1-->
            <!-- span.footer-address-item 109012, Москва, ул.#[br]Красная Пресня, дом 3,#[br]стр. 1-->
          </div><a class="button button-white js-popup" href="#feedback">Обратная связь</a><a class="button button-white button-mobile" href="#">Обратная связь</a>
        </div>
      </div>
    </footer>
    <div class="popup mfp-hide" id="feedback">
      <h2><strong>Форма обратной связи</strong></h2>
      <form class="form light-fields" action="">
        <div class="form-group">
          <div class="form-item">
            <label class="form-label">Имя</label>
            <input class="form-field" type="text" value="">
          </div>
        </div>
        <div class="form-group">
          <div class="form-item">
            <label class="form-label">E-mail</label>
            <input class="form-field" type="email" value="">
          </div>
        </div>
        <div class="form-group">
          <div class="form-item">
            <label class="form-label">Сообщение</label>
            <textarea class="form-field form-textarea"></textarea>
          </div>
        </div>
        <div class="button-row">
          <button class="button button-blue" type="submit">Отправить</button>
        </div>
      </form>
    </div>
    <!-- JS-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="assets/js/bundle.min.js"></script>
    <script src="assets/js/common.min.js?v=2"></script>
    <script>
      var dateEvents = [
        {
          "day" : 28,
          "month" : 10,
          "year" : 2017,
          "countEvents" : "99"
        },
        {
          "day" : 2,
          "month" : 10,
          "year" : 2017,
          "countEvents" : "1"
        },
        {
          "day" : 9,
          "month" : 10,
          "year" : 2017,
          "countEvents" : "2"
        },
        {
          "day" : 12,
          "month" : 10,
          "year" : 2017,
          "countEvents" : "5"
        },
        {
          "day" : 13,
          "month" : 10,
          "year" : 2017,
          "countEvents" : "5"
        },
        {
          "day" : 21,
          "month" : 8,
          "year" : 2017,
          "countEvents" : "2"
        },
        {
          "day" : 2,
          "month" : 9,
          "year" : 2017,
          "countEvents" : "1"
        },
        {
          "day" : 8,
          "month" : 9,
          "year" : 2017,
          "countEvents" : "11"
        }
      ]
      
      var monthNamesShort = ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
      
      var calendarToday = new Date();
      var calendarDD = calendarToday.getDate();
      var calendarM = monthNamesShort[calendarToday.getMonth()];
      var calendarYYYY = calendarToday.getFullYear();
      
      $('#calendar').datepick({
        showOtherMonths: true,
        firstDay: 0,
        changeMonth: false,
      
        monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
        monthNamesShort: monthNamesShort,
        dayNames: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
        dayNamesShort: ['Вос', 'Пон', 'Вто', 'Сре', 'Чет', 'Пят', 'Суб'],
        dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'],
        firstDay: 1,
      
        prevText: '&lt;',
        prevStatus: 'Предыдущий месяц',
        prevJumpText: '&lt;',
        prevJumpStatus: 'Предыдущий год',
        nextText: '&gt;',
        nextStatus: 'Слудующий месяц',
        nextJumpText: '&gt;',
        nextJumpStatus: 'Слудующий год',
      
        onSelect: function(dates) {
          console.log(dates[0].getUTCDate(), dates[0].getMonth() + 1, dates[0].getFullYear());
        },
      
        onDate: function (date, currentdate) {    
          var day = date.getDate();
          var month = date.getMonth() + 1;
          var year = date.getFullYear();
          var match = false;
          var index = 0;
      
          $.each(dateEvents, function (key, value) {
            if (day == value.day && month == value.month && year == value.year) {
              match = true;
              index = key;
      
              return false;
            }
          });
      
          if (match) {
            if (parseInt(dateEvents[index].countEvents) > 1) {
              return {
                content: day + '<i>' + dateEvents[index].countEvents + '</i>',
                dateClass: 'datepick-event datepick-event-show',
                title: day + '.' + month + '.' + year,
                selectable: true
              };
            } else {
              return {
                content: date.getDate(),
                dateClass: 'datepick-event',
                title: day + '.' + month + '.' + year,
                selectable: true
              };
            }
          } else {
            return {
              content: date.getDate(),
              title: day + '.' + month + '.' + year,
              selectable: false
            };
          }
        },
      
        renderer: $.extend(
          {}, $.datepick.defaultRenderer,
          {
            picker: '<div class="datepick">{months}</div>',
            monthRow: '{months}',
            month: '<div class="datepick-header">' +
            '<span class="datepick-today">Сегодня ' + calendarDD + ' ' + calendarM.toLocaleLowerCase() + ' ' + calendarYYYY + '</span>' +
            '<div class="datepick-date"><span class="datepick-prev-year">&lt;</span><span class="datepick-date-name" id="year-selected">{yearHeader}</span><span class="datepick-next-year">&gt;</span></div>' +
            '<div class="datepick-date"><span class="datepick-prev-month">&lt;</span><span class="datepick-date-name">{monthHeader}</span><span class="datepick-next-month">&gt;</span></div></div>' +
            '<div class="datepick-calendar"><table><thead>{weekHeader}</thead><tbody>{weeks}</tbody></table></div>',
          })
      });
      
      function setEvents(month, year) {
        $('.calendar-loader').show();
        setTimeout(function () {
          dateEvents = [
            {
              "day": 31,
              "month": 8,
              "year": 2017,
              "countEvents": "99"
            },
            {
              "day": 10,
              "month": 9,
              "year": 2017,
              "countEvents": "5"
            },
            {
              "day": 1,
              "month": 10,
              "year": 2017,
              "countEvents": "11"
            }
          ]
      
          $('#calendar').datepick('setDate', new Date(year, month - 1, 1));
      
          $('.calendar-loader').hide();
        }, 2000);
      }
      
      $d.on('click', '.datepick-prev-month', function () {
        var currentMonth = parseInt($('#calendar-month').val());
        var currentYear = parseInt($('#calendar-year').val());
      
        currentMonth -= 1;
      
        if (currentMonth < 1) {
          currentMonth = 12;
          currentYear -= 1;
        }
      
        setEvents(currentMonth, currentYear);
      });
      
      $d.on('click', '.datepick-next-month', function () {
        var currentMonth = parseInt($('#calendar-month').val());
        var currentYear = parseInt($('#calendar-year').val());
        
        currentMonth += 1;
      
        if (currentMonth > 12) {
          currentMonth = 1;
          currentYear += 1;
        }
      
        setEvents(currentMonth, currentYear);
      });
      
      $d.on('click', '.datepick-prev-year', function () {
        var currentMonth = parseInt($('#calendar-month').val());
        var currentYear = parseInt($('#calendar-year').val());
      
        currentYear -= 1;
      
        setEvents(currentMonth, currentYear);
      });
      
      $d.on('click', '.datepick-next-year', function () {
        var currentMonth = parseInt($('#calendar-month').val());
        var currentYear = parseInt($('#calendar-year').val());
      
        currentYear += 1;
      
        setEvents(currentMonth, currentYear);
      });
    </script>
  </body>
</html>