
 <!--  video carousel template -->
<span data-bind="text: name"></span>
<ul class="video-list horizontal-carousel">
    <div data-bind="foreach: tileList"> 
        <li>
            <div data-bind="attr: { title: data.tips, 'class': isFirstAndLast ? 'firstImage lastImage' : (isFirst ? 'firstImage' : (isLast ? 'lastImage' : '')) }">
                <embed data-bind="attr: { src: data.url }" type="application/x-shockwave-flash" width="315" height="217" allowscriptaccess="always" allowfullscreen="true" wmode="Opaque" />
            </div>
        </li> 
    </div>
</ul>
<div class="grey-bg1" style="margin-top:-220px; height: 220px;" data-bind="click: function (data, event) { methods.moveRigth($(event.currentTarget), 325) }">
    <div class="left-arrow1" style="margin-top: 45px;"><img border="0" data-bind="attr: { src: $root.sagepmeUi + 'img/left1.png' }" width="8" height="16"></div>
</div>
<div class="grey-bg2" style="margin-top:-220px; height: 220px;" data-bind="click: function (data, event) { methods.moveLeft($(event.currentTarget), 325) }">
    <div class="right-arrow1" style="margin-top: 45px;"><img border="0" data-bind="attr: { src: $root.sagepmeUi + 'img/right1.png' }" width="8" height="16"></div>
</div>
     