/* global Fluid, CONFIG */

HTMLElement.prototype.wrap = function(wrapper) {

this.parentNode.insertBefore(wrapper, this);

this.parentNode.removeChild(this);

wrapper.appendChild(this);

};

Fluid.plugins = {

typing: function(text) {

if (!('Typed' in window)) { return; }

var typed = new window.Typed('#subtitle', {

strings: [

' ',

text + ' '

],

cursorChar: CONFIG.typing.cursorChar,

typeSpeed : CONFIG.typing.typeSpeed,

loop : CONFIG.typing.loop

});

typed.stop();

var subtitle = document.getElementById('subtitle');

if (subtitle) {

subtitle.innerText = '';

}

jQuery(document).ready(function() {

typed.start();

});

},

fancyBox: function(selector) {

if (!CONFIG.image_zoom.enable || !('fancybox' in jQuery)) { return; }

jQuery(selector || '.markdown-body :not(a) > img, .markdown-body > img').each(function() {

var $image = jQuery(this);

var imageUrl = $image.attr('data-src') || $image.attr('src') || '';

if (CONFIG.image_zoom.img_url_replace) {

var rep = CONFIG.image_zoom.img_url_replace;

var r1 = rep[0] || '';

var r2 = rep[1] || '';

if (r1) {

if (/^re:/.test(r1)) {

r1 = r1.replace(/^re:/, '');

var reg = new RegExp(r1, 'gi');

imageUrl = imageUrl.replace(reg, r2);

} else {

imageUrl = imageUrl.replace(r1, r2);

}

}

}

var $imageWrap = $image.wrap(`

<a class="fancybox fancybox.image" href="${imageUrl}"

itemscope itemtype="http://schema.org/ImageObject" itemprop="url"></a>`

).parent('a');

if ($imageWrap.length !== 0) {

if ($image.is('.group-image-container img')) {

$imageWrap.attr('data-fancybox', 'group').attr('rel', 'group');

} else {

$imageWrap.attr('data-fancybox', 'default').attr('rel', 'default');

}

var imageTitle = $image.attr('title') || $image.attr('alt');

if (imageTitle) {

$imageWrap.attr('title', imageTitle).attr('data-caption', imageTitle);

}

}

});

jQuery.fancybox.defaults.hash = false;

jQuery('.fancybox').fancybox({

loop : true,

helpers: {

overlay: {

locked: false

}

}

});

},

imageCaption: function(selector) {

if (!CONFIG.image_caption.enable) { return; }

jQuery(selector || `.markdown-body > p > img, .markdown-body > figure > img,

.markdown-body > p > a.fancybox, .markdown-body > figure > a.fancybox`).each(function() {

var $target = jQuery(this);

var $figcaption = $target.next('figcaption');

if ($figcaption.length !== 0) {

$figcaption.addClass('image-caption');

} else {

var imageTitle = $target.attr('title') || $target.attr('alt');

if (imageTitle) {

$target.after(`<figcaption aria-hidden="true" class="image-caption">${imageTitle}</figcaption>`);

}

}

});

}

};