<xen:require css="EWRblock_RecentSlider.css" />
<div class="section">
<div class="secondaryContent" id="recentSlider">
<xen:require js="js/8wayrun/EWRporta_jqui.js" />
<script type="text/javascript">
jQuery(document).ready(function() {
$("#recentSlider").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$("#recentSlider").hover(function() {
$("#recentSlider").tabs("rotate", 0, true);
}, function() {
$("#recentSlider").tabs("rotate", 5000, true);
});
<xen:if is="{$option.hideexcerpt}">
$("#recentSlider .excerpt").hide();
$("#recentSlider").hover(function() {
$("#recentSlider .excerpt").slideDown();
}, function() {
$("#recentSlider .excerpt").hide();
});
</xen:if>
});
</script>
<div class="recentSlider {$option.position}Slider">
<ul class="ui-tabs-nav" style="{$option.position}: {$option.width}px; height: {$option.height}px;">
<xen:foreach loop="$RecentSlider" value="$news" i="$i">
<li id="nav-fragment-{$i}" class="ui-tabs-nav-item {xen:if '{$i} == 1', 'ui-tabs-selected'}">
<a href="#fragment-{$i}">
<div class="tagline" style="height: {$option.itemheight}px;">
<div class="image" style="height: {$option.imgheight}px; width: {$option.imgwidth}px; background-image: url('{xen:link attachments, $news.attach}'); background-position: {$option.anchor} top;"></div>
<div class="title" style="margin-{$option.position}: {$option.itemwidth}px;">{xen:helper wordtrim, $news.title, {$option.trimtitle}}</div>
</div>
</a>
</li>
</xen:foreach>
</ul>
<div style="height: {$option.height}px;">
<xen:foreach loop="$RecentSlider" value="$news" i="$i">
<div id="fragment-{$i}" class="ui-tabs-panel {xen:if '{$i} != 1', 'ui-tabs-hide'}" style="width: {$option.width}px; background-image: url('{xen:link attachments, $news.attach}'); background-position: {$option.anchor} top;">
<a href="{xen:link threads, $news}">
<div style="height: {$option.height}px;">
<div class="summary">
<div class="title">{xen:helper wordtrim, $news.title, {$option.trimtitle}}</div>
<div class="excerpt">{xen:helper wordtrim, $news.messageText, {$option.trimexcerpt}}</div>
</div>
</div>
</a>
</div>
</xen:foreach>
</div>
</div>
</div>
</div>