{$style = $instance->getProperty('listStyle')}

<div class="_container{if $inContainer === false}-fluid{/if} {if $portlet->showLicenceAlert()} alert alert-danger"
  role="alert{/if}">
  {if $portlet->showLicenceAlert()}
    <p>{$portlet->showLicenceInfo()}</p>
    {assign var=dHintLink value="<a href='{$portlet->cinUrl()}'>{$portlet->cinUrlText()}</a>"}
    {assign var=hintText value=__("po_visit_cin")}
    {$dHint = sprintf($hintText, $dHintLink)}
    <p>{$dHint}</p>
  {/if}
  <!-- TODO Load once-->
  <!-- TODO pepare path for extensionstore built -->
  <script type="text/javascript" src="{$portlet->getPluginDirectory()}PhotoVideoSlider/plugin/qcslider.jquery.js">
  </script>

  <script type="text/javascript">
    {literal}
      $(document).ready(function($) {
        $("#slider").QCslider({duration: 7000});
      });
    {/literal}
  </script>
  <section class="slide photovideoslide-portlet">
    <div class="slider-container">
      {$areaContentId = 'photoVideo'}
      <ul class="slider-wrapper {if $isPreview}opc-area{/if}" id="slider" {if $isPreview}
        data-area-id='{$areaContentId}' {/if}>

        {if $isPreview}

          {$instance->getSubareaPreviewHtml({$areaContentId})}
        {else}
          {$instance->getSubareaFinalHtml({$areaContentId})}
        {/if}
      </ul>
      <div class="drt-control control-left" id="lft-control">&lt;</div>
      <div class="drt-control control-right" id="rht-control">&gt;</div>
      <ul class="slider-controls" id="slider-controls"></ul>
      <div class="tempo-bar" id="barra"></div>
    </div>
  </section>
</div>
