$(document).ready(
    function() {

      $('#project-browser .view-Projects').show();
      start = Math.round(Math.random()
          * $('.view-Projects .view-content').children().length);

      $('.view-Projects .view-content').cycle( {
        fx :'scrollHorz',
        timeout :9000,
        prev :'#project-prev',
        next :'#project-next',
        startingSlide :start,
        random :false,
        pause :true,
        pauseOnPagerHover :true,
        pager :'#project-nav',
        prevNextClick: projectNavPause,
        pagerClick: projectNavPause,
        before: checkPlaying,
        after: checkPlaying,
        pagerAnchorBuilder :buildProjectAnchor
      });

      $('#project-pause').click(projectNavPause);
      $('#project-play').click(projectNavPlay);

});

var isPlaying = true;
var speed = 100;

function checkPlaying() {
  if (isPlaying) {
    projectNavPlay();
  } else {
    projectNavPause();
  }
}

function projectNavPause() {
  $('.view-Projects .view-content').cycle('pause');
  $('#project-pause').fadeOut( speed,
      function() {
        $('#project-play').fadeIn(speed);
      });
  isPlaying = false;
}

function projectNavPlay() {
  $('.view-Projects .view-content').cycle('resume');
  $('#project-play').fadeOut(speed, function() {
    $('#project-pause').fadeIn(speed);
  });
  isPlaying = true;
}
//
//function syncNav(before, after, fx, isNext) {
//  title = $(after).find('h4').html();
//  link = $("#project-nav a:contains('" + title + "')");
//  if (link.length) {
//    $('#project-nav').scrollTo(link, 400);
//  }
//}

function buildProjectAnchor(i, project) {
  name = $(project).find('h4').html();
  return '<a onClick="javascript: pageTracker._trackPageview(\'/portfolio/preview/' + name + '\')" id="slide-' + (i + 1) + '" href="#">' + name + '</a>';
}