<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TW.UI.Default" %>


<!DOCTYPE html>
<html>
<head lang="en">
<title><%=config.IndexTitle%></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="<%=config.IndexKeywords%>"/>
<meta name="description" content="<%=config.IndexDescription%>"/>
<meta http-equiv=X-UA-Compatible content=IE=EmulateIE9 />
<script type="text/javascript" src="/static/card/js/configweb.js"></script>
    <link rel="stylesheet" href="/static/card/css/public.css" />
    <link rel="stylesheet" href="/static/card/css/index.css" />
    <script type="text/javascript" src="/static/card/js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="/static/card/js/koala.min.1.5.js"></script>
    <script type="text/javascript" src="/static/card/js/tools.js"></script>
    <script type="text/javascript" src="/static/card/js/jquery.downCount.js"></script>
    <script type="text/javascript" src="/static/card/js/jquery.superslide.js"></script>
</head>
<script type="text/javascript">
    function autoScroll_lost(obj) {
        $(obj).animate({
            marginTop: "-70px"
        }, 500, function () {
            $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
        })
    }
    function autoScroll_news(obj) {
        $(obj).find("li:first").animate({
            marginTop: "-25px"
        }, 500, function () {
            $(this).parent().find("li:first").css({ marginTop: "0px" }).appendTo($(this).parent());
        })
    }

    $(function () {
        $(".hot-game li").hover(function () {
            $(this).find(".game-img").css("top", "0px")
        }, function () {
            $(this).find(".game-img").css("top", "-240px")
        });
        $(".letter-ul li").click(function () {

        });

        setInterval('autoScroll_lost(".lost-list")', 5000);
        setInterval('autoScroll_news(".news-list")', 5000);

        $(".recommend-list-s li").hover(function () {
            $(this).find(".buy").css("top", "0px")
        }, function () {
            $(this).find(".buy").css("top", "140px");
        });

        $(".letter-ul li").click(function () {
            var letter = $(this).attr("data-value");
            $(".letter-ul li").removeClass("current");
            $(this).addClass("current");
            if (letter != "0") {
                $(".default-game").show();
                $.post(
        				'?act=searchlettergm',
        				{ firstWord: letter },
        				function (data, textStatus, jqXHR) {
        				    $('#indexFirstWordGameInfos').children('li').remove();
        				    var htmlStr = "";
        				    var num = 0;
        				    $('#indexFirstWordGameInfos').html("");
        				    for (var o in data) {
        				        htmlStr += "<li><a href='/productlist?proid=" + data[o].id + "' target='_blank'>" + data[o].name + "</a></li>";
        				        num++;
        				    }
        				    if (num == 0) {
        				        htmlStr = "<p style='color: #F38C06; font-size: 14px; margin-top: 20px; margin-left: 50px; line-height: 30px;'>未查询到游戏... </p>";
        				    }
        				    $('#indexFirstWordGameInfos').append(htmlStr);
        				},
        				'json'
        		);
            } else {
                $(".default-game").hide();
            }
        });

        $(document).bind("click", function (e) {
            var target = $(e.target);
            if (target.parents(".letter-ul").length == 0 && target.closest("#indexFirstWordGameInfos").length == 0) {
                $('#indexFirstWordGameInfos').hide();
                $(".letter-ul li").removeClass("current");
                $(".letter-ul li:first").addClass("current");
            }
        });

        $(".hot-game-box .game-ul ul li").hover(function () {
            $(this).stop(true).animate({ width: "900px" }, 500).siblings().stop(true).animate({ width: "100px" }, 500);
            $(".hot-game-box .game-ul ul li").removeClass("current");
            $(this).addClass("current");
        });

        $(".type-ul li").click(function () {
            $(".type-ul li").removeClass("current");
            $(this).addClass("current");
            $('#indexOperatorHotGames').children('li').remove();
            var letter = $(this).attr("data-value");
            $.post(
    				'?act=populergame',
    				{ operatorName: letter },
    				function (data, textStatus, jqXHR) {
    				    var htmlStr = "";
    				    for (var o in data) {
    				        if (o >= 4) {
    				            break;
    				        }
    				        if (0 == o) {
    				            htmlStr += "<li class='current' style='width: 900px;'>";
    				        } else {
    				            htmlStr += "<li>";
    				        }
    				        htmlStr += "<a href='/productlist.aspx?proid=" + data[o].id + "' target='_blank'>";
    				        htmlStr += "<img class='game-img' src='/uploads/?" + data[o].bigimgpath + "_900x300.jpg' ></a><div class='game-title-box'><a class='game-name' href='/productlist.aspx?proid=" + data[o].id + "' target='_blank'>" + data[o].name + "</a></div></li>"

    				    }
    				    $('#indexOperatorHotGames').append(htmlStr);
    				    $(".hot-game-box .game-ul ul li").hover(function () {
    				        $(this).stop(true).animate({ width: "900px" }, 500).siblings().stop(true).animate({ width: "100px" }, 500);
    				        $(".hot-game-box .game-ul ul li").removeClass("current");
    				        $(this).addClass("current");
    				    });
    				},
    				'json'
    		);
        })

    });

    function checkService(checkType, value) {
        if (null == value || "" == value) {
            alert("请输入验证内容")
            return;
        }

        $.post(
				'?act=verfoffici',
				{ checkType: checkType, checkValue: value },
				function (data, textStatus, jqXHR) {
				    if (data.success) {
				        if ('QQ' == checkType) {
				            alert('该QQ号为官方QQ,请放心交易');
				        } else if ('微信' == checkType) {
				            alert('该微信号为官方微信,请放心交易');
				        } else if ('网址' == checkType) {
				            alert('该网址为官方网址,请放心交易');
				        }
				    } else {
				        if ('QQ' == checkType) {
				            alert("该QQ号是假冒QQ,请勿交易");
				        } else if ('微信' == checkType) {
				            alert('该微信号是假冒微信,请勿交易');
				        } else if ('网址' == checkType) {
				            alert('该网址是假冒网址,请勿交易');
				        }
				    }
				},
				'json'
		);
    }

    function seckillClick(goodsId) {
        window.open("/goodsview.aspx?id=" + goodsId, "_blank");
    }

