<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript" src="jquery-1.5.1.js"></script>
<link rel="stylesheet" type="text/css" href="style/index.css"></link>
<title><{$title}></title>
</head>
<body>
<{include file="head.tpl"}>
<div class="clear"></div>
<div id="content">
<div id="n_left">
<ul>
<{foreach name=class item=bigclass from=$bigclassname}>
<li><a href="news.php?bigclassid=<{$bigclass.0}>"><{$bigclass.1}></a></li>
<{/foreach}>
</ul>
</div><!--#n_left end-->
<div id="n_right">
<h3>文章详情</h3>
<div id="n_info">
<div style="text-align:center; font-size:14px;  color:#009; font-weight:bold; border-bottom:#CCC 1px dashed">标题:<{$title}></div>
<div id="a_info" >作者:<{$editor}> &nbsp;录入时间:&nbsp;<{$time}></div>
<div id="a_conent"><{$content}></div>
<div id="a_about">
<div style="font-size:12px;color:#666; font-weight:bold; border-bottom:#CCC 1px dashed;">相关内容</div>
<div id="scroll_div">
<div id="aboutimg">
<ul>

<{foreach name=about item=about_list from=$aboutlist}>

<li><a href="<{$about_list}>" target="_blank"><img src="<{$about_list}>" width="144" height="110" border="0"/></a></li>

<{/foreach}>

</ul>
</div><!--#aboutimg end-->
<div id="aboutimg2"></div>
</div><!--#scroll_div end-->
</div>
</div>
</div><!--#n_right end-->
<div class="clear"></div>
</div><!--#content end-->
<{include file="foot.tpl"}>
<script language="javascript">
speed=2;
var str=$("#aboutimg").html();
$("#aboutimg2").html(str)
function scroll()
{
	
	if($("#scroll_div").scrollLeft()-$("#aboutimg2").width()>=0)
	{
		//document.write($("#aboutimg2").outerWidth());
		begin=$("#scroll_div").scrollLeft()-$("#aboutimg2").width();
		
		$("#scroll_div").scrollLeft(begin);
		
		i=0;
		
	}
	else
	{
		$("#scroll_div").scrollLeft(i+=5);
	}
	
}

id=setInterval(scroll,speed)

$("#scroll_div").mouseover(function(){clearInterval(id);});
$("#scroll_div").mouseout(function(){id=setInterval(scroll,10);});
//document.write(left);

//$("#aboutimg").scrollLeft()=left+50;

</script>
</body>
</html>
