function ready() {

    viewStaff.init();


}


var viewStaff = {

    init: function() {
    
        $('#content-body').append('<div id="staff-information"><div id="info"></div><img id="staff-image" alt="" /></div>');
        
       
        
        
        $('#staff li').click(function() {
            
            $(this).parent().find('.active').removeClass('active');
            
            $(this).addClass('active');
            
            var staffInfo = $(this).find('.details').html();
            
            var staffImage = $(this).find('img').attr('src');
            
            
            $('#staff-information').fadeOut(500, function() {
                
                
                
                $(this)
                    .find('img')
                        .attr({ src: staffImage})
                        .show()
                .parent()
                    .find('#info')
                        .html(staffInfo)
                .parent()    
                    .fadeIn(500);
                
            
            });
        
        });
        
        $('#staff li:first').click();
    
    }


}