<div id="randomidiom_block">
<style type="text/css"> 
#wrapper{
width:<{$block.randomidiomwidth}>px;	
height:<{$block.randomidiomheight}>px;
}
#slider-wrap{
width:<{$block.randomidiomwidth}>px;
height:<{$block.randomidiomheight}>px;
}

#slider-wrap ul#slider li{
width:<{$block.randomidiomwidth}>px;
height:<{$block.randomidiomheight}>px;
}

#pagination-wrap{
margin-top: calc(<{$block.randomidiomheight}>px - 60px)
}
</style>

<div id="wrapper">
<div id="slider-wrap">
<ul id="slider">                      
<{foreach item=randomidiom from=$block.randomidiom}>
<li data-color="<{if $randomidiom.color}><{$randomidiom.color}><{else}>#2B68A5<{/if}>">
<div id='randomidiom_box' aria-label="<{$smarty.const._MA_NEILRANDOMIDIOM_BLOCLS06}><{$randomidiom.author}>-<{$randomidiom.content|strip_tags}>">
<{if $randomidiom.author}><h3 tabindex='0' class='a11y_box' ><{$smarty.const._MA_NEILRANDOMIDIOM_BLOCLS06}><{$randomidiom.author}></h3><{/if}> 
<span><{$randomidiom.content}></span>
</div>
<{if $randomidiom.icom}><{$randomidiom.icom}> <{else}><i class="fa fa-volume-up"></i>   <{/if}>
</li>
<{/foreach}>  			             
</ul>
			          
<!--controls-->
<div class="btns" id="next"><i class="fa fa-arrow-right"></i></div>
<div class="btns" id="previous"><i class="fa fa-arrow-left"></i></div>
     
<div id="pagination-wrap"><ul></ul></div>
<!--controls-->  			                 
</div>
</div>
<div style="clear: both;"></div>
   
<{if $xoops_isadmin}>    
<a style="width: 100%;" href="<{xoAppUrl}>modules/neothemesadmin/admin/randomidiom.php" target="_blank" class="btn btn-primary navbar-btn" role="button"><{$smarty.const._MA_NEILRANDOMIDIOM_BLOCLS07}></a>
<{/if}>
</div>

<script>
var $timgplay="<{$block.timgplay}>";
</script>
<script type="text/javascript" src="<{$xoops_url}>/modules/neillibrary/js/relatedjs/js/slide.js"></script>