//滚动组件调用
$('#dowebok').fullpage({

    anchors: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
    navigation: true,
    //	afterrender:function(){
    //		$("#fp-nav ul").append('<a href="#1" class="topicon"></a>');
    //	},
    afterload: function (anchorlink, index) {
        if (index == 1) {
            $('.headdiv').stop().animate({ top: 0 }, 500);
        } else {
            $('.headdiv').stop().animate({ top: -110 }, 500);
        }
        if (index == 1) { b1in(); }
        if (index == 2) { b2in(); }
        if (index == 3) { b3in(); }
        if (index == 4) {  b3in_1();}
        if (index == 5) { b3in_2(); }
        if (index == 6) { b4in(); }
        if (index == 7) { b4injia(); }
        if (index == 8) { b5in(); }
        if (index == 9) { b6in(); }

    },
    onleave: function (index, nextindex, direction) {

        //进入第一屏
        if (index == 2 && direction == 'up') {
            b1in();
        }
        //离开第一屏
        if (index == '1') {
            b1out();
        }

        //进入第二屏
        if ((index == 1 && direction == 'down') || (index == 3 && direction == 'up')) {
            b2in();
        }
        //离开第二屏
        if (index == '2') {
            b2out();
        }

        //进入第三屏
        if ((index == 2 && direction == 'down') || (index == 4 && direction == 'up')) {
            b3in();
        }
        //离开第三屏
        if (index == '3') {
            b3out();
        }

        //进入第四屏
        if ((index == 3 && direction == 'down') || (index == 5 && direction == 'up')) {
            b3in_1();
        }
        //离开第四屏
        if (index == '4') {
            b3out_1();
        }

        //进入第五屏
        if ((index == 4 && direction == 'down') || (index == 6 && direction == 'up')) {
            b3in_2();
        }
        //离开第五屏
        if (index == '5') {
            b3out_2();
        }






        //进入第六屏
        if ((index == 5 && direction == 'down') || (index == 7 && direction == 'up')) {
            b4in();
        }
        //离开第六屏
        if (index == '6') {
            b4out();
        }

        //进入第七屏
        if ((index == 6 && direction == 'down') || (index == 8 && direction == 'up')) {

            settimeout(function () {
                b4injia();
            }, 600);
        }
        //离开第六屏
        if (index == '7') {

            settimeout(function () {
                b4outjia();
            }, 500);

        }




        //进入第八屏
        if ((index == 7 && direction == 'down') || (index == 9 && direction == 'up')) {
            b5in();
        }
        //离开第八屏
        if (index == '8') {
            b5out();
        }

        //进入第九屏
        if (index == 8 && direction == 'down') {
            b6in();
        }
        //离开第九屏
        if (index == '9') {
            b6out();
        }


    }
    




});

  



//初始化
$("#fp-nav ul li").removeclass("on").eq(0).addclass("on");
b1in();





function b1in(){
	$("#fp-nav ul li").removeclass("on").eq(0).addclass("on");
	$(".box1 .pic").animate({bottom:"0%",opacity:"show"},1000);
	settimeout(function(){
	 	$(".box1 .info .txt1").animate({left:"0%",opacity:"show"},800);
		$(".box1 .info .txt2").animate({right:"0%",opacity:"show"},800);
		settimeout(function(){
			settimeout(function(){
				numshow6();
			},600);
	 		$(".box1 .info .btn").animate({top:"0%",opacity:"1"},800);
		},800);
	},300);
}
function b1out(){
	$(".box1 .pic").animate({bottom:"100%",opacity:"hide"},300);
	$(".box1 .info .txt1").animate({left:"-150px",opacity:"hide"},300);
	$(".box1 .info .txt2").animate({right:"-100px",opacity:"hide"},300);
	$(".box1 .info .btn").animate({opacity:"0"},300);
	$(".box1 .pic .n").fadeout();
}

