Work carousel efficiency
With help from @Ingo I got it down to the following, which I think is better.

var innerWork = $('div.indexWorkDetailsInner');
var innerImg = $('div.indexMonitorWork img');

// Add the active class to the first element
innerWork.first().addClass('active');
innerImg.first().addClass('active');

function workAnimate(direction){

    var signOne, signTwo;

    if(direction === "right" ) { signOne = '-'; signTwo = ''; }
    if(direction === "left" ) { signOne = ''; signTwo = '-'; }

    innerWork.not('.active').css({'left': signOne + '450px'}); // Move the not active text to the left
    innerImg.not('.active').css({'left': signOne + '370px'}); // Move the not active images to the left

    // Animate the active element off the screen
    innerWork.filter('.active').stop().animate({'left' : signTwo + '450px'}, 1000, function () {

        $(this).removeClass('active').css({'left': signOne + '450px'}); // Remove the active class, and move element back to the left
        if(direction === "right" ) {
            $(this).next(innerWork).animate({'left' : '0px'}, 1000).addClass('active'); // Animate the next element in to view
            innerWork.filter(':last').after(innerWork.filter(':first')); // Move the last element to after the first
        } else {
            innerWork.filter(':first').before(innerWork.filter(':last')); // Move the first element before the last item
            $(this).prev(innerWork).animate({'left' : '0px'}, 1000).addClass('active'); // Animate the next element in to view
        }
    });

    // Animate the active element off the screen
    innerImg.filter('.active').stop().animate({'left' : signTwo + '370px'}, 1000, function () {

        $(this).removeClass('active').css({'left': signOne + '370px'}); // Remove the active class, and move element back to the left
        if(direction === "right" ) {
            $(this).next(innerImg).animate({'left' : '0px'}, 1000).addClass('active'); // Animate the next element in to view
            innerImg.filter(':last').after(innerImg.filter(':first')); // Move the last element to after the first
        } else {
            innerImg.filter(':first').before(innerImg.filter(':last')); // Move the first element before the last item
            $(this).prev(innerImg).animate({'left' : '0px'}, 1000).addClass('active'); // Animate the previous element in to view
        }
    });
}

// Next Button Click
$('div#indexWorkRight').on('click', function() {
    workAnimate('right');
});

// Previous Button Click
$('div#indexWorkLeft').on('click', function() {
    workAnimate('left');
});