"use strict";

/*! lightbox.js | Friendkit | © Css Ninja. 2019-2020 */

/* ==========================================================================
Fancybox functions
========================================================================== */
$(document).ready(function () {
  "use strict"; //Change demo images

  function changeLightboxImages() {
    $('.fancybox-container [data-demo-src]').each(function () {
      var newSrc = $(this).attr('data-demo-src');
      $(this).attr('src', newSrc);
    });
  }

  if ($('[data-fancybox]').length) {
    var moreIcon = feather.icons['more-vertical'].toSvg();
    var thumbsUpIcon = feather.icons['thumbs-up'].toSvg();
    var lockIcon = feather.icons.lock.toSvg();
    var userIcon = feather.icons.user.toSvg();
    var usersIcon = feather.icons.users.toSvg();
    var globeIcon = feather.icons.globe.toSvg();
    var heartIcon = feather.icons.heart.toSvg();
    var messageIcon = feather.icons['message-circle'].toSvg();
    var lightboxContent = '';
    var lightboxComments1 = "\n            <div class=\"header\">\n                <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/dan.jpg\" alt=\"\">\n                <div class=\"user-meta\">\n                    <span>Dan Walker</span>\n                    <span><small>2 hours ago</small></span>\n                </div>\n                <button type=\"button\" class=\"button\">Follow</button>\n                <div class=\"dropdown is-spaced is-right dropdown-trigger\">\n                    <div>\n                        <div class=\"button\">\n                            " + moreIcon + "\n                        </div>\n                    </div>\n                    <div class=\"dropdown-menu\" role=\"menu\">\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-item is-title has-text-left\">\n                                Who can see this ?\n                            </div>\n                            <a href=\"#\" class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + globeIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Public</h3>\n                                        <small>Anyone can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + usersIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Friends</h3>\n                                        <small>only friends can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + userIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Specific friends</h3>\n                                        <small>Don't show it to some friends.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <hr class=\"dropdown-divider\">\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + lockIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Only me</h3>\n                                        <small>Only me can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"inner-content\">\n                <div class=\"live-stats\">\n                    <div class=\"social-count\">\n                        <div class=\"likes-count\">\n                            " + heartIcon + "\n                            <span>12</span>\n                        </div>\n                        <div class=\"comments-count\">\n                            " + messageIcon + "\n                            <span>8</span>\n                        </div>\n                    </div>\n                    <div class=\"social-count ml-auto\">\n                        <div class=\"views-count\">\n                            <span>8</span>\n                            <span class=\"views\"><small>comments</small></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"actions\">\n                    <div class=\"action\">\n                        " + thumbsUpIcon + "\n                        <span>Like</span>\n                    </div>\n                    <div class=\"action\">\n                        " + messageIcon + "\n                        <span>Comment</span>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"comments-list has-slimscroll\">\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/dan.jpg\" alt=\"\" data-user-popover=\"1\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Dan Walker</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>28m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>2</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/david.jpg\" alt=\"\" data-user-popover=\"4\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">David Kim</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>15m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/rolf.jpg\" alt=\"\" data-user-popover=\"17\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Rolf Krupp</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros. Consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>9h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\" data-user-popover=\"6\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Elise Walker</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>8h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>4</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/rolf.jpg\" alt=\"\" data-user-popover=\"17\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Rolf Krupp</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>7h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>2</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\" data-user-popover=\"6\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Elise Walker</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>6h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>4</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/lana.jpeg\" alt=\"\" data-user-popover=\"14\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Lana Henrikssen</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros. Consectetur adipiscing elit.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>10h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>7</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"comment-controls\">\n                <div class=\"controls-inner\">\n                    <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                    <div class=\"control\">\n                        <textarea class=\"textarea comment-textarea is-rounded\" rows=\"1\"></textarea>\n                    </div>\n                </div>\n            </div>\n        ";
    var lightboxComments2 = "\n            <div class=\"header\">\n                <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\">\n                <div class=\"user-meta\">\n                    <span>Elise Walker</span>\n                    <span><small>2 days ago</small></span>\n                </div>\n                <button type=\"button\" class=\"button\">Follow</button>\n                <div class=\"dropdown is-spaced is-right dropdown-trigger\">\n                    <div>\n                        <div class=\"button\">\n                            " + moreIcon + "\n                        </div>\n                    </div>\n                    <div class=\"dropdown-menu\" role=\"menu\">\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-item is-title has-text-left\">\n                                Who can see this ?\n                            </div>\n                            <a href=\"#\" class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + globeIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Public</h3>\n                                        <small>Anyone can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + usersIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Friends</h3>\n                                        <small>only friends can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + userIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Specific friends</h3>\n                                        <small>Don't show it to some friends.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <hr class=\"dropdown-divider\">\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + lockIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Only me</h3>\n                                        <small>Only me can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"inner-content\">\n                <div class=\"live-stats\">\n                    <div class=\"social-count\">\n                        <div class=\"likes-count\">\n                            " + heartIcon + "\n                            <span>3</span>\n                        </div>\n                        <div class=\"comments-count\">\n                            " + messageIcon + "\n                            <span>5</span>\n                        </div>\n                    </div>\n                    <div class=\"social-count ml-auto\">\n                        <div class=\"views-count\">\n                            <span>5</span>\n                            <span class=\"views\"><small>comments</small></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"actions\">\n                    <div class=\"action\">\n                        " + thumbsUpIcon + "\n                        <span>Like</span>\n                    </div>\n                    <div class=\"action\">\n                        " + messageIcon + "\n                        <span>Comment</span>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"comments-list has-slimscroll\">\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/gaelle.jpeg\" alt=\"\" data-user-popover=\"11\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Gaelle Morris</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>2d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\" data-user-popover=\"6\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Elise Walker</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>4h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/rolf.jpg\" alt=\"\" data-user-popover=\"13\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Rolf Krupp</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros. Consectetur adipiscing elit.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>4h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\" data-user-popover=\"6\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Elise Walker</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>4h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/nelly.png\" alt=\"\" data-user-popover=\"7\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Nelly Schwartz</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>4h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"comment-controls\">\n                <div class=\"controls-inner\">\n                    <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                    <div class=\"control\">\n                        <textarea class=\"textarea comment-textarea is-rounded\" rows=\"1\"></textarea>\n                    </div>\n                </div>\n            </div>\n        ";
    var lightboxComments3 = "\n            <div class=\"header\">\n                <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/stella.jpg\" alt=\"\">\n                <div class=\"user-meta\">\n                    <span>Stella Bergmann</span>\n                    <span><small>Yesterday</small></span>\n                </div>\n                <button type=\"button\" class=\"button\">Follow</button>\n                <div class=\"dropdown is-spaced is-right dropdown-trigger\">\n                    <div>\n                        <div class=\"button\">\n                            " + moreIcon + "\n                        </div>\n                    </div>\n                    <div class=\"dropdown-menu\" role=\"menu\">\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-item is-title has-text-left\">\n                                Who can see this ?\n                            </div>\n                            <a href=\"#\" class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + globeIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Public</h3>\n                                        <small>Anyone can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + usersIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Friends</h3>\n                                        <small>only friends can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + userIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Specific friends</h3>\n                                        <small>Don't show it to some friends.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <hr class=\"dropdown-divider\">\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + lockIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Only me</h3>\n                                        <small>Only me can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"inner-content\">\n                <div class=\"live-stats\">\n                    <div class=\"social-count\">\n                        <div class=\"likes-count\">\n                            " + heartIcon + "\n                            <span>33</span>\n                        </div>\n                        <div class=\"comments-count\">\n                            " + messageIcon + "\n                            <span>9</span>\n                        </div>\n                    </div>\n                    <div class=\"social-count ml-auto\">\n                        <div class=\"views-count\">\n                            <span>9</span>\n                            <span class=\"views\"><small>comments</small></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"actions\">\n                    <div class=\"action\">\n                        " + thumbsUpIcon + "\n                        <span>Like</span>\n                    </div>\n                    <div class=\"action\">\n                        " + messageIcon + "\n                        <span>Comment</span>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"comments-list has-slimscroll\">\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\" data-user-popover=\"0\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Jenna Davis</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>30m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/lana.jpeg\" alt=\"\" data-user-popover=\"10\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Lana Henrikssen</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>15m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/david.jpg\" alt=\"\" data-user-popover=\"4\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">David Kim</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>12m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/mike.jpg\" alt=\"\" data-user-popover=\"16\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Mike Lasalle</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>8m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/stella.jpg\" alt=\"\" data-user-popover=\"2\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>1m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/daniel.jpg\" alt=\"\" data-user-popover=\"3\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Daniel Wellington</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros. Consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>5h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>3</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/bobby.jpg\" alt=\"\" data-user-popover=\"8\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Bobby Brown</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>7h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>3</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/stella.jpg\" alt=\"\" data-user-popover=\"2\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>7h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment is-nested\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/lana.jpeg\" alt=\"\" data-user-popover=\"10\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Lana Henrikssen</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>15m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"comment-controls\">\n                <div class=\"controls-inner\">\n                    <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                    <div class=\"control\">\n                        <textarea class=\"textarea comment-textarea is-rounded\" rows=\"1\"></textarea>\n                    </div>\n                </div>\n            </div>\n        ";
    var profileLightbox1 = "\n            <div class=\"header\">\n                <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                <div class=\"user-meta\">\n                    <span>Jenna Davis</span>\n                    <span><small>3 days ago</small></span>\n                </div>\n                <button type=\"button\" class=\"button\">Follow</button>\n                <div class=\"dropdown is-spaced is-right dropdown-trigger\">\n                    <div>\n                        <div class=\"button\">\n                            " + moreIcon + "\n                        </div>\n                    </div>\n                    <div class=\"dropdown-menu\" role=\"menu\">\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-item is-title has-text-left\">\n                                Who can see this ?\n                            </div>\n                            <a href=\"#\" class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + globeIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Public</h3>\n                                        <small>Anyone can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + usersIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Friends</h3>\n                                        <small>only friends can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + userIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Specific friends</h3>\n                                        <small>Don't show it to some friends.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <hr class=\"dropdown-divider\">\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + lockIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Only me</h3>\n                                        <small>Only me can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"inner-content\">\n                <div class=\"live-stats\">\n                    <div class=\"social-count\">\n                        <div class=\"likes-count\">\n                            " + heartIcon + "\n                            <span>32</span>\n                        </div>\n                        <div class=\"comments-count\">\n                            " + messageIcon + "\n                            <span>5</span>\n                        </div>\n                    </div>\n                    <div class=\"social-count ml-auto\">\n                        <div class=\"views-count\">\n                            <span>5</span>\n                            <span class=\"views\"><small>comments</small></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"actions\">\n                    <div class=\"action\">\n                        " + thumbsUpIcon + "\n                        <span>Like</span>\n                    </div>\n                    <div class=\"action\">\n                        " + messageIcon + "\n                        <span>Comment</span>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"comments-list has-slimscroll\">\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/bobby.jpg\" alt=\"\" data-user-popover=\"8\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Bobby Brown</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>1h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>12</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/daniel.jpg\" alt=\"\" data-user-popover=\"3\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Daniel Wellington</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>15m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>2</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/mike.jpg\" alt=\"\" data-user-popover=\"12\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Mike Lasalle</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros. Consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>1d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>3</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/lana.jpeg\" alt=\"\" data-user-popover=\"10\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Lana Henrikssen</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros. Consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>1d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>3</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/nelly.png\" alt=\"\" data-user-popover=\"9\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Nelly Schwartz</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>2d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"comment-controls\">\n                <div class=\"controls-inner\">\n                    <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                    <div class=\"control\">\n                        <textarea class=\"textarea comment-textarea is-rounded\" rows=\"1\"></textarea>\n                    </div>\n                </div>\n            </div>\n        ";
    var profileLightbox2 = "\n            <div class=\"header\">\n                <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\">\n                <div class=\"user-meta\">\n                    <span>Elise Walker</span>\n                    <span><small>3 months ago</small></span>\n                </div>\n                <button type=\"button\" class=\"button\">Follow</button>\n                <div class=\"dropdown is-spaced is-right dropdown-trigger\">\n                    <div>\n                        <div class=\"button\">\n                            " + moreIcon + "\n                        </div>\n                    </div>\n                    <div class=\"dropdown-menu\" role=\"menu\">\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-item is-title has-text-left\">\n                                Who can see this ?\n                            </div>\n                            <a href=\"#\" class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + globeIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Public</h3>\n                                        <small>Anyone can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + usersIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Friends</h3>\n                                        <small>only friends can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + userIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Specific friends</h3>\n                                        <small>Don't show it to some friends.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <hr class=\"dropdown-divider\">\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + lockIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Only me</h3>\n                                        <small>Only me can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"inner-content\">\n                <div class=\"live-stats\">\n                    <div class=\"social-count\">\n                        <div class=\"likes-count\">\n                            " + heartIcon + "\n                            <span>3</span>\n                        </div>\n                        <div class=\"comments-count\">\n                            " + messageIcon + "\n                            <span>3</span>\n                        </div>\n                    </div>\n                    <div class=\"social-count ml-auto\">\n                        <div class=\"views-count\">\n                            <span>3</span>\n                            <span class=\"views\"><small>comments</small></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"actions\">\n                    <div class=\"action\">\n                        " + thumbsUpIcon + "\n                        <span>Like</span>\n                    </div>\n                    <div class=\"action\">\n                        " + messageIcon + "\n                        <span>Comment</span>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"comments-list has-slimscroll\">\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/stella.jpg\" alt=\"\" data-user-popover=\"2\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>12h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>2</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/nelly.png\" alt=\"\" data-user-popover=\"9\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Nelly Schwartz</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>4h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/bobby.jpg\" alt=\"\" data-user-popover=\"8\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Bobby Brown</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros. Consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>4h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>3</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"comment-controls\">\n                <div class=\"controls-inner\">\n                    <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                    <div class=\"control\">\n                        <textarea class=\"textarea comment-textarea is-rounded\" rows=\"1\"></textarea>\n                    </div>\n                </div>\n            </div>\n        ";
    var profileLightbox3 = "\n            <div class=\"header\">\n                <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                <div class=\"user-meta\">\n                    <span>Jenna Davis</span>\n                    <span><small>oct 17 2018</small></span>\n                </div>\n                <button type=\"button\" class=\"button\">Follow</button>\n                <div class=\"dropdown is-spaced is-right dropdown-trigger\">\n                    <div>\n                        <div class=\"button\">\n                            " + moreIcon + "\n                        </div>\n                    </div>\n                    <div class=\"dropdown-menu\" role=\"menu\">\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-item is-title has-text-left\">\n                                Who can see this ?\n                            </div>\n                            <a href=\"#\" class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + globeIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Public</h3>\n                                        <small>Anyone can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + usersIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Friends</h3>\n                                        <small>only friends can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + userIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Specific friends</h3>\n                                        <small>Don't show it to some friends.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <hr class=\"dropdown-divider\">\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + lockIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Only me</h3>\n                                        <small>Only me can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"inner-content\">\n                <div class=\"live-stats\">\n                    <div class=\"social-count\">\n                        <div class=\"likes-count\">\n                            " + heartIcon + "\n                            <span>58</span>\n                        </div>\n                        <div class=\"comments-count\">\n                            " + messageIcon + "\n                            <span>9</span>\n                        </div>\n                    </div>\n                    <div class=\"social-count ml-auto\">\n                        <div class=\"views-count\">\n                            <span>927</span>\n                            <span class=\"views\"><small>comments</small></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"actions\">\n                    <div class=\"action\">\n                        " + thumbsUpIcon + "\n                        <span>Like</span>\n                    </div>\n                    <div class=\"action\">\n                        " + messageIcon + "\n                        <span>Comment</span>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"comments-list has-slimscroll\">\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/milly.jpg\" alt=\"\" data-user-popover=\"7\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Milly Augustine</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>1h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/edward.jpeg\" alt=\"\" data-user-popover=\"5\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Edward Mayers</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore magna aliqua.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>30m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\" data-user-popover=\"6\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Elise Walker</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore magna aliqua.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>15m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/stella.jpg\" alt=\"\" data-user-popover=\"2\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>1h</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/stella.jpg\" alt=\"\" data-user-popover=\"0\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>30m</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/edward.jpeg\" alt=\"\" data-user-popover=\"5\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Edward Mayers</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore magna aliqua.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>1d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/nelly.png\" alt=\"\" data-user-popover=\"9\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Nelly Schwartz</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>2d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\" data-user-popover=\"0\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>2d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/elise.jpg\" alt=\"\" data-user-popover=\"6\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Elise Walker</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore magna aliqua.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>2d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"comment-controls\">\n                <div class=\"controls-inner\">\n                    <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                    <div class=\"control\">\n                        <textarea class=\"textarea comment-textarea is-rounded\" rows=\"1\"></textarea>\n                    </div>\n                </div>\n            </div>\n        ";
    var profileLightbox4 = "\n            <div class=\"header\">\n                <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                <div class=\"user-meta\">\n                    <span>Jenna Davis</span>\n                    <span><small>oct 17 2018</small></span>\n                </div>\n                <button type=\"button\" class=\"button\">Follow</button>\n                <div class=\"dropdown is-spaced is-right dropdown-trigger\">\n                    <div>\n                        <div class=\"button\">\n                            " + moreIcon + "\n                        </div>\n                    </div>\n                    <div class=\"dropdown-menu\" role=\"menu\">\n                        <div class=\"dropdown-content\">\n                            <div class=\"dropdown-item is-title has-text-left\">\n                                Who can see this ?\n                            </div>\n                            <a href=\"#\" class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + globeIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Public</h3>\n                                        <small>Anyone can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + usersIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Friends</h3>\n                                        <small>only friends can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + userIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Specific friends</h3>\n                                        <small>Don't show it to some friends.</small>\n                                    </div>\n                                </div>\n                            </a>\n                            <hr class=\"dropdown-divider\">\n                            <a class=\"dropdown-item\">\n                                <div class=\"media\">\n                                    " + lockIcon + "\n                                    <div class=\"media-content\">\n                                        <h3>Only me</h3>\n                                        <small>Only me can see this publication.</small>\n                                    </div>\n                                </div>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"inner-content\">\n                <div class=\"live-stats\">\n                    <div class=\"social-count\">\n                        <div class=\"likes-count\">\n                            " + heartIcon + "\n                            <span>33</span>\n                        </div>\n                        <div class=\"comments-count\">\n                            " + messageIcon + "\n                            <span>8</span>\n                        </div>\n                    </div>\n                    <div class=\"social-count ml-auto\">\n                        <div class=\"views-count\">\n                            <span>8</span>\n                            <span class=\"views\"><small>comments</small></span>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"actions\">\n                    <div class=\"action\">\n                        " + thumbsUpIcon + "\n                        <span>Like</span>\n                    </div>\n                    <div class=\"action\">\n                        " + messageIcon + "\n                        <span>Comment</span>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"comments-list has-slimscroll\">\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/stella.jpg\" alt=\"\" data-user-popover=\"2\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>17d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\" data-user-popover=\"0\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Jenna Davis</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>17d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>4</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/david.jpg\" alt=\"\" data-user-popover=\"4\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">David Kim</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>17d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/milly.jpg\" alt=\"\" data-user-popover=\"7\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Milly Augustine</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>17d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>5</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/daniel.jpg\" alt=\"\" data-user-popover=\"3\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Daniel Wellington</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>17d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>1</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/david.jpg\" alt=\"\" data-user-popover=\"4\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">David Kim</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>18d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\" data-user-popover=\"0\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Stella Bergmann</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>18d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>8</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"media is-comment\">\n                    <figure class=\"media-left\">\n                        <p class=\"image is-32x32\">\n                            <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/mike.jpg\" alt=\"\" data-user-popover=\"12\">\n                        </p>\n                    </figure>\n                    <div class=\"media-content\">\n                        <div class=\"username\">Mike Lasalle</div>\n                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempo incididunt ut labore et dolore magna aliqua.</p>\n                        <div class=\"comment-actions\">\n                            <a href=\"javascript:void(0);\" class=\"is-inverted\">Like</a>\n                            <span>18d</span>\n                            <div class=\"likes-count\">\n                                " + heartIcon + "\n                                <span>0</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n\n            <div class=\"comment-controls\">\n                <div class=\"controls-inner\">\n                    <img src=\"https://via.placeholder.com/300x300\" data-demo-src=\"assets/img/avatars/jenna.png\" alt=\"\">\n                    <div class=\"control\">\n                        <textarea class=\"textarea comment-textarea is-rounded\" rows=\"1\"></textarea>\n                    </div>\n                </div>\n            </div>\n        ";
    $('[data-fancybox]').each(function () {
      if ($(this).attr('data-lightbox-type') == 'comments') {
        var lightboxContent = $(this).attr('data-fancybox');
        console.log(lightboxContent);
        $(this).fancybox({
          baseClass: "fancybox-custom-layout",
          keyboard: false,
          infobar: false,
          touch: {
            vertical: false
          },
          buttons: ["close", "thumbs", "share"],
          animationEffect: "fade",
          transitionEffect: "fade",
          preventCaptionOverlap: false,
          idleTime: false,
          gutter: 0,
          // Customize caption area
          caption: function caption(instance) {
            if (lightboxContent == 'post1') {
              return lightboxComments1;
            } else if (lightboxContent == 'post2') {
              return lightboxComments2;
            } else if (lightboxContent == 'post3') {
              return lightboxComments3;
            } else if (lightboxContent == 'profile-post1') {
              return profileLightbox1;
            } else if (lightboxContent == 'profile-post2') {
              return profileLightbox2;
            } else if (lightboxContent == 'profile-post3') {
              return profileLightbox3;
            } else if (lightboxContent == 'profile-post4') {
              return profileLightbox4;
            }
          },
          afterShow: function afterShow(instance, current) {
            initDropdowns();
            initEmojis();
            changeLightboxImages();
          }
        });
      }
    });
    /*$('[data-fancybox="post1"]').fancybox({
        baseClass: "fancybox-custom-layout",
        keyboard: false,
        infobar: false,
        touch: {
          vertical: false
        },
        buttons: [
            "close",
            "thumbs",
            "share"
        ],
        animationEffect: "fade",
        transitionEffect: "fade",
        preventCaptionOverlap: false,
        idleTime: false,
        gutter: 0,
        // Customize caption area
        caption: function(instance) {
            return lightboxComments1;
        },
        afterShow : function( instance, current ) {
            initDropdowns();
            initEmojis();
        }
    });
      $('[data-fancybox="post2"]').fancybox({
        baseClass: "fancybox-custom-layout",
        infobar: false,
        keyboard: false,
        touch: {
          vertical: false
        },
        buttons: [
            "close",
            "thumbs",
            "share"
        ],
        animationEffect: "fade",
        transitionEffect: "fade",
        preventCaptionOverlap: false,
        idleTime: false,
        gutter: 0,
        // Customize caption area
        caption: function(instance) {
            return lightboxComments2;
        },
        afterShow : function( instance, current ) {
            initDropdowns();
            initEmojis();
        }
    });
      $('[data-fancybox="post3"]').fancybox({
        baseClass: "fancybox-custom-layout",
        infobar: false,
        keyboard: false,
        touch: {
          vertical: false
        },
        buttons: [
            "close",
            "thumbs",
            "share"
        ],
        animationEffect: "fade",
        transitionEffect: "fade",
        preventCaptionOverlap: false,
        idleTime: false,
        gutter: 0,
        // Customize caption area
        caption: function(instance) {
            return lightboxComments3;
        },
        afterShow : function( instance, current ) {
            initDropdowns();
            initEmojis();
        }
    });*/
  }
});