function b2in(){
	$("#fp-nav ul li").removeclass("on").eq(1).addclass("on");
	numshow();
	settimeout(function(){
	$(".indexpart2 .list .li01").animate({left:"0",opacity:"show"},1000);	
	$(".indexpart2 .list .li02").animate({top:"0",opacity:"show"},1000);
	$(".indexpart2 .list .li03").animate({right:"0",opacity:"show"},1000);
	},1000);
}
function b2out(){
	$(".indexpart2 .list .li01").animate({left:"-10px",opacity:"hide"},300);
	$(".indexpart2 .list .li02").animate({top:"-10px",opacity:"hide"},300);
	$(".indexpart2 .list .li03").animate({right:"-10px",opacity:"hide"},300);
}



function b3in(){
	$("#fp-nav ul li").removeclass("on").eq(2).addclass("on");
	settimeout(function(){
	$(".indexpart3 .list li").animate({top:"0",opacity:"show"},1000);
	$(".indexpart3 .btndiv").animate({top:"0",opacity:"show"},1000);
	}, 1000);

	
}
function b3out(){
	$(".indexpart3 .list li").animate({top:"-10px",opacity:"hide"},300);
	$(".indexpart3 .btndiv").animate({top:"-10px",opacity:"hide"},300);
}


function b3in_1(){
	$("#fp-nav ul li").removeclass("on").eq(3).addclass("on");
	settimeout(function(){
	$(".indexpart4_l").animate({left:"0",opacity:"show"},1000);
	$(".indexpart4_r").animate({right:"0",opacity:"show"},1000);
	$(".indexpart4 .btndiv").animate({top:"0",opacity:"show"},1000);
	},1000);
}
function b3out_1(){
	$(".indexpart4_l").animate({left:"-10px",opacity:"hide"},300);
	$(".indexpart4_r").animate({right:"-10px",opacity:"hide"},300);
	$(".indexpart4 .btndiv").animate({top:"-10px",opacity:"hide"},300);
}

function b3in_2(){
	$("#fp-nav ul li").removeclass("on").eq(4).addclass("on");
	settimeout(function(){
	$(".indexpart5box .box11").animate({left:"0",opacity:"show"},1000);
	$(".indexpart5box .box22").animate({right:"0",opacity:"show"},1000);
	$(".indexpart5box .box33").animate({left:"0",opacity:"show"},1000);
	$(".indexpart5box .box44").animate({right:"0",opacity:"show"},1000);
	},1000);
}
function b3out_2(){
	$(".indexpart5box .box11").animate({left:"-10px",opacity:"hide"},300);
	$(".indexpart5box .box22").animate({right:"-10px",opacity:"hide"},300);
	$(".indexpart5box .box33").animate({left:"-10px",opacity:"hide"},300);
	$(".indexpart5box .box44").animate({right:"-10px",opacity:"hide"},300);
}

function b4in(){
	$("#fp-nav ul li").removeclass("on").eq(5).addclass("on");
	settimeout(function(){
	$(".indexform .form").animate({left:"0",opacity:"show"},1000);
	$(".indexcontact").animate({right:"0",opacity:"show"},1000);
	},1000);
}
function b4out(){
	$(".indexform .form").animate({left:"-10px",opacity:"hide"},300);
	$(".indexcontact").animate({right:"-10px",opacity:"hide"},300);
}

function b4injia(){
	$("#fp-nav ul li").removeclass("on").eq(6).addclass("on");
	$(".box4jia .pic p.n2").animate({left:"0",opacity:"show"},800);
	settimeout(function(){
		$(".box4jia .pos").animate({left:"0",opacity:"1"},800);
	 	$(".box4jia .pic p.n3").animate({left:"0",opacity:"show"},800);
		settimeout(function(){
			$(".box4jia .pic .hd").fadein();
		},800);
	},500);
}
function b4outjia(){
	$(".box4jia .pic p.n2").animate({left:"-340px",opacity:"hide"},100);
	$(".box4jia .pic p.n3").animate({left:"-200px",opacity:"hide"},100);
	$(".box4jia .pos").animate({left:"-30px",opacity:"0"},300);
	$(".box4jia .pic .hd").fadeout(100);
}

