$(document).ready(function(){



        $('.fadein').click(function(e){
                // Make the id overview show
                $('#header-portfolio').fadeIn('slow');                       
                $('#header-info').fadeOut('slow');
                $('#content-portfolio').show('slow');
                $('#content-info').fadeOut('slow');
                $('#me').fadeOut('slow');

                // override default a behavior
                e.preventDefault();
              
        });

        $('.fadein2').click(function(e){
                // Make the id overview show
                $('#header-portfolio').fadeOut('slow');                       
                $('#header-info').fadeIn('slow');
                $('#content-portfolio').fadeOut('slow');
                $('#content-info').fadeIn('slow');
                $('#me').fadeIn('slow');

                // override default a behavior
                e.preventDefault();
              
        });

        $('.fadein3').click(function(e){
                // Make the id overview show
                $('#header-portfolio').fadeOut('slow');                       
                $('#header-info').fadeOut('slow');
                $('#content-portfolio').fadeOut('slow');
                $('#content-info').fadeOut('slow');
                $('#me').fadeOut('slow');

                // override default a behavior
                e.preventDefault();
              
        });

        $('.fadein4').click(function(e){
                // Make the id overview show
                $('#contact').fadeIn('slow');
                // override default a behavior
                e.preventDefault();
              
        });

        $('.close').click(function(e){
                // Make the id overview show
                $('#contact').fadeOut('slow');
                // override default a behavior
                e.preventDefault();
              
        });

});