</script>
<body>
<TW:Header ID="Header1" runat="server" />

<div class="content">
    <div class="container clearfix">
        <div class="nav-list pull-left">
            <div class="box-title"><i class="icon icon-card"></i>&nbsp;充值卡</div>
            <div class="box-content">
                <asp:Literal ID="litDP_CZKSHtml" runat="server"></asp:Literal>
            </div>
            <div class="box-title"><i class="icon icon-sd"></i>&nbsp;盛大游戏</div>
            <div class="box-content">
                <asp:Literal ID="litDP_SDYXHtml" runat="server"></asp:Literal>
            </div>
            <div class="box-title"><i class="icon icon-tx"></i>&nbsp;腾讯游戏</div>
            <div class="box-content">
                <asp:Literal ID="litDP_TXYXHtml" runat="server"></asp:Literal>
            </div>
            <div class="box-title"><i class="icon icon-wm"></i>&nbsp;完美游戏</div>
            <div class="box-content">
                <asp:Literal ID="litDP_WMYXHtml" runat="server"></asp:Literal>
            </div>
        </div>
        <div class="slider-box pull-left" id="slider-box">
            <div class="pic-box" id="pic-box">
                <asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                <div class="pic-item">
                    <a href="<%#Eval("Url") %>" target="_blank">
                       	<img class="item-img" alt="<%#Eval("Title") %>" src="/uploads/?<%#Eval("Thumb") %>_720x320.jpg" />
                    </a>
                </div>
                </ItemTemplate>
                </asp:Repeater>
            </div>
            <div class="slider-dot">
                <div class="dot-btn" id="dot-btn">
                    <asp:Literal ID="litBannerIcon" runat="server"></asp:Literal>
                </div>
            </div>
            <span class="prev"></span>
            <span class="next"></span>
        </div>
        <div class="recharge-box pull-right clearfix integrity">
			<a href="<%=config.ZSShowUrl %>" target="_blank" class="integrity-link pull-left">
				<p class="integrity-icon integrity-icon-b"></p>
				<p class="integrity-text">
					工商执照
				</p>
			</a>
			<a href="<%=config.ZSShowUrl %>" target="_blank"  class="integrity-link pull-left">
				<p class="integrity-icon integrity-icon-c"></p>
				<p class="integrity-text">
					ICP备案
				</p>
			</a>
			<a href="<%=config.ZSShowUrl %>" target="_blank"  class="integrity-link pull-left">
				<p class="integrity-icon integrity-icon-a"></p>
				<p class="integrity-text">
					文网文
				</p>
			</a>
			<a href="<%=config.ZSShowUrl %>" target="_blank"  class="integrity-link pull-left">
				<p class="integrity-icon integrity-icon-d"></p>
				<p class="integrity-text">
					认证联盟
				</p>
			</a>
			<a href="<%=config.ZSShowUrl %>" target="_blank"  class="integrity-link pull-right" style="margin-right: 3px;">
				<p class="integrity-icon integrity-icon-e"></p>
				<p class="integrity-text">
					查看详情
				</p>
			</a>
        </div>
        <div class="notice-box pull-right">
            <div class="index-head">
                <a class="notice-nav notice-nav-cur pull-left">站内公告</a>
                <a class="notice-nav pull-left">产品公告</a>
                <a href="/news.aspx" class="more" target="_blank">更多<i class="icon icon-more"></i></a>
            </div>
            <div class="news-box-show">
            	<ul class="news-top">
                        <asp:Repeater ID="rptTop2ZNGGNews" runat="server">
                        <ItemTemplate>
                   	    <li>
	                        <div class="title">
	                        	<a href="/newsview.aspx?id=<%#Eval("Id") %>" target="_blank" style="color: #ea4444;"><%#Eval("Title") %></a>
	                    	</div>
	                        <div class="time pull-right"><%#((DateTime)(Eval("AddTime"))).ToString("MM-dd") %></div>
                		</li>
                        </ItemTemplate>
                        </asp:Repeater>
            	</ul>
                <ul class="news-list">
                        <asp:Repeater ID="rptOtherZNGGNews" runat="server">
                        <ItemTemplate>
                   	    <li>
                            <div class="title"><a href="/newsview.aspx?id=<%#Eval("Id") %>" target="_blank"><%#Eval("Title") %></a></div>
                            <div class="time"><%#((DateTime)(Eval("AddTime"))).ToString("MM-dd") %></div>
                    	</li>
                        </ItemTemplate>
                        </asp:Repeater>
                </ul>
            </div>
            <div class="news-box-show" style="display: none;">
            	<ul class="news-top">
                        <asp:Repeater ID="rptTop2CPGGNews" runat="server">
                        <ItemTemplate>
                   	    <li>
	                        <div class="title">
	                        	<a href="/newsview.aspx?id=<%#Eval("Id") %>" target="_blank" style="color: #ea4444;"><%#Eval("Title") %></a>
	                    	</div>
	                        <div class="time pull-right"><%#((DateTime)(Eval("AddTime"))).ToString("MM-dd") %></div>
                		</li>
                        </ItemTemplate>
                        </asp:Repeater>
            	</ul>
                <ul class="news-list">
                        <asp:Repeater ID="rptOtherCPGGNews" runat="server">
                        <ItemTemplate>
                   	    <li>
                            <div class="title"><a href="/newsview.aspx?id=<%#Eval("Id") %>" target="_blank"><%#Eval("Title") %></a></div>
                            <div class="time"><%#((DateTime)(Eval("AddTime"))).ToString("MM-dd") %></div>
                    	</li>
                        </ItemTemplate>
                        </asp:Repeater>
                </ul>
            </div>
        </div>
        <div class="ad-box pull-left" >
        	
			<div class="outer links" id="links">
			<ul class="inner slideContainer" id="slideContainer">
                <asp:Repeater ID="Repeater2" runat="server">
                <ItemTemplate>
				<li>
                    <a href="/productlist.aspx?proid=<%#Eval("Id") %>">
                        <img src="/uploads/?<%#Eval("Thumb") %>_240x140.jpg" alt="">
                    </a>
                </li>
                </ItemTemplate>
                </asp:Repeater>
			</ul>
			<span class="left-btn link_prev" id="link_prev"></span>
			<span class="right-btn link_next" id="link_next"></span>	
		</div>
        </div>
        <div class="service-box pull-right">
            <ul class="tab-ul clearfix">
                <li class="current">QQ验证</li>
                <li>微信验证</li>
                <li>网址验证</li>
            </ul>
            <div class="tab-div" style="display: block">
                <ul>
                    <li>请输入QQ验证号码：</li>
                    <li><input id="checkQQId" type="text" class="input-text" /></li>
                    <li><button class="default-btn" type="button" onclick="checkService('QQ',$('#checkQQId').val())";>验 证</button></li>
                </ul>
            </div>
            <div class="tab-div">
                <ul>
                    <li>请输入微信验证号码：</li>
                    <li><input id="checkWeChatId" type="text" class="input-text" /></li>
                    <li><button class="default-btn" type="button" onclick="checkService('微信',$('#checkWeChatId').val())";>验 证</button></li>
                </ul>
            </div>
            <div class="tab-div">
                <ul>
                    <li>请输入网址：</li>
                    <li><input id="checkURLId" type="text" class="input-text" /></li>
                    <li><button class="default-btn" type="button" onclick="checkService('网址',$('#checkURLId').val())";>验 证</button></li>
                </ul>
            </div>
        </div>
        <div class="content-left pull-left">
            <div class="all-game">
                <div class="index-head clearfix">
                    <p class="head-title pull-left">游戏列表</p>
                    <ul class="letter-ul pull-right clearfix">
                        <li class="current" data-value="0">热</li>
                        <li data-value="A">A</li>
                        <li data-value="B">B</li>
                        <li data-value="C">C</li>
                        <li data-value="D">D</li>
                        <li data-value="E">E</li>
                        <li data-value="F">F</li>
                        <li data-value="G">G</li>
                        <li data-value="H">H</li>
                        <li data-value="I">I</li>
                        <li data-value="J">J</li>
                        <li data-value="K">K</li>
                        <li data-value="L">L</li>
                        <li data-value="M">M</li>
                        <li data-value="N">N</li>
                        <li data-value="O">O</li>
                        <li data-value="P">P</li>
                        <li data-value="Q">Q</li>
                        <li data-value="R">R</li>
                        <li data-value="S">S</li>
                        <li data-value="T">T</li>
                        <li data-value="U">U</li>
                        <li data-value="V">V</li>
                        <li data-value="W">W</li>
                        <li data-value="X">X</li>
                        <li data-value="Y">Y</li>
                        <li data-value="Z">Z</li>
                    </ul>
                </div>
                <div class="game-list">
                    <ul class="hot-game clearfix">
                        <asp:Literal ID="litGmLstHot" runat="server"></asp:Literal>
                    </ul>
                    <ul id="indexFirstWordGameInfos" class="default-game clearfix">
                        
                    </ul>
                </div>
            </div>
            <div class="type-card clearfix">
                <div class="index-head"><p class="head-title"></p></div>
                <div class="card-title pull-left">
                    <asp:Literal ID="litDP_ClsProInfoTit1" runat="server"></asp:Literal>
                </div>
                <ul class="card-list pull-left">
                    <asp:Literal ID="litDP_ClsProInfoCont1" runat="server"></asp:Literal>
                </ul>
            </div>
            <div class="type-card clearfix">
                <div class="index-head"><p class="head-title"></p></div>
                <div class="card-title pull-left">
                    <asp:Literal ID="litDP_ClsProInfoTit2" runat="server"></asp:Literal>
                </div>
                <ul class="card-list pull-left">
                    <asp:Literal ID="litDP_ClsProInfoCont2" runat="server"></asp:Literal>
                </ul>
            </div>
             <div class="type-card clearfix">
                <div class="index-head"><p class="head-title"></p></div>
                <div class="card-title pull-left">
                    <asp:Literal ID="litDP_ClsProInfoTit3" runat="server"></asp:Literal>
                </div>
                <ul class="card-list pull-left">
                    <asp:Literal ID="litDP_ClsProInfoCont3" runat="server"></asp:Literal>
                </ul>
            </div>
            <div class="lost-box clearfix">
                <div class="index-head"><p class="head-title"></p></div>
                <div class="lost-title pull-left">失物招领</div>
                <ul class="lost-list pull-left">
                    <asp:Repeater ID="rptLost" runat="server" 
                        onitemdatabound="rptLost_ItemDataBound">
                    <ItemTemplate>
                    <li>
	                    <div class="order-no mglft30px">
                            订单号：<%#Eval("OrdNo")%><p>【<%#Convert.ToByte(Eval("Status")) == 0 ? "未认领" : "认领"%>】</p>
	                    </div>
	                    <div class="goods-name mglft30px">商品：<asp:Literal ID="litGoodsTit" runat="server"></asp:Literal></div>
	                    <div class="buyer mglft30px">购买人：<asp:Literal ID="litNickUserName" runat="server"></asp:Literal></div>
	                    <div class="lost-info mglft30px"><%#Eval("Remarks")%>阿斯达斯的飒沓岁的撒旦撒打算</div>
                        <asp:Literal ID="litKFQQ" runat="server"></asp:Literal>
	                    
                    </li>
                    </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
            <div class="daily-box clearfix">
                <div class="index-head"><p class="head-title">今日促销</p></div>
                <ul class="daily-list">
                    <asp:Repeater ID="rptCX" runat="server">
                    <ItemTemplate>
                    <li>
	                    <div class="daily-info">
	                        <p class="info-name"><a href="/goodsview.aspx?id=<%#Eval("Id") %>" target="_blank"><%#Eval("Title") %></a></p>
	                        <p>低至</p>
	                        <i class="icon icon-down-orange"></i>
	                        <p class="info-money">￥<%#Eval("PTPrice")%></p>
	                    </div>
	                    <a href="/goodsview.aspx?id=<%#Eval("Id") %>" target="_blank"><img class="daily-img" src="/uploads/?<%#Eval("Thumb")%>_500x300.jpg" /></a>
                    </li>
                    </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <div class="content-right pull-right">
            <div class="news-box">
                <div class="index-head">
                    <p class="head-title">新闻动态</p>
                    <a href="/news.aspx" class="more" target="_">更多<i class="icon icon-more"></i></a>
                </div>
                <ul class="news-top">
                    <asp:Repeater ID="rptImptNews" runat="server">
                    <ItemTemplate>
                   	<li>
	                    <div class="title">
	                    	<a href="/newsview.aspx?id=<%#Eval("Id") %>" target="_blank" style="color: #ea4444;"><%#Eval("Title") %></a>
	                	</div>
	                    <div class="time pull-right"><%#((DateTime)(Eval("AddTime"))).ToString("MM-dd") %></div>
                	</li>
                    </ItemTemplate>
                    </asp:Repeater>
            	</ul>
                <ul class="news-list">
                    <asp:Repeater ID="rptNews" runat="server">
                    <ItemTemplate>
                    <li>
	                    <div class="title"><a href="/newsview.aspx?id=<%#Eval("Id") %>" target="_blank"><%#Eval("Title") %></a></div>
	                    <div class="time"><%#((DateTime)(Eval("AddTime"))).ToString("MM-dd") %></div>
                    </li>
                    </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>

            <div class="recharge-info">
                <div class="index-head">
                    <p class="head-title">最新充值信息</p>
                </div>
                <ul class="goods-list">
                    <asp:Repeater ID="rptNewestGds" runat="server">
                    <ItemTemplate>
                    <li>
	                    <span class="goods-name">
	                    	<a href="/goodsview.aspx?id=<%#Eval("Id") %>" target="_bank"><%#Eval("Title") %></a>
	                    </span>
                    	<span class="goods-price">￥<%#Eval("PTPrice")%></span>
                    </li>
                    </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
			 <div class="seckill-box">
                <div class="index-head">
                    <p class="head-title">今日秒杀</p>
                </div>
                <div class="seckill-pic">
                	<a href="javascript:seckillClick('<%=msgdsid %>');">
                        <asp:Image ID="imgMS" runat="server" />
                    </a>
                </div>
                <p class="seckill-price">
                    特价：￥<asp:Literal ID="litMSPrice" runat="server"></asp:Literal>
                    <del>原价￥<asp:Literal ID="litOrgPrice" runat="server"></asp:Literal></del>
                </p>
                <div class="countdown-box" onclick="seckillClick('<%=msgdsid %>');">
                    <div class="disable">
                        秒杀结束
                    </div>

                    <label>&nbsp;&nbsp;&nbsp;倒计时：</label>
                    <ul class="countdown">
                        <li>
                            <span class="hours">00</span>
                        </li>
                        <li class="seperator">:</li>
                        <li>
                            <span class="minutes">00</span>
                        </li>
                        <li class="seperator">:</li>
                        <li>
                            <span class="seconds">00</span>
                        </li>
                    </ul>
                </div>
            </div>
			  
		 
        </div>
        <div class="recommend-box pull-left">
            <div class="index-head">
                <p class="head-title">点卡推荐</p>
            </div>
            <ul class="recommend-list-b clearfix">
                <asp:Literal ID="litDP_GoodsRec" runat="server"></asp:Literal>
            </ul>
            <ul class="recommend-list-s clearfix">
                
            </ul>
        </div>
        <div class="hot-game-box pull-left clearfix">
            <div class="index-head clearfix">
                <p class="head-title pull-left">热门游戏</p>
                <ul class="type-ul pull-right clearfix">
                    <asp:Literal ID="litPopulGameTit" runat="server"></asp:Literal>
                </ul>
            </div>
            <div class="game-ul">
                <ul id="indexOperatorHotGames">
                    <asp:Literal ID="litPopulGameCont" runat="server"></asp:Literal>
                </ul>
            </div>
        </div>
        <div class="credit-box"></div>
    </div>