function b5in(){
	$("#fp-nav ul li").removeclass("on").eq(7).addclass("on");
	$(".picbox").animate({top:"0",opacity:"show"},1200);
	$(".box5 .info2").animate({bottom:"0%",opacity:"show"},1200);
}
function b5out(){
	$(".picbox").animate({top:"-20%",opacity:"hide"},300);
	$(".box5 .info2").animate({bottom:"-40%%",opacity:"hide"},300);
}

function b6in(){
	$("#fp-nav ul li").removeclass("on").eq(8).addclass("on");
	$(".box6 li").eq(0).fadein(800);
	settimeout(function(){
		$(".box6 li").eq(1).animate({left:"0",opacity:"show"},800);
	},500);
}
function b6out(){
	$(".box_dia").fadeout();
	settimeout(function(){
		$(".box6 li.n2").animate({left:"-482px",opacity:"hide"},300);
	},500);
	
}


$(".box_dia .tabs b").click(function () {
	var tabs = $(this).parents(".tabs").find("b");
	var panels =$(this).parents(".box_dia").find(".tmain");
	var title =$(this).parents(".box_dia").find(".tit").find("span");
	var index = $.inarray(this, tabs);
	tabs.removeclass("on").eq(index).addclass("on");
	panels.hide().eq(index).show();
	title.hide().eq(index).show();
});
$(".box6 li").click(function () {
	var tabs = $(this).parent("ul").find("li");
	var num = $(this).parents(".page6").find(".tabs").find("b");
	var panels =$(this).parents(".page6").find(".tmain");
	var title =$(this).parents(".page6").find(".tit").find("span");
	var index = $.inarray(this, tabs);
	tabs.removeclass("on").eq(index).addclass("on");
	panels.hide().eq(index).show();
	title.hide().eq(index).show();
	num.removeclass("on").eq(index).addclass("on");
	$(".box_dia").fadein();
});
$(".box6 li").hover(function(){
	$(this).siblings().addclass("mohu2");
	$(this).siblings().stop().animate({opacity:"0.3"},500);
},function(){
	$(this).siblings().removeclass("mohu2");
	$(this).siblings().stop().animate({opacity:"1"},300);
});

//逐个出现
function numshow(){
var startindex = 0;
var maxindex = $(".box2 .pic img").length;
var index = startindex;
var menushow = setinterval(function(){
    if(index > maxindex){
        clearinterval(menushow);
    }
	$(".box2 .pic img").eq(index).animate({opacity:"show"},1000);
	index++;
},100);
}



//$(".page3 .btn .n1").click(function(){
//		$(".box").fadeout();	
//		settimeout(function(){
//	 		$(".box3_1").fadein();	
//		},300);
//		
//});
//$(".page3 .btn .n2").click(function(){
//		$(".box").fadeout();		
//		settimeout(function(){
//	 		$(".box3_2").fadein();	
//		},300);	
//});
//$(".page3 .btn .n3").click(function(){
//		$(".box").fadeout();		
//		settimeout(function(){
//	 		$(".box3_3").fadein();	
//		},300);	
//});


$(".box4 .btn a.n1").click(function(){
		$(".box4").fadeout();
		settimeout(function(){
	 		$(".box4_dia1").fadein();
			$(".box4_dia1 .info").animate({left:"0px",opacity:"show"},1000, 'easeoutexpo');
			$(".box4_dia1 .pic").animate({right:"0px",opacity:"show"},1000, 'easeoutexpo');
		},300);	
});
$(".box4_dia1 .back").click(function(){
		$(".box4_dia1").fadeout();
		$(".box4_dia1 .info").animate({left:"-20%",opacity:"hide"},300);
		$(".box4_dia1 .pic").animate({right:"-20%",opacity:"hide"},300);
		settimeout(function(){
	 		$(".box4").fadein();
		},300);	
});

