$(document).foundation();

$(window).on('load', function() {


    $(".loader").fadeOut( 2000, function() {

    })


});

$(document).ready(function(){

    Off_TOP();//判斷Nav是否在

    $(window).resize(function() {

        Off_TOP();//判斷Nav是否在

    });

    function Off_TOP(){

        if( $("nav").css("display") == "none" ){

        }else{

            HeaderNav();
        }

        if( $("nav").css("display") == "none" && $(".navwow").css("display","none") ){
            $(".Header_Login > button").removeClass("login_door");
            $(".Header_Login > button").addClass("fi-list");
            $(".Header_Login > button").html("");

        }else{
            $(".Header_Login > button").removeClass("fi-list");
            $(".Header_Login > button").addClass("login_door");
                        $(".Header_Login > button").html("LOGIN");
                    }
    }

    function HeaderNav(){

            if ($(this).scrollTop() > 100 ){
                $(".navwow").fadeIn( "slow", function() {

                    $(".navwow").css("display","flex");

                })

            }else{
                $(".navwow").fadeOut( "slow", function() {
                    $(".navwow").css("display","none");

                })
            }
    }

    $(window).scroll(function() {


        if( $("nav").css("display")=="block" ){

            HeaderNav();

        }



    })




    $('#scene').parallax({
      calibrateX: false,
      calibrateY: false,
      invertX: true,
      invertY: true,
      limitX: false,
      limitY: 10,
      scalarX: 3,
      scalarY: 3,
    });


    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: false,
        live: true
    });
    wow.init();


    $("#gotop").click(function(){

        $("html,body").animate({scrollTop:0},900);
        return false;


    })

    $(".planbox").hover(function(){

        $(this).children("div.plan_select").animate({
            height: "60px"
          }, 200, function() {

            $(this).children("a.button").fadeIn("fast");
         });

    }, function() {

        $("div.plan_select").children("a.button").fadeOut("fast");
        $("div.plan_select").animate({
                height: "0px"
              }, 200, function() {


        });



    })



})