$(document).ready(function() {
                 
                $('a.external').attr('target','_blank');
                                 
                                
                $('#portfolioContent').load('portfolioItems.html #thehaven');
                                  
                $('.portfolioLoad').click(function() {
                                
                                var toLoad = $(this).attr('href');
                                
                                $('#portfolioContent').fadeOut('fast', loadContent);
                                $('#load').remove();
                                $('#itemWrapper').append('<span id="load">LOADING...</span>');
                                $('#load').fadeIn('fast');
                                function loadContent() {
                                                $('#portfolioContent').load(toLoad, '',showNewContent())
                                }
                                
                                function showNewContent() {  
                                        $('#portfolioContent').fadeIn('normal',hideLoader());  
                                }
                                function hideLoader() {
                                                $('#load').fadeOut('slow');
                                }
                                return false;
                                
                });

});