var SrcPage=0;
var SrcNum=0;
var MarginT=parseInt($(".FreeBoxD ul").css("top"));
var ImgNum=$(".HeroList ul li").length;

function ChangeValue(){
    var m2=parseInt($(".FreeBoxD ul").css("top"));
    var m3=$(".HeroList ul li").length;
    SrcNum=0;
    SrcPage=0;
    for(i=m3;i>=0;i=i-18){
         SrcNum++;
    };
    MarginT=m2;
    ImgNum=m3;
}

$(document).ready(function(){
    GetLOLHero();
    ChangeValue();
    
    //HeroList
    $("#HeroListBut div").click(function() {
        function ImgLoad(){
            for(i=(10*(SrcPage+1)+8);i<(10*(SrcPage+1)+26);i++){
                var SrcUrl=$(".HeroList ul li").eq(i).find("img").attr("srcurl");
                $(".HeroList ul li").eq(i).find("img").attr("src",SrcUrl);
            };
        };
        var ClickBt=$(this).attr("class");
        if(ClickBt=="Down"){
            if(SrcPage<SrcNum-1){
                //ImgLoad();
                SrcPage++;
                $(".HeroList ul").animate({top:(-184*SrcPage)+"px"},200);
            };
        }else if(ClickBt=="Up"){
            if(SrcPage>0){
                SrcPage--;
                $(".HeroList ul").animate({top:(-184*SrcPage)+"px"},200);
            };
        }
    });   
});

function SelectCondition(tar)
{
    if($(tar).attr("checked") == true) {
        $(tar).parent().siblings().find("input").attr("checked", false);
    }
    GetLOLHero();
}


function GetLOLHero1()
{
    //var isCNFree = $("#Hero input")[0].checked;
    //var isUSFree = $("#Hero input")[1].checked;
    var HeroName = $("#HeroKeyword").val();
    HeroName = HeroName == "请在此输入英雄名称"?"":HeroName;
    //var isAll = $("#Hero input")[0].checked;
    //var type1 = $("#Hero input")[1].checked;
    //var type2 = $("#Hero input")[2].checked;
    //var type3 = $("#Hero input")[3].checked;
    //var type4 = $("#Hero input")[4].checked;
    //var type5 = $("#Hero input")[5].checked;
    //var type6 = $("#Hero input")[6].checked;
    //var type7 = $("#Hero input")[7].checked;
    $("#Hero input").attr("checked", false);
    $.getJSON("http://cms2.sgamer.com/Ajax/DisplayLOLHero1?callback=?", { isCNFree: false, isUSFree: false, isAll: false, type1:false, type2:false, type3:false, type4:false, type5:false, type6:false, type7:false, HeroName:HeroName},
        function(data){
            $(".HeroList").html(data);
            ChangeValue();
    });
}

function GetLOLHero()
{
    //var isCNFree = $("#Hero input")[0].checked;
    //var isUSFree = $("#Hero input")[1].checked;
    var HeroName = "";
    //HeroName = HeroName == "请在此输入英雄名称"?"":HeroName;
    var isAll = $("#Hero input")[0].checked;
    var type1 = $("#Hero input")[1].checked;
    var type2 = $("#Hero input")[2].checked;
    var type3 = $("#Hero input")[3].checked;
    var type4 = $("#Hero input")[4].checked;
    var type5 = $("#Hero input")[5].checked;
    var type6 = $("#Hero input")[6].checked;
    var type7 = $("#Hero input")[7].checked;
    
    $.getJSON("http://cms2.sgamer.com/Ajax/DisplayLOLHero1?callback=?", { isCNFree: false, isUSFree: false, isAll: isAll, type1:type1, type2:type2, type3:type3, type4:type4, type5:type5, type6:type6, type7:type7, HeroName:HeroName},
        function(data){
            $(".HeroList").html(data);
            ChangeValue();
    });
}        $(document).ready(function(){
            var t=false;
            var speed=500;
            var h=282;
            var n=$(".actor li").length;
            var c=0;

            $(".PlayButton li:first").attr("class","on");
            
            function cur(ele,currentClass){
                ele=$(ele)?$(ele):ele;
                ele.attr("class","on").siblings().attr("class","off")
            }
            
            function slide(j){
                if($(".actor").is(":animated")==false){
                    c+=j;
                    if(c!=-1&&c!=n){
                        $(".actor").animate({"marginLeft":-c*h+'px'},speed)
                    }
                    else if(c==-1){
                        c=n-1;
                        $(".actor").css({"marginLeft":-(h*(c-1))+"px"});
                        $(".actor").animate({"marginLeft":-(h*c)+"px"},speed)
                    }
                    else if(c==n){
                        c=0;
                        $(".actor").css({"marginLeft":-h+"px"});
                        $(".actor").animate({"marginLeft":0+"px"},speed)
                    }
                    cur($(".PlayButton li").eq(c),"on")
                }
            }
            
            $(".PlayButton li").click(function(){
                c=$( ".PlayButton li" ).index( $(this))
                fade(c);
                cur($(".PlayButton li").eq(c),"on")
            });
            
            function fade(i){
                if($(".actor").css("marginLeft")!=-i*h+'px'){
                    $(".actor").css("marginLeft",-i*h+'px');
                    $(".actor").fadeOut(0,function(){$(".actor").fadeIn(500)})
                }
            }
            
            function start(){
                t=setInterval(function(){slide(1)},3000)
            }
            
            function stopt(){
                if(t)clearInterval(t)
            }

            $(".actor").hover(
                function(){stopt()},
                function(){start()}
            );
            start()
        });