<%@ page language="java" import="java.util.Locale,java.text.SimpleDateFormat,java.util.Calendar" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type='text/javascript' src='<%=request.getContextPath()%>/Letousky/jsp/js/jquery-1.4.2.js'></script>
	<style type='text/css'>
		.kag_information{
			width:271px;
			height:310px;
			margin-bottom:5px;
			overflow:hidden;
		}
		.kag_title{
			width:100%;
			height:30px;
			font:bold 12px arial;
			background:url('../../vote/img/btt_01.gif') no-repeat left top;
		}
		.head_not{
			float:left;
			color:#444545;
			line-height:30px;
			margin-left:10px;
			width:115px;
			height:30px;
		}
		
		.kag_title a{
			width:45px;
			height:30px;
			display:block;
			float:right;
			margin:0px 5px 0 0px;
			background:url('../../vote/img/sx.gif') no-repeat left center;
		}
		.kag_head{
			display:block;
			float:left;
			width:269px;
			height:21px;
			border-left:1px #e0e0e0 solid;
			border-right:1px #e0e0e0 solid;
		}
		.kag_head span{
			width:auto;
			height:21px;
			line-height:21px;
			text-align:center;
			float:left;
			display:block;
		}
		.tp{
			border-bottom:1px #e0e0e0 solid;
		}
		.kag_information ul li span{
			display:block;
			text-align:center;
			line-height:26px;
		}
		.t1{
			width:86px;
			height:26px;
			float:left;
		}
		.t2{
			width:160px;
			_width:152px;
			height:26px;
			float:right;
		}
		span.t2 span{
			width:20px;
			height:24px;
			display:block;
			float:left;
			text-align:center;
		}
		.kag_information div.loading{
			width:270px;
			height:320px;
			overflow:hidden;
			background-color:#fff;
			position:relative;
			z-index:9999;
			display:block;
		}
		.kag_information div.loading span.loadImg{
			width:75px;
			height:75px;
			margin:60px 0 0 100px;
			display:block;
			background:url('../../vote/img/01.gif') no-repeat;
		}
		.kag_information ul li{
			width:269px;
			height:26px;
			float:left;
			overflow:hidden;
			display:block;
			cursor:pointer;
		}
		.kag_information ul li.top1{
			width:269px;
			height:55px;
			background:url(../../vote/img/information_bg.jpg) no-repeat;
		}
		.kag_information ul li.top1 span.t2 span{
			width:24px;
			height:24px;
			margin:8px 0 0 3px;
			font:bold 12px arial;
			padding-top:10px;
			color:#fff;
			background:url('../../vote/img/kag24.jpg') no-repeat center center;
		}
		.kag_information ul li.top1 span.t1{
			font:bold 12px arial;
			color:#444444;
			_margin-top:15px;
		}
	
		.kag_information ul li.top1 span.t1,
		.kag_information ul li.top1 span.t2{
			height:57px;
			line-height:57px;
			_height:26px;
			_line-height:26px;
		}
		.zoushi ul li{
			width:105px;
			height:26px;
			float:left;
			line-height:26px;
			margin:2px 0 0 5px;
			padding-left:20px;
			background:url('../../vote/img/zoushi_bg.jpg') no-repeat left center;
		}
		.zoushi ul li a{
			color:#000;
		}
		.kag_information ul.zj_list li{
			width:71px;
			height:26px;
			display:block;
			float:left;
			cursor:pointer;
			font:12px Arial;
			color:#444444;
			line-height:26px;
			margin-left:5px;
		}
		
		
		.kag_information ul.zj_list li.mouse_o{
			width:71px;
			height:26px;
			display:block;
			font:bold 12px Arial;
			color:#fff;
			line-height:26px;
			text-align:center;
			background:url('../../vote/img/tou_2.jpg') no-repeat;
		}
		
		.winning_tab{
			width:269px;
			height:auto;
			font:12px Arial;
			color:#444444;
			margin:0px;
			border-bottom:1px #e0e0e0 solid;
		}
		.winning_tab td{
			text-align:center;
			height:23px;
		}
		.kag_title ul.wninng_head{
			width:100%;
			background:url('../../vote/img/tab_ul_bg.png') repeat;
			height:30px;
			border:0px;
		}
	.kag_title ul.wninng_head li.mouse_lis{
			float:left;
			width:67px;
			_width:67px;
			text-align:center;
			color:#0f3f94;
			border-right:1px;
			display:block;
		}
		.kag_title ul.wninng_head li.mouse_lis b{
			width:67px;
			_width:65px;
			height:25px;
			line-height:25px;
			display:block;
			background:url('../../vote/img/tab_lia_bg.png') no-repeat right center;
		}
		.kag_title ul.wninng_head .mouse_lio{
			width:67px;
			_width:65px;
			height:25px;
			line-height:25px;
			display:block;
			text-align:center;
			background:url('') #fff;
			color:#000;
		}
		.red{
			color:#f30;
			font:12px Arial;
		}
		.pc,.cs{
			width:20px;
			height:13px;
			color:#fff;
			display:block;
			font:12px Arial;
			margin-left:25px;
		}
		.pc{
			background:url('../../vote/img/sub_ico.png') no-repeat 3px -113px;
		}
		.cs{
			background:url('../../vote/img/sub_ico.png') no-repeat 3px -87px;
		}
		.kag_information ul{
			border:1px #e0e0e0 solid;
			
		}
		ul.kag_num li{
			padding-top:5px;
		}
	</style>
