<!-- CSS -->
<link rel="stylesheet" href="css/blueimp-gallery.min.css">
<style>
	.blueimp-gallery {
	/* кастомизируем */		
	}

</style>

<!-- JS -->
<script src="js/blueimp-gallery.min.js"></script>
<script>
blueimp.Gallery(
    document.getElementById('links').getElementsByTagName('a'),
    {
        container: '#blueimp-gallery-carousel',
        carousel: true

    }
);
</script>


<!-- HTML -->
<div id="blueimp-gallery" class="blueimp-gallery">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>

<?php
switch ($modx->event->name) {
    case 'OnParseDocument':
        $re = '/\A\s*<!--.*?(CSS|JS|HTML).*?-->/i';
        if(!preg_match_all($re, $content, $matches, PREG_SET_ORDER, 0)) break;
        
        $re = '/<!--.*?(CSS|JS|HTML).*?-->(.*?)(?=<!--.*?(CSS|JS|HTML).*?--\>|\z)/mis';
        if(!preg_match_all($re, $content, $matches, PREG_SET_ORDER, 0)) break;
        
        foreach($matches as $match) {
            switch(strtoupper($match[1])) {
                case 'CSS':
                    $modx->regClientStartupHTMLBlock(trim($match[2]));
                break;
                case 'JS':
                    $modx->regClientHTMLBlock(trim($match[2]));
                break;
                case 'HTML':
                        @$output .= trim($match[2]);
                break;
            }
        }

        $modx->documentOutput = @$output;
    break;
}