$(function() {
  
  // ----------------------------------------
  // Feature sliders
  //
  // ----------------------------------------
  var squares = $('.slider .squares li');

  squares.each(function(i, el) {
    // Set the square's functionality
    $(el).click(function() {
      // Don't move is we're already viewing this square's blurb
      if($(el).hasClass('selected') == false) {
        scrollContainerTo($(el).parents(".slider"), i);
        clearTimeout(timer);
        return false;
      }
    });
  });

  function scrollContainerTo(container, i) {
    container.find(".slider_content").scrollTo('li:eq(' + i + ')', 500);
    container.find('.squares li').removeClass('selected');
    container.find('.squares li:eq(' + i + ')').addClass('selected');
  }
  

  current = 0;
  // For our timer to use
  function swap() {
    current++;
    // Wrap around if we hit the end
    if(current >= squares.length) {
      current = 0;
    }
    
    scrollContainerTo($(".slider"), current);

    timer = setTimeout(swap, 4000);
  }
  
  // Add the "current" state to the first square
  timer = setTimeout(swap, 4000);
  
  
  
  // ----------------------------------------
  // Webnote and Goalchart main content/tab sliders
  //
  // ----------------------------------------
  var tabs = $('.slideNav li');

  tabs.each(function(i, el) {
    // Set the square's functionality
    $(el).click(function() {
      // Don't move if we're already viewing this square's blurb
      if($(el).find('a').hasClass('current') == false) {
        scrollTabTo(i);
        return false;
      }
    });
  });

  function scrollTabTo(i) {
    $(".slideContentWindow").scrollTo('li.slidingTabContent:eq(' + i + ')', 500);
    $(".slideNav li a").removeClass('selected');
    $(".slideNav a:eq(" + i + ")").addClass('selected');
  }
  
});

