jQuery(document).ready(function() {
  jQuery('.cp_reputation h5 > a').bind('click', toggleStatsLayer);
  jQuery('.cp_subnav a').bind('click', toggleAllLayers);
});

toggleAllLayers = function(event) {
  var invoker = jQuery(event.target.parentNode);

  jQuery('.cp_reputation h5 > a').each(function(idx, el) {
    var faction = jQuery(el);
    var target  = jQuery('#'+faction.attr('rel'));

    if (invoker.hasClass('fold')) {
      target.hide();
      faction.css('background-position', '0pt 100%');
    } else {
      target.show();
      faction.css('background-position', '0pt 0%');
    }
  });

  invoker.toggleClass('fold');
  invoker.toggleClass('unfold');

  return false;
}

toggleStatsLayer = function(event) {
  var invoker = jQuery(event.target);
  var target  = jQuery('#'+invoker.attr('rel'));

  target.toggle();

   if (target.css('display') == 'none') {
     invoker.css('background-position', '0pt 100%');
   } else {
     invoker.css('background-position', '0pt 0%');
   }

  return false;
}