jQuery each executes before code inside the each

jQuery each executes before code inside the each

Taking the code below
Why would the entire earch loop execute before the code inside it has been finished?

specifically the FadeTo block.
on line 40 to 46
  1. $this.Shift = function (index) {
  2.             console.log("Shift(): Starting");
  3.             console.log("Shift(): Clicked index " + index);

  5.             $($this.carouItems).each(function () {
  6.                 console.log("Shift(): currentItem index " + this.index);
  7.                 var dif = 0;

  9.                 if (index < activeIndex) {
  10.                     dif = Math.abs(activeIndex - index);

  12.                     console.log("Shift(): Difference " + dif);

  14.                     if (this.index + dif > $this.carouItems.length - 1) {
  15.                         this.index = (((this.index + dif) - 1) - ($this.carouItems.length - 1));
  16.                     }
  17.                     else {
  18.                         this.index = this.index + dif;
  19.                     }
  20.                 }
  21.                 else if (index > activeIndex) {
  22.                     dif = index - activeIndex;

  24.                     console.log("Shift(): Difference " + dif);

  26.                     if (this.index - dif < 0) {
  27.                         this.index = ($this.carouItems.length - Math.abs(this.index - dif));
  28.                     }
  29.                     else {
  30.                         this.index = this.index - dif;
  31.                     }
  32.                 }

  34.                 // Rearrange all items
  35.                 var currentItem = $('#' + this.id),
  36.                     newIndex = this.index;
  37.                 console.log("Shift(): new index " + this.index);
  38.                 

  40.                 currentItem.fadeTo('slow', 0.5, function () {
  41.                     console.log("Shift(): InsideFade " + newIndex);
  42.                     $this.CalculateNewPos(newIndex);
  43.                     $this.CalculateAngle(newIndex);

  45.                     $(this).fadeTo('slow', 1.0);
  46.                 });
  47.                 
  48.             });
  49.             console.log("Shift(): Finished");
  50.         }