<div id="playerimgdiv"> 
<{if $jsplaystyle eq  1}>
<div id="myCarousel" class="carousel slide slideshow" data-ride="carousel">
<!-- Indicators -->
<{if $jsbuttom}>
<ol class="carousel-indicators">
<{foreach item=tplvar from=$jsbuttom}>
<li aria-label="img_<{$tplvar.a}>_btn" class="<{$tplvar.active}>" data-slide-to="<{$tplvar.a}>" data-target="#myCarousel"></li>
<{/foreach}>
</ol><{/if}>
<div class="carousel-inner">
<{foreach item=jsimg from=$flashimg}>
<div class="<{$jsimg.itemactive}>"> <a  href="<{$jsimg.url}>" target="<{$jsimg.target}>" title="<{$jsimg.content}>"  ><{if $webreptil2}><img  alt="<{$xoops_sitename}>" src="<{xoAppUrl}>themes/<{$xoops_theme}>/default/xoops.jpg"><{else}><img alt="<{$jsimg.content}>" src="<{$jsimg.imgid}>"><{/if}>
<{*
<div class="carousel-caption hidden-xs">
<{if $jsimg.flashtext}>
<p><{$jsimg.flashtext}></p>   
<{/if}>      
</div>
*}>
</a>   
</div>


<{/foreach}>
<a class="left carousel-control" href="#myCarousel" data-slide="prev" aria-label="prev img"> 
<span	class="glyphicon glyphicon-chevron-left"></span></a> 
<a class="right carousel-control" href="#myCarousel" data-slide="next" aria-label="next img"> 
<span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
<{/if}>
<{if $jsplaystyle eq  0}>
<div id="bootstrap-touch-slider" class="carousel bs-slider fade  control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="4000" >
<!-- Indicators -->
<{if $jsbuttom}>
<ol  class="carousel-indicators">
<{foreach item=tplvar from=$jsbuttom}>
<li aria-label="img_<{$tplvar.a}>_btn" class="<{$tplvar.active}>" data-slide-to="<{$tplvar.a}>" data-target="#bootstrap-touch-slider" ></li>
<{/foreach}>
</ol><{/if}>

<div class="carousel-inner" role="listbox"> 
<{foreach item=jsimg from=$flashimg}>
<div class="<{$jsimg.itemactive}>">       
<!-- Slide Background --> 
<a  href="<{$jsimg.url}>" target="<{$jsimg.target}>"  title="<{$jsimg.content}>"  > <{if $webreptil2}><img  alt="<{$xoops_sitename}>"   src="<{xoAppUrl}>themes/<{$xoops_theme}>/default/xoops.jpg"><{else}> <img src="<{$jsimg.imgid}>" alt="<{$jsimg.content}>"  class="slide-image"/><{/if}> </a></div>
<{/foreach}>

<a class="left carousel-control" href="#bootstrap-touch-slider"	data-slide="prev" aria-label="prev img"> 
<span	class="glyphicon glyphicon-chevron-left"></span></a> 
<a class="right carousel-control" href="#bootstrap-touch-slider" data-slide="next" aria-label="next img"> 
<span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
<{/if}> 
</div>

<script>
$('.carousel').carousel({
interval: <{$themesvar.intervaltume}>
})
</script>