	
											
         




  <div id="Roll{{$class[clist].id}}" style="overflow:hidden;height:100%;width:100%;">
		   <table align="left" cellpadding="0" cellspacing="0" border="0">
			<tr>
			  <td id="Roll1{{$class[clist].id}}">
				<table width="100%" height="100%" border="0">
 <tr>




{{section name=plist loop=$class[clist].produ}}
<td style='text-align:center'>
 <div class='img' style='margin:10px 10px 10px 0px;padding:1px;border:1px solid #ddd'><a href='{{$class[clist].produ[plist].alink}}' title='' ><Img Src='{{$class[clist].produ[plist].banner_pic}}' border='0' alt='{{$class[clist].produ[plist].banner_alt}}' width='190' height='155'  align='absmiddle'/></a></div>
 <div class='t'><a href='{{$class[clist].produ[plist].alink}}' >{{$class[clist].produ[plist].banner_alt}}</a> </div>
</td>


{{/section}}


</tr></table>

			  </td>
			  <td id="Roll2{{$class[clist].id}}"></td>
			</tr>
			</table>
		 </div>
		  <script laguage="javascript" type="text/javascript">
		   <!--
			var leftspeed{{$class[clist].id}} = 30;
			document.getElementById("Roll2{{$class[clist].id}}").innerHTML = document.getElementById("Roll1{{$class[clist].id}}").innerHTML;
			function MarqueeLeft{{$class[clist].id}}(){
			if(document.getElementById("Roll2{{$class[clist].id}}").offsetWidth-document.getElementById("Roll{{$class[clist].id}}").scrollLeft<=0)
			document.getElementById("Roll{{$class[clist].id}}").scrollLeft-=document.getElementById("Roll1{{$class[clist].id}}").offsetWidth
			else{
			 document.getElementById("Roll{{$class[clist].id}}").scrollLeft++
			}}
			var MyMarleft{{$class[clist].id}} = setInterval(MarqueeLeft{{$class[clist].id}}, leftspeed{{$class[clist].id}})
			document.getElementById("Roll{{$class[clist].id}}").onmouseover=function() {clearInterval(MyMarleft{{$class[clist].id}})}
			document.getElementById("Roll{{$class[clist].id}}").onmouseout=function() {MyMarleft{{$class[clist].id}}=setInterval(MarqueeLeft{{$class[clist].id}},leftspeed{{$class[clist].id}})}
			//-->
		 </script>