</div>

<TW:Footer ID="Footer1" runat="server" />
</body>

<script class="source" type="text/javascript">
    //倒计时
    if ("<%=msrq %>" != "") {
        $('.countdown').downCount({
            date: '<%=msrq %>',
            offset: +8
        }, function () {
            $('.countdown-box').find(".disable").show();
            $('.countdown-box').removeAttr("onclick");
        });
    }
    //首页轮播
    Qfast.add('widgets', { path: "/static/card/js/terminator2.2.min.js", type: "js", requires: ['fx'] });
    Qfast(false, 'widgets', function () {
        K.tabs({
            id: 'slider-box',   //焦点图包裹id
            conId: "pic-box",  //大图域包裹id
            tabId: "dot-btn",
            tabTn: "a",
            conCn: '.pic-item', //大图域配置class
            auto: 1,   //自动播放 1或0
            effect: 'fade',   //效果配置
            eType: 'click', // 鼠标事件
            pageBt: true, //是否有按钮切换页码
            bns: ['.prev', '.next'], //前后按钮配置class
            interval: 3000  //停顿时间
        })
    });
    $(".notice-nav").click(function () {
        $(this).addClass("notice-nav-cur").siblings().removeClass("notice-nav-cur");
        $(".news-box-show").eq($(this).index()).show().siblings(".news-box-show").hide();
    });
