var go = true;
var expand = false;
var time = null;

function cycle() {
  if(go) {
    $("ul.showoff" ).each(function () {
      $('.showoff a.project_link:last-child').hide('fast', function() {
        var selfList = $(this).parent();
        $(this).prependTo(selfList).slideDown({duration: 1000, easing: 'easeInOutQuad'});
      });
    });
  };
  time = setTimeout('cycle();', 4000);
}

function expandMachine() {
  go=false;
  $('ul.showoff').animate({top:0}, 1000, function() {
        $('#machine').css('overflow', 'visible');
  });

  var audioHeight = $('ul.showoff li').outerHeight() * $('#music ul.showoff li').size();
  var webHeight = $('ul.showoff li').outerHeight() * $('#web ul.showoff li').size();
  var tallestHeight = Math.max(audioHeight, webHeight);
  $('.shelf').css('overflow', 'visible').addClass('expanded').animate({height:tallestHeight}, 1000);

  $('#web, #music').animate({height:tallestHeight + $('h2.section').outerHeight() }, 1000);
  $('#machine').animate({height: tallestHeight + $('h2.section').outerHeight() }, 1000);
  $('#showcase').scrollFollow({easing: 'easeOutQuad', speed: 300, delay: 50});
};



$(function() {
  _.each(audio_projects, function (project) { $('#music .shelf .showoff').append(project_template(project)); });
  _.each(web_projects, function (project) { $('#web .shelf .showoff').append(project_template(project)); });

  // Pause cycle on item hover
  $('.showoff li').hover(
    function() {
      go=false;
    },
    function() {
      if (!$('ul.showoff').parent('.shelf').hasClass('expanded')) {
        go=true;
      }
    }
  );

  var app = $.sammy(function() {
    this.get('#/', function () {
      if ($('.active').size() > 0) {
        $('a#eject').fadeOut();
        $('.showoff li .details').animate({opacity: 1}, 200);
        $('.showoff a.active .details').animate({left: 0}, 500).parent().parent('a').removeClass('active');
        $('#screen').fadeOut(300);
        $('#spotlight').fadeOut();
        if ($('.shelf').hasClass('expanded')) 
          {go=false;} else {go=true;}
      }
      cycle();
    });

    this.get('#/all', function () {
      $('#viewall').fadeOut();
      setTimeout('cycle();', 0);
      $('.showoff li').stop(true, true);
      expandMachine();
      expand=true;
      go=false;
    });

    this.get('#/:project', function () {
      go=false;
      var link = $('#' + this.params['project']);
      var link_parent = link.parent().parent().parent().attr('id')
      if (!link.hasClass('active')) {
        if (!$('ul.showoff').parent('.shelf').hasClass('expanded')) {
          if (link[0] == $('#' + link_parent + ' .showoff .project_link:first-child')[0]){
            $('#' + link_parent + ' .showoff .project_link:nth-child(2)').insertBefore(link);
          } else if (link[0] != $('#' + link_parent + ' .showoff .project_link:nth-child(2)')[0] && link[0] != $('#' + link_parent + ' .showoff .project_link:nth-child(3)')[0]) {
            link.insertAfter('#' + link_parent + ' .showoff .project_link:first-child');
          }
        }
        $('a#eject').fadeOut();
        $('#screen').fadeIn(600);
        if (time) {
          clearTimeout(time);
        }

        $('.showoff a.active .details').animate({left: 0}, 500).parent().parent('a').removeClass('active');
        link.addClass('active').children('li').children('.details').animate({left: 600}, 600);
        $('.showoff a[class!=active] .details').animate({opacity: .5}, 200);
        link.animate({opacity: 1}, 500);

        current_element = link;
        if (link.parent().parent().parent().attr('id') == 'music') {
          project = _.select(audio_projects, function (project) { return project.css == current_element.attr('id'); })[0];
        } else {
          project = _.select(web_projects, function (project) { return project.css == current_element.attr('id'); })[0];
        }

        $('#spotlight').fadeOut('fast', function() {
          $(this).html(project_details_template(project));
          $('<a href="#/" id="eject">return to shelf</a>').prependTo('ul.showoff a.active li');
        }).fadeIn(600);
      }
    });
  });

  app.run('#/');
});