<xf:if is="property('xbEnableBackstretch')">
<script src="{{ base_url(property('xbBackstretchPath')) }}"></script>
<script>
<xf:if is="property('xbBackstretchAdvanced')">
{{ property('xbBackstretchAdvanced') }}
<xf:else />
<xf:if is="property('xbBackstretchSelector') == 'default'">
Backstretch(document.body, [
<xf:elseif is="property('xbBackstretchSelector') == 'custom'" />
Backstretch(document.querySelector('{{ property('xbBackstretchCustom')|escape('js') }}'), [
<xf:else />
Backstretch(document.querySelector('{{ property('xbBackstretchSelector')|escape('js') }}'), [
</xf:if>
"{{ base_url(property('xbBackstretchImage'))|escape('js') }}"
<xf:if is="property('xbBackstretchImage2')">, "{{ base_url(property('xbBackstretchImage2'))|escape('js') }}"</xf:if>
<xf:if is="property('xbBackstretchImage3')">, "{{ base_url(property('xbBackstretchImage3'))|escape('js') }}"</xf:if>
<xf:if is="property('xbBackstretchImage4')">, "{{ base_url(property('xbBackstretchImage4'))|escape('js') }}"</xf:if>
<xf:if is="property('xbBackstretchImage5')">, "{{ base_url(property('xbBackstretchImage5'))|escape('js') }}"</xf:if>
], {
duration: {{ property('xbBackstretchDuration') }},
transition: "fade",
transitionDuration: {{ property('xbBackstretchFade') }}
});
</xf:if>
</script>
</xf:if>
<xf:if is="property('xbDesignMode') AND $xf.visitor.is_admin">
<xf:include template="xb_design_mode" />
</xf:if>