{template header}
<style>
	.LeftFrame{
		float:left;
		width:48%;
		height:570px;
		border:solid 1px;
		overflow-x:scroll;
		overflow-y:scroll
	}
	.RightFrame{
		float:left;
		width:48%;
		height:570px;
		border:solid 1px;
		overflow-x:scroll;
		overflow-y:scroll
	}
</style>
<script type="text/javascript">
function DriveRightScroll(){
	var RightDivObj = $('#RightScroll');
	var LeftDivObj = $('#LeftScroll');
	
	if (LeftDivObj.attr("scrollTop") < (RightDivObj.attr("scrollHeight") - RightDivObj.attr("clientHeight"))){
		RightDivObj.attr("scrollTop",LeftDivObj.attr("scrollTop"));
		RightDivObj.attr("scrollLeft",LeftDivObj.attr("scrollLeft"));
	}
}
function DriveLeftScroll(){
	var RightDivObj = $('#RightScroll');
	var LeftDivObj = $('#LeftScroll');
	if (RightDivObj.attr("scrollTop") < (LeftDivObj.attr("scrollHeight") - LeftDivObj.attr("clientHeight"))){
		LeftDivObj.attr("scrollTop",RightDivObj.attr("scrollTop"));
		LeftDivObj.attr("scrollLeft",RightDivObj.attr("scrollLeft"));
	}
}
</script>
<script type = "text/javascript" src = "js/compare.js"></script>
<div class="clear"></div>
<div id="map" class="bor-gray-das warp"><a href="{$setting[site_url]}">{$setting[site_name]}</a> <!--{loop $navigation $key $category}-->&gt;&gt; <a href="{$setting['seo_prefix']}category-view-{$category['cid']}{$setting['seo_suffix']}" target=""> {$category['name']} </a><!--{/loop}--> &gt;&gt; {lang compare}</div>
<h2 class="bor-gray ct-title warp"><span class="l blue">{$doc['title']}</span><a href="{$setting['seo_prefix']}doc-view-{$doc['did']}{$setting['seo_suffix']}" target="_self" class="r font14">{lang backDoc}</a></h2>

<div class="edition">
	<ul class="l">
	<li>{lang edition}:<label>{$edition[0]['editions']}</label>{lang editTime}:<label>{$edition[0]['time']}</label>{lang creator}:<a href="{$setting['seo_prefix']}user-space-{$edition[0]['authorid']}{$setting['seo_suffix']}">{$edition[0]['author']}</a></li>
		<li>{lang tag}:<!--{loop $edition[0]['tag'] $key $tag}--> <a href="{$setting['seo_prefix']}search-tag-{eval echo urlencode($tag)}{$setting['seo_suffix']}">{$tag}</a> <!--{/loop}--></li>
		<li>{lang docLength}:<label>{$edition[0]['words']}{lang word}</label>{lang image}<label>{$edition[0]['images']}{lang piece}</label></li>
	</ul>
	<ul class="r">
	<li>{lang edition}:<label>{$edition[1]['editions']}</label>{lang editTime}:<label>{$edition[1]['time']}</label>{lang creator}:<a href="{$setting['seo_prefix']}user-space-{$edition[1]['authorid']}{$setting['seo_suffix']}">{$edition[1]['author']}</a></li>
		<li>{lang tag}:<!--{loop $edition[1]['tag'] $key $tag}--> <a href="{$setting['seo_prefix']}search-tag-{eval echo urlencode($tag)}{$setting['seo_suffix']}">{$tag}</a> <!--{/loop}--></li>
		<li>{lang docLength}:<label>{$edition[1]['words']}{lang word}</label>{lang image}<label>{$edition[1]['images']}{lang piece}</label></li>
	</ul>
</div>

<div id="LeftScroll" class="LeftFrame" onscroll="DriveRightScroll()" >
		<span align="left" id="LeftContent">{$edition[0]['content']}</span>
</div>
<div id="RightScroll" class="RightFrame" onscroll="DriveLeftScroll()" >
		<span align="left" id="RightContent">{$edition[1]['content']}</span>
</div>
<script type="text/javascript">CompareById('LeftContent', 'RightContent');</script>
<p class="main l mar-t8"><label class="fanwei"> &nbsp; &nbsp;  &nbsp; &nbsp; </label>{lang compareTip1} <label class="dian"> &nbsp; &nbsp;  &nbsp; &nbsp; </label>{lang compareTip2} </p>
{template footer}