</script>
<script type="text/javascript">

    $(function () {
        $(".outer").on("mousemove", function () {
            $(".left-btn").show().siblings(".right-btn").show();
        })
        $(".outer").on("mouseout", function () {
            $(".left-btn").hide().siblings(".right-btn").hide();
        })
        var slideContainer = $('#slideContainer'), c = 1, s_w = 242.5 * c, counts_l = 0, counts_r = 0, maxCounts = slideContainer.find('li').size() - 0, gameOver = true, slideCounts = 6, sTimer;
        $('#link_prev').on('click', function () {
            clearInterval(sTimer);
            if (gameOver) {
                gameOver = false;
                counts_l++;
                slideContainer.animate({
                    left: '+=' + s_w
                }, 500, function () {
                    gameOver = true;
                    slideContainer.animate({
                        left: '-=' + s_w
                    }, 0);
                    var html = '';
                    slideContainer.find('li:gt(' + (maxCounts - c - 1) + ')').each(function () {
                        html += '<li>' + $(this).html() + '</li>';
                    });
                    slideContainer.find('li:gt(' + (maxCounts - c - 1) + ')').remove();
                    slideContainer.html(html + slideContainer.html());
                });
            }
        });
        $('#link_next').on('click', function () {
            clearInterval(sTimer);
            link_next_event();
        });
        function link_next_event() {
            if (gameOver) {
                gameOver = false;
                counts_r++;
                slideContainer.animate({
                    left: '-=' + s_w
                }, 500, function () {
                    gameOver = true;
                    slideContainer.animate({
                        left: '+=' + s_w
                    }, 0);
                    slideContainer.find('li:lt(' + c + ')').clone().appendTo(slideContainer);
                    slideContainer.find('li:lt(' + c + ')').remove();
                });
            }
        }
        lastCLiHtml();
        slideContainer.find('li:gt(' + (maxCounts - 1) + ')').remove();
        function lastCLiHtml() {
            var html = '';
            slideContainer.find('li:gt(' + (maxCounts - c - 1) + ')').each(function () {
                html += '<li>' + $(this).html() + '</li>';
            });
            slideContainer.html(html + slideContainer.html()).css({
                'margin-left': -s_w + 'px'
            });
        }
        var l_hover = false, m_hover = false, r_hover = false;
        $('#links').on({
            'mouseover': function () {
                m_hover = true;
                clearInterval(sTimer);
            },
            'mouseout': function () {
                m_hover = false;
                isStartGo();
            }
        });
        $('#link_next, #link_prev').on('mouseout', function () {
            l_hover = false;
            r_hover = false;
            isStartGo();
        })
        $('#link_next, #link_prev').on('mouseover', function () {
            l_hover = true;
            r_hover = true;
            clearInterval(sTimer);
        })
        function isStartGo() {
            var st = setTimeout(function () {
                if (!l_hover && !m_hover && !r_hover) {
                    setInverterTimer();
                }
            }, 1000);
        }

    });
       </script>
</html>

