$(function () {

  if ($("#main #mainTransitions").length) {
    intervalId = setInterval("doTransition()", 5000);
  }

  if ($("#main #content #teamProfiles #teamMembers").length) {
    $("#main #content #teamProfiles #teamMembers").css("position", "relative");

    $("#main #content #teamProfiles #teamMembers div").css("position", "absolute");
    $("#main #content #teamProfiles #teamMembers div").css("top", "0");
    $("#main #content #teamProfiles #teamMembers div").css("left", "0");

    $("#main #content #teamProfiles #teamMembers div:first-child").addClass('selected');

    $("#main #teamThumbs ul li:first-child").addClass('current');

    $("#main #teamThumbs ul li").click(function () {
      if ($(this).hasClass('current')) {
        return false;
      }

      var teamMemberId = $(this).attr('class');

      if ($("#" + teamMemberId).hasClass('selected')) {
        return false;
      }

      $("#" + teamMemberId).addClass('next');

      $("#main #content #teamProfiles #teamMembers .selected").fadeOut("fast", function () {
        $(this).removeClass('selected').show();
        $("#" + teamMemberId).removeClass('next').addClass('selected');
      });

      $("#main #teamThumbs ul li").removeClass('current');
      $(this).addClass('current');

      return false;
    });
  }

});

function doTransition(){

  var $active = $('#mainTransitions .transition.active');
  
  if ( $active.length == 0 ) $active = $('#mainTransitions .transition:last');
  
  var $next = $active.next();
  
  if( $next.attr('id') == "logo" || $next.length == 0 ){
    $next = $('#mainTransitions .transition:first');
  }
  
  $active.addClass('last-active');
  
  var nextIsPictureOnly = !$next.find('.text').length; 

  if(  nextIsPictureOnly ){
    $next.hide().addClass('active').fadeIn( 600, function(){
      $active.removeClass('active last-active');
      clearInterval(intervalId);
      intervalId = setInterval( "doTransition()", 2200 );
    });
  } else {
    var $image = $next.find('.image');
    var $text = $next.find('.text');
    $image.hide();
    $text.hide();
    
    $next.hide().addClass('active').fadeIn( 400, function(){
      $image.show("slide", { direction: "left" }, 600);

      $text.show("slide", { direction: "right" }, 600, function(){
        $active.removeClass('active last-active');
        clearInterval(intervalId);
        intervalId = setInterval( "doTransition()", 5000 );
      });
    });
  }
}