text: /*jshint globalstrict: true, unused:false*/
  /*global jQuery, window, setTimeout, parent, Prism*/
  'use strict';
  function makeResponsive()
  {
      if (jQuery('body').width() < 768) {
          jQuery('.container').addClass('container-xs');
      }
  }
  
  /* get custom Bootstrap styles */
  
  function getBootstrapStyles()
  {
      setTimeout(function(){
          var bodyBackground;
          var previewBackground;
          var choiceTitleBorderTop;
          var choiceTitleBorderTopAfter;
  
          bodyBackground = previewBackground = jQuery(window.parent.document.body).find('.mce-edit-area iframe').contents().find('.mce-content-body').css('background-color');
          if(bodyBackground.match(/rgb(255, 255, 255)/)) {
              jQuery('body').css('background-color', '#fafafa');
          } else {
              bodyBackground = shadeRGBColor(bodyBackground, 0.07);
              choiceTitleBorderTop = shadeRGBColor(bodyBackground, -0.2);
              choiceTitleBorderTopAfter = shadeRGBColor(bodyBackground, 0.3);
              jQuery('body').css('background-color', bodyBackground);
              jQuery('.choice-title, #preview-title, #code-title').css('border-top-color', choiceTitleBorderTop);
              jQuery('<style>.choice-title:after, #preview-title:after, #code-title:after{border-top-color: '+choiceTitleBorderTopAfter+'}</style>').appendTo('head');
              jQuery('#preview').css('background-color', previewBackground);
          }
      }, 100);
  }
  
  function shadeRGBColor(color, percent) {
      var f=color.split(','),t=percent<0?0:255,p=percent<0?percent*-1:percent,R=parseInt(f[0].slice(4)),G=parseInt(f[1]),B=parseInt(f[2]);
      return 'rgb('+(Math.round((t-R)*p)+R)+','+(Math.round((t-G)*p)+G)+','+(Math.round((t-B)*p)+B)+')';
  }
  
  /* btn-toggle */
  
  function toggleBtn(toggleGroup) {
      jQuery(toggleGroup).find('.btn').toggleClass('active');
      jQuery(toggleGroup).find('.btn').toggleClass('btn-success');
      jQuery(toggleGroup).find('.btn').toggleClass('btn-default');
      if(jQuery(toggleGroup).find('.active').attr('data-attr') == 'true') {
          return true;
      } else {
          return false;
      }
  }
  
  function toggleAllBtns(toggleGroup, trueFalse) {
      jQuery(toggleGroup).each(function() {
          if(!trueFalse) { // set all buttons to true
              jQuery(this).find('button[data-attr="true"]').addClass('active').removeClass('btn-default').addClass('btn-success');
              jQuery(this).find('button[data-attr="false"]').removeClass('active').removeClass('btn-success').addClass('btn-default');
          } else { // set all buttons to false
              jQuery(this).find('button[data-attr="false"]').addClass('active').removeClass('btn-default').addClass('btn-success');
              jQuery(this).find('button[data-attr="true"]').removeClass('active').removeClass('btn-success').addClass('btn-default');
          }
      });
      jQuery(toggleGroup).find('.btn').toggleClass('active');
      jQuery(toggleGroup).find('.btn').toggleClass('btn-success');
      jQuery(toggleGroup).find('.btn').toggleClass('btn-default');
      if(jQuery(toggleGroup).find('.active').attr('data-attr') == 'true') {
          return true;
      } else {
          return false;
      }
  }
  
  /* get current edit element code */
  
  function getCode(selector)
  {
      var elementCode;
      if(jQuery(window.parent.document.body).find('.mce-tinymce-inline')[0]) {
          elementCode = jQuery(window.parent.document.body).find('.mce-edit-focus').find(selector).clone().wrap('<div>').parent().html();
      } else {
          elementCode = jQuery(window.parent.document.body).find('.mce-edit-area iframe').contents().find(selector).clone().wrap('<div>').parent().html();
      }
      return elementCode;
  }
  
  /* code update */
  
  function updateCode()
  {
      var code = jQuery('#test-wrapper').html(); // get preview content
  
      /* remove table content only for new tables (with false-text content) */
  
      if(jQuery('<div>').html(code).find('table.table').length > 0) {
          if(jQuery('<div>').html(code).find('table.table').attr('data-attr') == 'new-table') {
              code = jQuery('<div>').html(code).find('th, td').text('').closest('div').html();
          }
      }
  
      var find = new Array(/\s?data-mce-[a-z]+="[^"]+"/g);
      var replace = new Array('', '', '', '', '');
  
      for (var i = find.length - 1; i >= 0; i--) {
          code = code.replace(find[i], replace[i]);
      }
  
      /* render code */
  
      /* remove unwanted classes, attrs, ... */
  
      var allowedAttrs = new Array(['class']);
      var allowedEmpty   = new Array(['span']);
  
      if(jQuery('#test-wrapper').hasClass('test-icon-wrapper')) {
  
      /* keep styles for icons */
          allowedAttrs.push(['style']);
          code = jQuery.htmlClean(code, {format:true, allowedAttributes: allowedAttrs, allowEmpty: allowedEmpty});
      } else if(jQuery('#test-wrapper').hasClass('test-snippet-wrapper')) { // keep all original code for snippets
          code = code;
      } else {
          code = jQuery.htmlClean(code, {format:true, allowedAttributes: allowedAttrs, allowEmpty: allowedEmpty});
      }
      var highlighted_code = Prism.highlight(code, Prism.languages.markup);
      code = jQuery.trim(escapeHtml(code));
      jQuery('#code-wrapper').fadeOut(200, function() {
          jQuery(this).html('<pre><code class="language-markup">' + highlighted_code + '</code></pre>');
          jQuery(this).fadeIn(200);
      });
      parent.document.getElementById('bs-code').value = code;
  }
  
  /* code escape html */
  
  function escapeHtml(text)
  {
    var map = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      '"': '&quot;',
      '\'': '&#039;'
    };
  
    return text.replace(/[&<>"']/g, function (m) { return map[m]; });
  }
  
  /* code toggle */
  
  jQuery('#code-slide-link').on('click', function () {
      jQuery('#code-wrapper').slideToggle(400, function () {
          if (jQuery('#code-wrapper').css('display') == 'block') {
              jQuery('#code-slide-link i').removeClass('glyphicon-arrow-down').addClass('glyphicon-arrow-up');
          } else {
              jQuery('#code-slide-link i').removeClass('glyphicon-arrow-up').addClass('glyphicon-arrow-down');
          }
      });
  });
  
  /*
   * HTML5 Sortable jQuery Plugin
   * http://farhadi.ir/projects/html5sortable
   *
   * Copyright 2012, Ali Farhadi
   * Released under the MIT license.
   */
  (function(jQuery) {
  var dragging, placeholders = jQuery();
  jQuery.fn.sortable = function(options) {
      var method = String(options),
          items;
      options = jQuery.extend({
          connectWith: false,
          calllback: function () {}
      }, options);
      return this.each(function() {
          if (/^enable|disable|destroyjQuery/.test(method)) {
              items = jQuery(this).children(jQuery(this).data('items')).attr('draggable', method == 'enable');
              if (method == 'destroy') {
                  items.add(this).removeData('connectWith items')
                      .off('dragstart.h5s dragend.h5s selectstart.h5s dragover.h5s dragenter.h5s drop.h5s');
              }
              return;
          }
          var isHandle, index;
          items = jQuery(this).children(options.items);
          var placeholder = jQuery('<' + (/^ul|oljQuery/i.test(this.tagName) ? 'li' : 'div') + ' class="sortable-placeholder">');
          items.find(options.handle).mousedown(function() {
              isHandle = true;
          }).mouseup(function() {
              isHandle = false;
          });
          jQuery(this).data('items', options.items);
          placeholders = placeholders.add(placeholder);
          if (options.connectWith) {
              jQuery(options.connectWith).add(this).data('connectWith', options.connectWith);
          }
          items.attr('draggable', 'true').on('dragstart.h5s', function(e) {
              if (options.handle && !isHandle) {
                  return false;
              }
              isHandle = false;
              var dt = e.originalEvent.dataTransfer;
              dt.effectAllowed = 'move';
              dt.setData('Text', 'dummy');
              index = (dragging = jQuery(this)).addClass('sortable-dragging').index();
          }).on('dragend.h5s', function() {
              if(jQuery(this).hasClass('sortable-dragging')) {
                  dragging.removeClass('sortable-dragging').show();
                  placeholders.detach();
                  // if (index != dragging.index()) {
                  //     items.parent().trigger('sortupdate', {item: dragging});
                  // }
                  options.callback.call(this);
              }
              dragging = null;
          }).not('a[href], img').on('selectstart.h5s', function() {
              this.dragDrop && this.dragDrop();
              return false;
          }).end().add([this, placeholder]).on('dragover.h5s dragenter.h5s drop.h5s', function(e) {
              if (!items.is(dragging) && options.connectWith !== jQuery(dragging).parent().data('connectWith')) {
                  return true;
              }
              if (e.type == 'drop') {
                  e.stopPropagation();
                  placeholders.filter(':visible').after(dragging);
                  return false;
              }
              e.preventDefault();
              e.originalEvent.dataTransfer.dropEffect = 'move';
              if (items.is(this)) {
                  if (options.forcePlaceholderSize) {
                      placeholder.height(dragging.outerHeight());
                  }
                  dragging.hide();
                  jQuery(this)[placeholder.index() < jQuery(this).index() ? 'after' : 'before'](placeholder);
                  placeholders.not(placeholder).detach();
              } else if (!placeholders.is(this) && !jQuery(this).children(options.items).length) {
                  placeholders.detach();
                  jQuery(this).append(placeholder);
              }
              return false;
          });
      });
  };
  })(jQuery);
  
  jQuery.fn.scrollToTop = function(){ if (this.length > 0) jQuery('body, html').animate({scrollTop: jQuery(this).offset().top}, 500); };