</head>
	<body>
		<div class='kag_information'>
			<div class='kag_title'><span class='head_not'>11选5最新开奖信息</span><a href="javascript:lately_burse()"></a></div>
			<div class='kag_head'>
				<span style='width:86px;'>期次</span><span style='width:175px;float:right'>开奖</span>
			</div>
			<div class='loading'><span class='loadImg'></span></div>
			<ul class='kag_num'>
   					
   			</ul>
		</div>
		<div class='kag_information' style='height:350px;'>
			<div class='kag_title'><span class='head_not'>走势图表</span></div>
			<div class='zoushi'>
				<ul style='width:269px'>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://116.213.75.168/chart/chart_sz.shtml?LotID=21406&ChartID=20052&StatType=0&MinIssue=2011011349&MaxIssue=2011012129&IssueTop=500&ChartType=1&tab=1" target='_blank'>开奖号码分布图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20012&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>和尾类型走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20002&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>综合走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20013&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>跨尾类型走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20003&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>定位置走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20014&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>均尾类型走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20004&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>奇偶走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=21001&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>尾数分布图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20005&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>大小走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=21002&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>间距分布图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20006&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>质和走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=21003&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>区间分布图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20007&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>012路走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=21203&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>红恩螺旋走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20008&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>号码个数走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=21204&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>号码行列统计表</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20009&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>和值走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=21205&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>同出号码统计表</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20010&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>跨度走势图</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=21206&StatType=0&MinIssue=&MaxIssue=&IssueTop=30&IssueTop=30" target='_blank'>相生相克统计表</a></li>
					<li><a href="<%=request.getContextPath()%>/Letousky/vote/11x5/chartMap/index.jsp?url=http://www.wozhongla.com/chart/chart_sz.shtml?LotID=21406&ChartID=20011&StatType=0&MinIssue=2011012762&MaxIssue=2011012826&IssueTop=30&tab=0" target='_blank'>平均值走势图</a></li>
				</ul>
			</div>
		</div>
		<div class='kag_information' style='height:325px;width:271px;_width:269px;'>
			<div class='kag_title'><span class='head_not'>中奖排行</span></div>
			<div class='kag_title' style='background:none;border:0px;height:30px;'>
				<ul class='wninng_head'> 
					<li class='mouse_lio' x='0' onmouseover="mouseor(this)"><b>今日</b></li>
					<li class='mouse_lis' x='1' onmouseover="mouseor(this)"><b>昨日</b></li>
					<li class='mouse_lis' x='2' onmouseover="mouseor(this)"><b>本周</b></li>
					<li class='mouse_lis' x='3' onmouseover="mouseor(this)"><b>月榜</b></li>
				</ul>
			</div>
			<div style='float:left;border:1px #e0e0e0 solid;width:269px;height:auto;'>
			<table class='winning_tab' cellspacing='0' cellpadding='0'>
				<tr>
					<td width='73'>排名</td>
					<td width='97'>用户名</td>
					<td width='96'>中奖金额</td>
				</tr>
				<tbody class='tab0 tby'>
					<tr><td><span class='cs'>1</span></td><td>xiaofeng</td><td><em class="red">12,400</em>元</td></tr>
					<tr><td><span class='cs'>2</span></td><td>小花啦</td><td><em class="red">9,200</em>元</td></tr>
					<tr><td><span class='cs'>3</span></td><td>happy_scott</td><td><em class="red">4,862</em>元</td></tr>
					<tr><td><span class='pc'>4</span></td><td>mrydload</td><td><em class="red">1,300</em>元</td></tr>
					<tr><td><span class='pc'>5</span></td><td>start</td><td><em class="red">1,105</em>元</td></tr>
					<tr><td><span class='pc'>6</span></td><td>zhongjiang</td><td><em class="red">7,52</em>元</td></tr>
					<tr><td><span class='pc'>7</span></td><td>caisheng</td><td><em class="red">5,46</em>元</td></tr>
					<tr><td><span class='pc'>8</span></td><td>yishengjincai</td><td><em class="red">4,50</em>元</td></tr>
					<tr><td><span class='pc'>9</span></td><td>youstyle</td><td><em class="red">4,26</em>元</td></tr>
					<tr><td><span class='pc'>10</span></td><td>彩票混混</td><td><em class="red">1,68</em>元</td></tr>
				</tbody>
			</table>
			<table class='winning_tab'  cellspacing='0' cellpadding='0' style='display:none'>
				<tr>
					<td width='73'>排名</td>
					<td width='97'>用户名</td>
					<td width='96'>中奖金额</td>
				</tr>
				<tbody class='tab1 tby'>
					<tr><td><span class='cs'>1</span></td><td>tingting</td><td><em class="red">10,128</em>元</td></tr>
					<tr><td><span class='cs'>2</span></td><td>kevinTan</td><td><em class="red">7,150</em>元</td></tr>
					<tr><td><span class='cs'>3</span></td><td>join</td><td><em class="red">7,105</em>元</td></tr>
					<tr><td><span class='pc'>4</span></td><td>marry</td><td><em class="red">5,300</em>元</td></tr>
					<tr><td><span class='pc'>5</span></td><td>罗新华</td><td><em class="red">3,152</em>元</td></tr>
					<tr><td><span class='pc'>6</span></td><td>peter</td><td><em class="red">1,325</em>元</td></tr>
					<tr><td><span class='pc'>7</span></td><td>Liudings</td><td><em class="red">8,30</em>元</td></tr>
					<tr><td><span class='pc'>8</span></td><td>qazwsx</td><td><em class="red">3,265</em>元</td></tr>
					<tr><td><span class='pc'>9</span></td><td>任立刚</td><td><em class="red">1,90</em>元</td></tr>
					<tr><td><span class='pc'>10</span></td><td>牛人</td><td><em class="red">1,20</em>元</td></tr>
				</tbody>
			</table>
			<table class='winning_tab'  cellspacing='0' cellpadding='0' style='display:none'>
				<tr>
					<td width='73'>排名</td>
					<td width='97'>用户名</td>
					<td width='96'>中奖金额</td>
				</tr>
				<tbody class='tab2 tby'>
					<tr><td><span class='cs'>1</span></td><td>atracin</td><td><em class="red">112,248</em>元</td></tr>
					<tr><td><span class='cs'>2</span></td><td>TeachearZhao</td><td><em class="red">75,150</em>元</td></tr>
					<tr><td><span class='cs'>3</span></td><td>lijinjin</td><td><em class="red">52,320</em>元</td></tr>
					<tr><td><span class='pc'>4</span></td><td>小李探彩</td><td><em class="red">48,400</em>元</td></tr>
					<tr><td><span class='pc'>5</span></td><td>Amy_</td><td><em class="red">41,560</em>元</td></tr>
					<tr><td><span class='pc'>6</span></td><td>Helen</td><td><em class="red">36,108</em>元</td></tr>
					<tr><td><span class='pc'>7</span></td><td>liujianjun</td><td><em class="red">27,190</em>元</td></tr>
					<tr><td><span class='pc'>8</span></td><td>xswujm</td><td><em class="red">25,600</em>元</td></tr>
					<tr><td><span class='pc'>9</span></td><td>Mr_Lilang</td><td><em class="red">19,520</em>元</td></tr>
					<tr><td><span class='pc'>10</span></td><td>Sharh</td><td><em class="red">12,264</em>元</td></tr>
				</tbody>
			</table>
			<table class='winning_tab'  cellspacing='0' cellpadding='0' style='display:none'>
				<tr>
					<td width='73'>排名</td>
					<td width='97'>用户名</td>
					<td width='96'>中奖金额</td>
				</tr>
				<tbody class='tab3 tby'>
					<tr><td><span class='cs'>1</span></td><td>彩票老张</td><td><em class="red">175,200</em>元</td></tr>
					<tr><td><span class='cs'>2</span></td><td>快乐123</td><td><em class="red">164,450</em>元</td></tr>
					<tr><td><span class='cs'>3</span></td><td>龙舟</td><td><em class="red">160,532</em>元</td></tr>
					<tr><td><span class='pc'>4</span></td><td>huhua</td><td><em class="red">158,730</em>元</td></tr>
					<tr><td><span class='pc'>5</span></td><td>凌风</td><td><em class="red">152,184</em>元</td></tr>
					<tr><td><span class='pc'>6</span></td><td>Andy_Tan</td><td><em class="red">143,100</em>元</td></tr>
					<tr><td><span class='pc'>7</span></td><td>atracin</td><td><em class="red">112,248</em>元</td></tr>
					<tr><td><span class='pc'>8</span></td><td>疯狂购彩</td><td><em class="red">84,230</em>元</td></tr>
					<tr><td><span class='pc'>9</span></td><td>TeachearZhao</td><td><em class="red">75,150</em>元</td></tr>
					<tr><td><span class='pc'>10</span></td><td>pongxing</td><td><em class="red">60,124</em>元</td></tr>
				</tbody>
			</table>
			</div>
		</div>
	</body>
