(function() {

  var toggleable_ids      = null;
  var toggleable_elements = [];
  var current_class       = 'pp-current';

  function toggleableFeatures() {
    toggleable_ids = new Array('pp-about-us', 'pp-news-and-blog', 'pp-greener-homes', 'pp-interactive-house');

    if(!document.getElementById(toggleable_ids[0])) return false;

    for(index in toggleable_ids) {
      var element = document.getElementById(toggleable_ids[index]);
      var button  = getToggleButtonFor(element);

      toggleable_elements.push(element);

      if(index > 0) $(element).hide();

      button.onclick = toggleFeaturesHandler;
    }
  }

  function toggleFeature(active) {
    var feature;
    var button;

    for(index in toggleable_elements) {
      feature = toggleable_elements[index];
      button  = getToggleButtonFor(feature);

      if(feature == active) {
        $(feature).show();
        $(button).addClass(current_class);
      } else {
        $(feature).hide();
        $(button).removeClass(current_class);
      }
    }
  }

  function toggleFeaturesHandler(e) {
    var target_id = this.id.replace('feature:', '');
    var target    = document.getElementById(target_id);

    toggleFeature(target);

    return false;
  }

  function getToggleButtonFor(feature) { return document.getElementById('feature:' + feature.id); }

  $(document).ready(function(){
	window.SetupPortalToggle();
  });
  
  window.SetupPortalToggle = function(){
	  toggleableFeatures();
  };

})();