var vertItems;
var vertCurrent;
var horizItems;
var horizCurrent;
var boxCurrent = 0;

$(function(){
  // load vars
  items = $('#workWrapper').children();
  vertCurrent = items.eq(0);
  horizItems = vertCurrent.children();
  horizCurrent = horizItems.eq(0);
  
  if($('#workWrapper').length > 0) {
    // initialize if this is a work page
    setupBoxes(horizItems.length-1);
    setupCaptions();
  }
  
  // arrow click actions
  $('#upArrow').click(function () {
    if(vertCurrent.prev().hasClass('client')) {
      $('#workWrapper').scrollTo(vertCurrent.prev(),800);
      vertCurrent = vertCurrent.prev();
      horizItems = vertCurrent.children();
      horizCurrent = horizItems.eq(0);
      boxCurrent = 0;
      setupBoxes(horizItems.length-1);
      setupCaptions();
    }
  });
  
  $('#downArrow').click(function () {
    if(vertCurrent.next().hasClass('client')) {
      $('#workWrapper').scrollTo(vertCurrent.next(),800);
      vertCurrent = vertCurrent.next();
      horizItems = vertCurrent.children();
      horizCurrent = horizItems.eq(0);
      boxCurrent = 0;
      setupBoxes(horizItems.length-1);
      setupCaptions();
    }
  });
  
  $('#leftArrow').click(function () {
    if(horizCurrent.prev().hasClass('entry')) {
      $('#workWrapper').scrollTo(horizCurrent.prev(),800);
      horizCurrent = horizCurrent.prev();
      $('.box').eq(boxCurrent).removeClass('active');
      boxCurrent--;
      $('.box').eq(boxCurrent).addClass('active');
      setupCaptions();
    }
  });
  
  $('#rightArrow').click(function () {
    if(horizCurrent.next().hasClass('entry')) {
      $('#workWrapper').scrollTo(horizCurrent.next(),800);
      horizCurrent = horizCurrent.next();
      $('.box').eq(boxCurrent).removeClass('active');
      boxCurrent++;
      $('.box').eq(boxCurrent).addClass('active');
      setupCaptions();
    }
  });
  
  // flvplayer
  if ( $("#flvplayer").length > 0 ) {
    var so = new SWFObject('/workspace/flash/player.swf','mpl','585','486','9');
    so.addParam('allowscriptaccess','always');
    so.addParam('allowfullscreen','true');
    so.addParam('flashvars','&file=/work/video/video-source/&backcolor=000000&frontcolor=FFFFFF&lightcolor=CCCCCC&playlist=bottom&dock=false');
    so.write('flvplayer');
  }
});

function setupBoxes(count) {
  // clear out active classes
  $('.box').each(function() {
    if($(this).hasClass('active')) $(this).removeClass('active');
  });
  // add or remove boxes
  while($('.box').length > count) {
    $('div.box').eq($('.box').length-1).remove();
  }
  while($('.box').length < count) {
    $('#rightArrow').before('<div class="box"></div>');
  }
  // set first to active
  $('.box').eq(0).addClass('active');
  // hide it all if there is only one
  if(count == 1) {
    $('#horizArrows').hide();
    $('#count').hide();
  } else {
    $('#horizArrows').show();
    $('#count').show();
  }
}

function setupCaptions() {
  $("#caption").text(horizCurrent.find("span.title").text());
  $("#count").text(horizCurrent.find("span.client").text() + " " + horizCurrent.find("span.count").text())
}