$('document').ready(function() {

    "use strict";

    function cs_rotate(indX) {

        $('.case-study:visible').stop(1, 1).fadeOut(500);
        $('.case-study').eq(indX).stop(1, 1).fadeIn(500);
    }

    // Buttons
    var numOfCs = $('.case-study').size(),
    	i = 1,
    	clicked = 0,
    	buttons = '';
    	
    while (i <= numOfCs) {
        buttons += '<a value=' + i + ' class="cs-change"></a>';
        i += 1;
    }

    $('.case-study:last').after('<div id="cs-change-box" >' + buttons + '</div>');

    $('.case-study').css('display', 'none');
    
    // Init slideshow
    cs_rotate(0);
    
    $('.cs-change:first').addClass('active-cs-change');

    $('.cs-change').click(function() {
        
        // Make sure it's not mid animation
        if($('.case-study').is(':animated')){
            return false;
        }

        $('.cs-change').removeClass('active-cs-change');
        $(this).addClass('active-cs-change');
        
        var indX = $(this).attr('value') - 1;

        if (indX === ($('.case-study:visible').index())) {
            return false;
        }

        cs_rotate(indX); // Change Function
    });
});