$(document).ready(function(){
  $(".tab").delegate("a", "click", function(){
    var tab = this.className;
    console.log(tab);
    if (tab != 'recipes') {
      showTab(tab);
      return false;
    }
  })
})


function showTab(tab) {
  var body = $('#home');
  var bodyClasses = ['types','zones','names'];
  if (!body.hasClass(tab)) {
    $.each(bodyClasses, function(i,v){
      body.removeClass(v);
    });
    body.addClass(tab);
  };
}