$(function(){


    $("#connect .header").each(function(){
        var header=this;
        
        header.repos=function(){
            var sct=$(window).scrollTop();

            var ost=$(header).offset().top;
            if(sct>ost ){
                $(header).addClass("fixed");
            }else{
                $(header).removeClass("fixed");
            }

        }
        
        $(window).bind("resize",header.repos);
        $(window).bind("scroll",header.repos);
        header.repos();


        $(".menubtn a",this).bind("click",function(){
            if( !$("body").hasClass("openMenu") ){
             $(".menu",header)[0].open();
            }else{
                $(".menu",header)[0].close();
            }
        });

        $(".mainmenu a",this).each(function(){
            $(this).bind("click",function(){
                $(".menu",header)[0].close();
            });
        })
        
        

        $(".menu",this).each(function(){
            var menu=this;

            menu.open=function(){
                $("body").addClass("openMenu");
                $(".menubtn a",header).html("Close");
               menu.repos(600);
           }

            menu.close=function(){
                 $("body").removeClass("openMenu");
                 $(".menubtn a",header).html("Menu");
                menu.repos(600);
            }
            
            menu.repos=function(dur){

                if( $("body").hasClass("openMenu") ){
                    var sct=$(window).scrollTop();

                    var ost=$(header).offset().top;
    
                    var hH= ost-sct;
                    if(hH<0)hH=0;
    
                    var h=window.innerHeight - hH - $(header).height() ;


                    $(menu).stop(true).animate({height:h},dur,"easeOutQuart");
                }else{
                    $(menu).stop(true).animate({height:0},dur,"easeOutQuart");
                }
             
                
    
              
                
            }
            
            $(window).bind("resize",function(){
                menu.repos(0);
            });
            // $(window).bind("scroll",function(){
            //     menu.repos(0);
            // });
            menu.repos(0);
    
        })



    })

    
    



})