Switch variable issue
<p>While working on what can be called a "content slider" i wrote this piece of code up:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var dayy = 1;

$(".buttonSix").click(function() {
  dayy--;
  console.log(dayy);
});

$(".buttonSeven").click(function() {
  dayy++;
  console.log(dayy);
});


switch (dayy)
{
  case 0:
    var dayy = 1;
    break;
  case 1:
    break;
  case 2:
    $(".fist").fadeOut();
    $(".second").fadeOut();
    $(".third").fadeIn();
    $(".fourth").fadeIn();
    break;
  case 3:
    $(".third").fadeOut();
    $(".fourth").fadeOut();
    $(".fith").fadeIn();
    $(".sicth").fadeIn();
    break;
  case 4:
    $(".fith").fadeOut();
    $(".sicth").fadeOut();
    $(".seventh").fadeIn();
    $(".eight").fadeIn();
    break;
  case 5:
    $(".seventh").fadeOut();
    $(".eight").fadeOut();
    $(".nineth").fadeIn();
    $(".tenth").fadeIn();
    break;
  case 6:
    $(".nineth").fadeOut();
    $(".tenth").fadeOut();
    $(".eleventh").fadeIn();
    $(".twelve").fadeIn();
    break;
  case 7:
    $(".eleventh").fadeOut();
    $(".twelve").fadeOut();
    $(".thirteenth").fadeIn();
    $(".fourteenth").fadeIn();
    break;
  default:
    $(".thirteenth").fadeOut();
    $(".fourteenth").fadeOut();
    $(".first").fadeIn();
    $(".second").fadeIn();
    var dayy = 1;
    break;
}</code></pre>
</div>
</div>
</p>

<p>all the html divs have display none, except for first and second that are visible.
the increments are being logged and work but the switch isn't working.</p>

<p>no console errors are being logged</p>

<p>all help and comments are appreciated,
Thank you very much in advance</p>