$(".box4 .btn a.n2").click(function(){
		$(".box4").fadeout();
		settimeout(function(){
	 		$(".box4_dia2").fadein();
			$(".box4_dia2 .info").animate({left:"0px",opacity:"show"},1000, 'easeoutexpo');
			$(".box4_dia2 .pic").animate({left:"0px",opacity:"show"},1000, 'easeoutexpo');	
		},300);	
});
$(".box4_dia2 .back").click(function(){
		$(".box4_dia2").fadeout();
		$(".box4_dia2 .info").animate({left:"10%",opacity:"hide"},300);
		$(".box4_dia2 .pic").animate({left:"10%",opacity:"hide"},300);
		settimeout(function(){
	 		$(".box4").fadein();
		},300);	
});

$(".picbox .dian b").hover(function () {
	$(".box5 .info2").fadeout();
	var tabs = $(this).parent(".dian").find("b");
	var panels =$(this).parents(".picbox").find(".img");
	var title =$(this).parents(".picbox").find(".txt");
	var index = $.inarray(this, tabs);
	tabs.animate({opacity:"0.5"},300);
	tabs.eq(index).animate({opacity:"1"},300);
	panels.hide().eq(index).fadein();
	title.hide().eq(index).fadein();
},function(){
	$(".box5 .info2").fadein();
	var tabs = $(this).parent(".dian").find("b");
	var panels =$(this).parents(".picbox").find(".img");
	var title =$(this).parents(".picbox").find(".txt");
	var index = $.inarray(this, tabs);
	tabs.animate({opacity:"1"},300);
	panels.hide();
	title.hide();
});

//$(".picbox .dian b.n3").hover(function () {
//	$(".picbox .pic .g3").show();
//	settimeout(function(){
//	 	$(".picbox .pic .g3 .n").show();
//	},500);	
//},function(){
//	$(".picbox .pic .g3 .n").hide();
//	$(".picbox .pic .g3").hide();
//});


//逐个出现
function numshow6(){
var startindex = 0;
var maxindex = $(".box1 .pic .n").length;
var index = startindex;
var menushow = setinterval(function(){
    if(index > maxindex){
        clearinterval(menushow);
    }
	$(".box1 .pic .n").eq(index).animate({opacity:"show"},1000);
	index++;
},100);
}

//逐个出现
function numshow7(){
var startindex = 0;
var maxindex = $(".box3_2 .pic .n").length;
var index = startindex;
var menushow = setinterval(function(){
    if(index > maxindex){
        clearinterval(menushow);
    }
	$(".box3_2 .pic .n").eq(index).animate({opacity:"show"},1000);
	index++;
},300);
}

//逐个出现
function numshow5(){
var startindex = 0;
var maxindex = $(".box3_3 .pic .n").length;
var index = startindex;
var menushow = setinterval(function(){
    if(index > maxindex){
        clearinterval(menushow);
    }
	$(".box3_3 .pic .n").eq(index).animate({opacity:"show"},800);
	index++;
},100);
}


function wrap(){
	var winwidth =$(window).width();
	var winheight =$(window).height();
	$(".box2,.box4,.box4_dia1,.box3_1,.box3_3").height(winheight);
	//$(".box3_3").height($(".box3_3 .pic img").height());
}
wrap();
$(window).resize(function() {
wrap();
});
	
$(".box1 .b1").click(function(){
	$(".sppage").fadein();
	var html = $(this).attr("alt");
	$(".sphtml").load(html);
});
$(".sppage .close").click(function(){
	location.href = 'fengmofang.html';  
});
$(".box1 .b2").click(function(){
	$(".slide").fadein();
});
$(".slide .close").click(function(){
	location.href = 'fengmofang.html';  
});