$(
    function () { 
        //获得轮播图片列表
        $.ajax(
            {
                type: "post",
                contentType: "application/json",
                url: "Service/RollImageService.asmx/GetRollImages",
                data: "{iLocation:'1'}",
                dataType: "json",
                success: function (json) {
                    //转化成json格式
                    json = eval('(' + json + ')');
                    var domList = "<ul class=\"slideList\">";
                    var domNav = "<ul class=\"slideNav\">";
                    $.each(json.ImageList,function(i,item){
                        domList += "<li><a href='" + item.LinkUrl + "' target=\"_blank\"><img  src='" + item.ImagePath + "' width='392' height='276'></a>";
                        domNav += "<li idx=\""+i.toString()+"\">\r\n<a href=\"javascript:navPic("+i+")\">"+i.toString()+"</a>\r\n</li>";
                    }
                    );
                    domList +="</ul>";
                    domNav +="</ul>"; 
                    $(".slidePic").html(domList+domNav);
                    $("#rollCount").val(json.TotalCount);
                    $(".slideList li").removeClass("current").eq(0).addClass("current");
                    $(".slideNav li").removeClass("current_pic").eq(0).addClass("current_pic");
                }
            }
          ); 
        //获得产品列表
        $.ajax(
            {
                type: "post",
                contentType: "application/json",
                url: "Service/ProductService.asmx/GetList",
                data: "{iTopCount:'5'}",
                dataType: "json",
                success: function (json) {
                    //转化成json格式
                    json = eval('(' + json + ')');
                    var dom = "<ul>";
                    var domDown = "<ul>";
                    //遍历取回的数据，放到dom变量中                 
                    $.each(json.ProductList, function (i, item) {                        
                        //只取前5条记录，由于显示位置原因
                        if(i<5)
                        {
                            dom += "<li><img src='" + item.ImageUrl + "' width='161' height='123' alt='" + item.Title + "' /><p>" + item.Title + "</p></li>";
                            domDown += "<li><img src='" + item.imageLogo + "' width='116' height='50' alt='" + item.Title + "' /><p><a href='" + item.DownPath + "'>" + item.Title + "</a></p><p><a href='" + item.DownPath + "'><img  src=\"Images/btn_downLoad.png\" alt=\"点击下载\" /></a></p></li>";
                        }
                    }
                    );
                    dom += "</ul>";
                    domDown += "</ul>";
                    $("#product").html(dom);
                    $("#gameDownload").html(domDown);
                }
            }
          );
        
        //轮播效果 
        var isAuto = true;
                    
        setInterval(function()
        {
	        if (isAuto)
	        {
		        $(".rightMove").click();		        
	        }
        },3000);

        $(".slidePic").hover(
            function()
            {
                isAuto = false;
            },
            function()
            {
                isAuto = true;
            }
        );
        $(".leftMove").click(
            function()
            {
                var index = parseInt($("#selIndex").val());  
                var rollCount = parseInt($("#rollCount").val());                      
                if(index==0)
                {
                    index = rollCount-1;
                }
                else
                {
                    index--;
                }
                $("#selIndex").val(index);
                $(".slideList li").removeClass("current").eq(index).addClass("current");
                $(".slideNav li").removeClass("current_pic").eq(index).addClass("current_pic");
            }
        );
        
        $(".rightMove").click(
            function()
            {
                var index = parseInt($("#selIndex").val()); 
                var rollCount = parseInt($("#rollCount").val());                       
                if(index==(rollCount-1))
                {
                    index = 0;
                }
                else
                {
                    index++;
                }
                $("#selIndex").val(index);
                $(".slideList li").removeClass("current").eq(index).addClass("current");
                $(".slideNav li").removeClass("current_pic").eq(index).addClass("current_pic");
            }
        ); 
    }
);

function navPic(index)
{
   $("#selIndex").val(index);
   $(".slideList li").removeClass("current").eq(index).addClass("current");
   $(".slideNav li").removeClass("current_pic").eq(index).addClass("current_pic");
}