main.js

var cur = 1, uc = 0;

function updateI(){
  var i = $("#indicator");
  switch (cur) {
    case 1:
      i.html("INTRO");
      break;
    case 2:
      i.html("SKILLS");
      break;
    case 3:
      i.html("WORK");
      break;
    case 4:
      i.html("BIO");
      break;
  }
}

function switchNav(){
  if(uc==0){
    uc++;
  }
  $("#nav").toggleClass("active");
  $("#link-list").toggleClass("active");
  $("#indicator").toggleClass("active");
}

function openNav(){
  if(uc==0){
    $("#nav").addClass("active");
    $("#link-list").addClass("active");
    $("#indicator").removeClass("active");
  }
}

function slideTo(id){

  openNav();

  switch (cur){
    case 1:
      $("#toIntro").removeClass("active");
      $("#slider").removeClass("page1");
      break;
    case 2:
      $("#toSkills").removeClass("active");
      $("#slider").removeClass("page2");
      break;
    case 3:
      $("#toWork").removeClass("active");
      $("#slider").removeClass("page3");
      break;
    case 4:
      $("#toBio").removeClass("active");
      $("#slider").removeClass("page4");
      break;
  }

  switch (id) {
    case "#intro":
      $("#slider").addClass("page1");
      $("#toIntro").addClass("active");
      cur = 1;
      break;
    case "#skills":
      $("#slider").addClass("page2");
      $("#toSkills").addClass("active");
      cur = 2;
      break;
    case "#work":
      $("#slider").addClass("page3");
      $("#toWork").addClass("active");
      cur = 3;
      break;
    case "#bio":
      $("#slider").addClass("page4");
      $("#toBio").addClass("active");
      cur = 4;
      break;
  }
  updateI();
}

function toPrev(){
  switch (cur){
    case 1:
      slideTo("#bio","#toBio");
      break;
    case 2:
      slideTo("#intro","#toIntro");
      break;
    case 3:
      slideTo("#skills","#toSkills");
      break;
    case 4:
      slideTo("#work","#toWork");
      break;
  }
  updateI();
}

function toNext(){
  switch (cur){
    case 3:
      slideTo("#bio","#toBio");
      break;
    case 4:
      slideTo("#intro","#toIntro");
      break;
    case 1:
      slideTo("#skills","#toSkills");
      break;
    case 2:
      slideTo("#work","#toWork");
      break;
  }
  updateI();
}