var pid="";
var time1;

$(document).ready(function() {
    //首页
    time1=setInterval("IndexPic()",5000);

    //产品页面
    $(".float_div").css({"height":$(document).height(),"width":$(document).width()});
    
    $(".left_list>a").click(function() {
        var num=1;
        pid=$(this).attr("id");
        $(".float_div").css({"display":""});
        $("#img"+pid+"_1").css({"display":""});

        $("#pro"+pid).css({"left":($(window).width()-$("#pro"+pid).width())/2,"top":($(window).height()-$("#pro"+pid).height())/2,"display":""});
       
       
        
        //关闭窗口
        $("#CloseDiv"+pid).click(function() {
            $(".float_div").css({"display":"none"});
            $(".bigtc").css({"display":"none"});
            $(".pic>ul>li").css({"display":"none"});
            $("#page"+pid).html("1/"+$("#proimg"+pid).find("li").length);
            num=1;
        });
        
        //切换图片向左
        $("#leftimg"+pid).click(function() {
            if(num>1)
            {
                $(".pic>ul>li").css({"display":"none"});
                $("#img"+pid+"_"+(num-1)).css({"display":""});
                
                $("#pro"+pid).css({"left":($(window).width()-$("#pro"+pid).width())/2,"top":($(window).height()-$("#pro"+pid).height())/2});
                num=num-1;
            }
            $("#page"+pid).html(num+"/"+$("#proimg"+pid).find("li").length);
        });
        
        //切换图片向右
        $("#rightimg"+pid).click(function() {
            if(num<$("#proimg"+pid).find("li").length)
            {
                $(".pic>ul>li").css({"display":"none"});
                $("#img"+pid+"_"+(num+1)).css({"display":""});
                
                $("#pro"+pid).css({"left":($(window).width()-$("#pro"+pid).width())/2,"top":($(window).height()-$("#pro"+pid).height())/2});
                num+=1;
            }
            $("#page"+pid).html(num+"/"+$("#proimg"+pid).find("li").length);
        });
        
        
    });  
    
     $(".left_pic_xg>a").click(function() {
        var num=1;
        pid=$(this).attr("id");
        $(".float_div").css({"display":""});
        $("#img"+pid+"_1").css({"display":""});

        $("#pro"+pid).css({"left":($(window).width()-$("#pro"+pid).width())/2,"top":($(window).height()-$("#pro"+pid).height())/2,"display":""});
       
       
        
        //关闭窗口
        $("#CloseDiv"+pid).click(function() {
            $(".float_div").css({"display":"none"});
            $(".bigtc").css({"display":"none"});
            $(".pic>ul>li").css({"display":"none"});
            $("#page"+pid).html("1/"+$("#proimg"+pid).find("li").length);
            num=1;
        });
        
        //切换图片向左
        $("#leftimg"+pid).click(function() {
            if(num>1)
            {
                $(".pic>ul>li").css({"display":"none"});
                $("#img"+pid+"_"+(num-1)).css({"display":""});
                $("#pro"+pid).css({"left":($(window).width()-$("#pro"+pid).width())/2,"top":($(window).height()-$("#pro"+pid).height())/2});
                num=num-1;
            }
            $("#page"+pid).html(num+"/"+$("#proimg"+pid).find("li").length);
        });
        
        //切换图片向右
        $("#rightimg"+pid).click(function() {
            if(num<$("#proimg"+pid).find("li").length)
            {
                $(".pic>ul>li").css({"display":"none"});
                $("#img"+pid+"_"+(num+1)).css({"display":""});
                $("#pro"+pid).css({"left":($(window).width()-$("#pro"+pid).width())/2,"top":($(window).height()-$("#pro"+pid).height())/2});
                num+=1;
            }
            $("#page"+pid).html(num+"/"+$("#proimg"+pid).find("li").length);
        });
        
        
    });  
        
    
//     $(window).scroll(function(){ 
//         $(".distzh2").css({"top":($(window).scrollTop()+($(window).height()-$(".distzh2").height())/2)}); 
//     }) ;
     
});

//页面头部幻灯片效果
IndexPic=function (){
    $(".left_pic>ul").animate({opacity:0},1000,function() {
        $(this).find("li:first").appendTo(this);
        $(".left_pic>ul").animate({opacity:1},1000);
        
//        $(".left_pic>ul>li").attr("id","");
//        $(".left_pic>ul>li:eq("+num+")").attr("id","top_conbtli");
//        if(num==$(".top_conbt>ul>li").length-1)
//        {
//            num=0;
//        }
//        else
//        {
//            num=num+1;
//        }
    });  
}