</html>

<script type='text/javascript'>
function latest_Winning(tm){

	$.ajax({
		url:'<%=request.getContextPath()%>/dlcSelectFiveAction.do?action=latestWinning&day='+tm+'&r='+Math.random(),
		type:'GET',
		success:function(winning){
				
				var wn=eval("("+winning+")");
				
					var items=wn.items;
			
					var o=0,t=0,r=0,f=0;
		
						
					$('.tby').eq(tm).empty();
				
					for(var k=0;k<items.length-1;k++){
						
						var s='pc';
						if(tm==0){
						
							o++;o<=3?s='cs':s='pc';
							$('.tab0').append('<tr><td><span class='+s+'>'+o+'</span></td><td>'+decodeURI(items[k].name)+'</td><td><em class="red">'+items[k].price+'</em>元</td></tr>');
						}
						if(tm==1){
						
							t++;t<=3?s='cs':s='pc';
							$('.tab1').append('<tr><td><span class='+s+'>'+t+'</span></td><td>'+decodeURI(items[k].name)+'</td><td><em class="red">'+items[k].price+'</em>元</td></tr>');
						}
						if(tm==2){
						
							r++;r<=3?s='cs':s='pc';
							$('.tab2').append('<tr><td><span class='+s+'>'+r+'</span></td><td>'+decodeURI(items[k].name)+'</td><td><em class="red">'+items[k].price+'</em>元</td></tr>');
						}
						if(tm==3){
							f++;f<=3?s='cs':s='pc';
							$('.tab3').append('<tr><td><span class='+s+'>'+f+'</span></td><td>'+decodeURI(items[k].name)+'</td><td><em class="red">'+items[k].price+'</em>元</td></tr>');
						}
						
					}
			}
		});
		
}


