!{header.html}
<div id="mainlayout">

<div id="index_flash">
@{tag.index_flashadv_classic}
</div>

<div id="news">
<ul>
@{tag.index_news_classic}
</ul>
</div>

<div id="index_board">
	<div id="index_board_title">
		<span id="index_board_title_content">@{lang_msgboard}</span>
	</div>
	<div id="index_board_content">
		<ul>
		@{tag.index_board_classic}
		</ul>
	</div>
</div>



<div id="index_productgood">
	<div id="index_productgood_title">
		<span id="index_productgood_title_content">@{lang_rcproduct}</span>
	</div>

	<div id="index_productgood_content">


	<div id="demo" style="overflow:hidden; width: 445px;height:140px; text-align:center;">
	  <table cellspacing="0" cellpadding="0" style="border:0px;">
		<tbody>
		  <tr>
			<td id="marquePic1" valign="top" align="center" >
				<table style="width:445px;height:110px;border:0px;" cellpadding="0" cellspacing="0">
					<tr>
@{tag.index_recommend_classic}

					</tr>
				</table>		
			</td>
			<td id="marquePic2" valign="top"></td>
		  </tr>
		</tbody>
	  </table>
  
		<script type="text/javascript"> 
			var speed=30;
			var marquePic2=$("marquePic2");
			var marquePic1=$("marquePic1"); 
			var demo=$("demo");
			marquePic2.innerHTML=marquePic1.innerHTML;
			function Marquee(){ 
			if(demo.scrollLeft>=marquePic1.scrollWidth){ 
				demo.scrollLeft=0 
			}else{ 
				demo.scrollLeft++ 
			}} 
			var MyMar=setInterval(Marquee,speed) ;
			demo.onmouseover=function() {clearInterval(MyMar);} 
			demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);} 
		</script>
 
		</div>	

	</div>
</div>


<div id="index_special">
	<div id="index_special_title">
		<span id="index_special_title_content"><a href="?spe#lang#-0.html">@{lang_special}</a></span>
	</div>
<div id="index_special_content">
<!--{rzlist type="special" number="4"}-->
<!--{loop}-->
<div><a href="${url}" title="${specialname_nolink}"><img src='${specialimg_src}' style='width:100px;height:60px;' alt='${specialname_nolink}'/></a></div>
<!--{/loop}-->
<!--{/rzlist}-->
</div>
</div>


<div id="index_productlist">
		<div id="index_producttitle">
				<div id="index_producttitle_name" style="cursor:pointer;" onmouseover="showproducttype();" onmouseout="hiddeproducttype();">
				<span>@{lang_choosetype}</span>&gt;&gt;
					<div id="index_producttype" style="display:none">
					<ul>
						<li><a onclick="ajax_getProducts('',@{sys.lang});">@{lang_alltypes}</a></li>
@{tag.index_productcategories_classic}
					</ul>
					</div>					
				</div>
		</div>
		<div id="index_productlist_detail"></div>
	</div>
	<div id="index_other">
		<div id="index_other_title">
			<span id="index_other_title_content">@{lang_tour}</span>
		</div>
<div id="index_other_content">
<!--{rzlist type="photo" number="4"}-->
<!--{loop}-->
<div><a href="${url}" title="${photoname_nolink}"><img src='${photoimg_src}'  alt='${photoname_nolink}'/></a><span><h6><a href="${url}" title="${photoname_nolink}">${photoname_nolink}</a></h6></span></div>
<!--{/loop}-->
<!--{/rzlist}-->

	</div>
</div>
<script type="text/javascript">
<!--
	var br =navigator.userAgent.toLowerCase();
	var ie = /msie/.test(br)&&!/opera/.test(br);
	if (ie) {
	 document.onreadystatechange = function() {
	  if (document.readyState=="complete") {
	   load_ajax();
	  }
	 }
	} else {
	 document.addEventListener("DOMContentLoaded", load_ajax, false);
	}
	function load_ajax(){
		ajax_getProducts('',@{sys.lang});
	}
//-->
</script>
!{footer.html}