jQuery(function($){

  var tarifTitle1 = $("#tarif-title-1");
  var tarifInner1 = $("#tarif-inner-1");
  var tarifTitle2 = $("#tarif-title-2");
  var tarifInner2 = $("#tarif-inner-2");
  var tarifTitle3 = $("#tarif-title-3");
  var tarifInner3 = $("#tarif-inner-3");
  var tarifTitle4 = $("#tarif-title-4");
  var tarifInner4 = $("#tarif-inner-4");

  function tarifCallback(i)
  {
    tarifTitle1.attr("class", (i == 1? "tarif-toggle-active" : "tarif-toggle"));
    tarifTitle2.attr("class", (i == 2? "tarif-toggle-active" : "tarif-toggle"));
    tarifTitle3.attr("class", (i == 3? "tarif-toggle-active" : "tarif-toggle"));
    tarifTitle4.attr("class", (i == 4? "tarif-toggle-active" : "tarif-toggle"));
    tarifInner1.animate({"height":(i == 1 ? "show" : "hide"), "opacity":(i == 1 ? "show" : "hide")})
    tarifInner2.animate({"height":(i == 2 ? "show" : "hide"), "opacity":(i == 2 ? "show" : "hide")})
    tarifInner3.animate({"height":(i == 3 ? "show" : "hide"), "opacity":(i == 3 ? "show" : "hide")})
    tarifInner4.animate({"height":(i == 4 ? "show" : "hide"), "opacity":(i == 4 ? "show" : "hide")})
  }

  tarifTitle1.click(function() {
    tarifCallback(1);
  });
  tarifTitle2.click(function() {
    tarifCallback(2);
  });
  tarifTitle3.click(function() {
    tarifCallback(3);
  });
  tarifTitle4.click(function() {
    tarifCallback(4);
  });


  $.fx.off = true;
  switch(document.location.hash)
  {
    case "#tarif1":
      tarifTitle1.click();
    break;
    case "#tarif2":
      tarifTitle2.click();
    break;
    case "#tarif3":
      tarifTitle3.click();
    break;
    case "#tarif4":
      tarifTitle4.click();
    break;
    default:
      tarifTitle1.click();
  }
  $.fx.off = false;

});