jQuery(document).ready(function(){
    jQuery('#circle1_content').show();
    jQuery('#circle1').addClass('currentCircle');
    var circleContents = new Array('1','2','3','4');
    jQuery('.circle').click(function(){
        jQuery('#tailor-loader').fadeIn(100);
        var circle = this.id;
        for (x in circleContents){
            if(jQuery('#circle'+circleContents[x]+'_content').css('display') == 'block'){
                jQuery('#circle'+circleContents[x]+'_content').fadeOut(600, function(){
                    jQuery('#circle'+circle.replace("circle", "")+'_content').fadeIn(1500, function(){
                        jQuery('#tailor-loader').fadeOut(400);
                    });
                });
            }
        }
        
        jQuery('.circle').removeClass('currentCircle');
        jQuery(this).addClass('currentCircle');
        
    });
});