!{header.html}
<!--main-->
<div id="homeMain">
	<div class="contentPage">
		<div class="contentMain">
			<div class="crumb">@{sys:crumb}</div>
			<div class="clear"></div>
			<!--{Content type="vote"}-->
			<h3 class="title">${title}</h3>
			<table class="voteTable" align="center" cellspacing="0" cellpadding="0" width="100%">
			<!--{item}-->
			<tr id="${id}">
			<td class="item" width="400">${item}</td>
			<td style="text-align:left;" width="150"><div class="votenum" value="${number}"></div></td>
			<td class="number">${number}</td>
			</tr>
			<!--{/item}-->
			</table>
			<!--{/Content}-->
			<div class="clear"></div>
		</div>
		<div class="sideNav">
			<div class="sideBlock">
				<div class="sideTitle">@{text:HotNews}</div>
				<ul>
				<!--{List type="article" sort="7" specialid="0" number="8" titlelength="16"}-->
				<li><a href="${url}">${title}</a></li>
				<!--{/List}-->
				</ul>
			</div>
			<div class="sideBlock"></div>
		</div>
	</div>
	<div class="clear"></div>
</div>
<script language="JavaScript">
<!--
$(document).ready(function(){	
	var totalnumber=0;
	$.each($(".votenum"),function(i,obj){
		totalnumber+=parseInt($(obj).attr("value"));
	});
	if (totalnumber>0)
	{
		$.each($(".votenum"),function(i,obj){
			var num = parseInt($(obj).attr("value"));
			var width = num/totalnumber*150;
			var r=(i+1)*10+20;
			var g=(i+1)*30+40;
			var b=(i+1)*50+80;
			if(r>255){r=255;}if(g>255){g=255;}if(b>255){b=255;}
			$(obj).css("width",parseInt(width));
			$(obj).css("background-color","rgb("+r+","+g+","+b+")");
		});
	}
});
//-->
</script>
!{footer.html}