$(function() {
  $('.page-header nav .by-client, .page-header nav .clients .close').click(function() {
    toggle($('.page-header nav .by-client .arrow'));
    $('.page-header nav .media-types').hide();
    $('.page-header nav .clients').toggle();
    off($('.page-header nav .by-media-type .arrow'));
    return false;
  });

  $('.page-header nav .by-media-type, .page-header nav .media-types .close').click(function() {
    toggle($('.page-header nav .by-media-type .arrow'));
    $('.page-header nav .clients').hide();
    $('.page-header nav .media-types').toggle();
    off($('.page-header nav .by-client .arrow'));
    return false;
  });

  function toggle(arrow) {
    if (!(arrow.css('background-color') === 'rgb(29, 27, 23)' || arrow.css('background-color') === '#1d1b17')) {
      on(arrow);
    } else {
      off(arrow);
    }
    return arrow;
  }

  function off(arrow) {
    arrow.css('background-color','transparent');
    arrow.find('.inner').css('background-position', '0 0');
    return arrow;
  }

  function on(arrow) {
    arrow.css('background-color','#1d1b17');
    arrow.find('.inner').css('background-position', '0 -5px');
    return arrow;
  }
});