function winning_load(){
	for(var l=0;l<4;l++){
		latest_Winning(l);
	}
}
//winning_load();

this.mouseor=function(_this){
		$('.wninng_head li').removeClass('mouse_lio').addClass('mouse_lis');
		$(_this).removeClass('mouse_lis').addClass('mouse_lio');
		var x=parseInt($(_this).attr('x'));
		$('.winning_tab').hide();
		$('.winning_tab').eq(x).show();
	}
	//最近开奖
function lately_burse(){
	$('.loading').show();
	$.ajax({
		url:'<%=request.getContextPath()%>/dlcSelectFiveAction.do?action=latelyAward&r='+Math.random(),
		type:'GET',
		contentType:'application/x-www-form-urlencoded;charset=UTF-8',
		error:function(){alert("服务器连接失败，请重试！");},
		success:function(burse){
		
			var bs=eval("("+burse+")"),
				items=bs.items;
				var li='';
				$(".kag_information>ul").empty();
				
			for(var i=0;i<items.length-1;i++){
				var ise=items[i].issue.substring(2,8).concat(items[i].issue.substring(8,items[i].issue.length)),
					time=items[i].goTime.substring(4,6)+"-"+items[i].goTime.substring(6,8);
				var code=items[i].code.replace(/[\/]/g," ");
					codes=code.split(' ');
					var sp='';
					var cls='';
					if(i==0){
						cls='top1';
					}else{
						cls='tp';
					}
					for(var s=0;s<codes.length;s++){
					
							i==0?sp+='<span>'+codes[s]+'</span>':sp+='<span>'+codes[s]+'</span>';
	
					}
			 		li='<li class='+cls+' onclick="kag_num_click(this)"><span class="t1" >'+ise+'期</span><span class="t2">'+sp+'</span></li>';
			 		$(li).appendTo($(".kag_information>ul"));
					$('.loading').hide(); 		
			}
			
		}
		
	})

	setTimeout("lately_burse()",60000);	
}

	
	lately_burse();
this.mouse=function(_this){

	var node=_this.parentNode.children;

	for(var i=0;i<node.length;i++){
		node[i].className='';
		$('#winning_tab').eq(i).hide();
		if(node[i]==_this){
			
			$('#winning_tab').eq(i).css("display","block");
		}
	}
	_this.className='mouse_o';
	
}


this.kag_num_click=function(_this){
	$(_this).siblings().removeClass('top1').addClass('tp');
	$(_this).removeClass('tp').addClass('top1');
	
}
</script>