// fade in and out effects
$(document).ready(function(){
    
    $("#about-b").click(function () {
      $("#about-b").fadeOut("slow");
      $("#portfolio-b").fadeOut("slow");
      $("#software-b").fadeOut("slow");
      $("#contact-b").fadeOut("slow");
      $("#about").fadeOut("slow");
      $("#portfolio-v").fadeOut("slow");
      $("#software-v").fadeOut("slow");
      $("#contact-v").fadeOut("slow");
      $("#portfolio-s").fadeOut("slow");
      $("#software-s").fadeOut("slow");
      $("#contact-s").fadeOut("slow");
      $("#about-v").fadeIn("slow");
      $("#about-s").fadeIn("slow");
      $("#portfolio").fadeIn("slow");
      $("#software").fadeIn("slow");
      $("#contact").fadeIn("slow");
      $("#content-about").fadeIn("slow");
      $("#content-portfolio").fadeOut("slow");
      $("#content-software").fadeOut("slow");
      $("#content-contact").fadeOut("slow");
      $("#content-more").fadeOut("slow");
      $("#extra-v").fadeOut("slow");
      $("#box").fadeIn("slow");
      $("#footer").fadeIn("slow");
    });
    
    $("#portfolio-b").click(function () {
      $("#about-b").fadeOut("slow");
      $("#portfolio-b").fadeOut("slow");
      $("#software-b").fadeOut("slow");
      $("#contact-b").fadeOut("slow");
      $("#portfolio").fadeOut("slow");
      $("#about-v").fadeOut("slow");
      $("#software-v").fadeOut("slow");
      $("#contact-v").fadeOut("slow");
      $("#about-s").fadeOut("slow");
      $("#software-s").fadeOut("slow");
      $("#contact-s").fadeOut("slow");
      $("#portfolio-v").fadeIn("slow");
      $("#portfolio-s").fadeIn("slow");
      $("#about").fadeIn("slow");
      $("#software").fadeIn("slow");
      $("#contact").fadeIn("slow");
      $("#content-portfolio").fadeIn("slow");
      $("#content-about").fadeOut("slow");
      $("#content-software").fadeOut("slow");
      $("#content-contact").fadeOut("slow");
      $("#content-more").fadeOut("slow");
      $("#extra-v").fadeOut("slow");
      $("#box").fadeIn("slow");
      $("#footer").fadeIn("slow");
    });
    
    $("#software-b").click(function () {
      $("#about-b").fadeOut("slow");
      $("#portfolio-b").fadeOut("slow");
      $("#software-b").fadeOut("slow");
      $("#contact-b").fadeOut("slow");
      $("#software").fadeOut("slow");
      $("#about-v").fadeOut("slow");
      $("#portfolio-v").fadeOut("slow");
      $("#contact-v").fadeOut("slow");
      $("#about-s").fadeOut("slow");
      $("#portfolio-s").fadeOut("slow");
      $("#contact-s").fadeOut("slow");
      $("#software-v").fadeIn("slow");
      $("#software-s").fadeIn("slow");
      $("#about").fadeIn("slow");
      $("#portfolio").fadeIn("slow");
      $("#contact").fadeIn("slow");
      $("#content-software").fadeIn("slow");
      $("#content-about").fadeOut("slow");
      $("#content-portfolio").fadeOut("slow");
      $("#content-contact").fadeOut("slow");
      $("#content-more").fadeOut("slow");
      $("#extra-v").fadeOut("slow");
      $("#box").fadeIn("slow");
      $("#footer").fadeIn("slow");
    });
    
    $("#contact-b").click(function () {
      $("#about-b").fadeOut("slow");
      $("#portfolio-b").fadeOut("slow");
      $("#software-b").fadeOut("slow");
      $("#contact-b").fadeOut("slow");
      $("#contact").fadeOut("slow");
      $("#about-v").fadeOut("slow");
      $("#software-v").fadeOut("slow");
      $("#portfolio-v").fadeOut("slow");
      $("#about-s").fadeOut("slow");
      $("#software-s").fadeOut("slow");
      $("#portfolio-s").fadeOut("slow");
      $("#contact-v").fadeIn("slow");
      $("#contact-s").fadeIn("slow");
      $("#about").fadeIn("slow");
      $("#portfolio").fadeIn("slow");
      $("#software").fadeIn("slow");
      $("#content-contact").fadeIn("slow");
      $("#content-about").fadeOut("slow");
      $("#content-portfolio").fadeOut("slow");
      $("#content-software").fadeOut("slow");
      $("#content-more").fadeOut("slow");
      $("#extra-v").fadeOut("slow");
      $("#box").fadeIn("slow");
      $("#footer").fadeIn("slow");
    });
    
    $("#about").click(function () {
      $("#about").fadeOut("slow");
      $("#portfolio-v").fadeOut("slow");
      $("#software-v").fadeOut("slow");
      $("#contact-v").fadeOut("slow");
      $("#portfolio-s").fadeOut("slow");
      $("#software-s").fadeOut("slow");
      $("#contact-s").fadeOut("slow");
      $("#about-v").fadeIn("slow");
      $("#about-s").fadeIn("slow");
      $("#portfolio").fadeIn("slow");
      $("#software").fadeIn("slow");
      $("#content-about").fadeIn("slow");
      $("#content-portfolio").fadeOut("slow");
      $("#content-software").fadeOut("slow");
      $("#content-contact").fadeOut("slow");
      $("#content-more").fadeOut("slow");
      $("#extra-v").fadeOut("slow");
      $("#contact").fadeIn("slow");
    });
    
    $("#portfolio").click(function () {
      $("#portfolio").fadeOut("slow");
      $("#about-v").fadeOut("slow");
      $("#software-v").fadeOut("slow");
      $("#contact-v").fadeOut("slow");
      $("#about-s").fadeOut("slow");
      $("#software-s").fadeOut("slow");
      $("#contact-s").fadeOut("slow");
      $("#portfolio-v").fadeIn("slow");
      $("#portfolio-s").fadeIn("slow");
      $("#about").fadeIn("slow");
      $("#software").fadeIn("slow");
      $("#contact").fadeIn("slow");
      $("#extra-v").fadeOut("slow");
      $("#content-portfolio").fadeIn("slow");
      $("#content-about").fadeOut("slow");
      $("#content-software").fadeOut("slow");
      $("#content-contact").fadeOut("slow");
      $("#content-more").fadeOut("slow");
    });
    
    $("#software").click(function () {
      $("#software").fadeOut("slow");
      $("#about-v").fadeOut("slow");
      $("#portfolio-v").fadeOut("slow");
      $("#contact-v").fadeOut("slow");
      $("#about-s").fadeOut("slow");
      $("#portfolio-s").fadeOut("slow");
      $("#contact-s").fadeOut("slow");
      $("#software-v").fadeIn("slow");
      $("#software-s").fadeIn("slow");
      $("#about").fadeIn("slow");
      $("#portfolio").fadeIn("slow");
      $("#contact").fadeIn("slow");
      $("#extra-v").fadeOut("slow");
      $("#content-software").fadeIn("slow");
      $("#content-about").fadeOut("slow");
      $("#content-portfolio").fadeOut("slow");
      $("#content-contact").fadeOut("slow");
      $("#content-more").fadeOut("slow");
    });
    
    $("#contact").click(function () {
      $("#contact").fadeOut("slow");
      $("#about-v").fadeOut("slow");
      $("#software-v").fadeOut("slow");
      $("#portfolio-v").fadeOut("slow");
      $("#about-s").fadeOut("slow");
      $("#software-s").fadeOut("slow");
      $("#portfolio-s").fadeOut("slow");
      $("#contact-v").fadeIn("slow");
      $("#contact-s").fadeIn("slow");
      $("#about").fadeIn("slow");
      $("#portfolio").fadeIn("slow");
      $("#software").fadeIn("slow");
      $("#extra-v").fadeOut("slow");
      $("#content-contact").fadeIn("slow");
      $("#content-about").fadeOut("slow");
      $("#content-portfolio").fadeOut("slow");
      $("#content-software").fadeOut("slow");
      $("#content-more").fadeOut("slow");
    });
    
    $("#content-about").click(function () {
      $("#about-b").fadeOut("slow");
      $("#portfolio-b").fadeOut("slow");
      $("#software-b").fadeOut("slow");
      $("#contact-b").fadeOut("slow");
      $("#about-v").fadeOut("slow");
      $("#software-v").fadeOut("slow");
      $("#portfolio-v").fadeOut("slow");
      $("#contact-v").fadeOut("slow");
      $("#about-s").fadeOut("slow");
      $("#software-s").fadeOut("slow");
      $("#portfolio-s").fadeOut("slow");
      $("#extra-v").fadeIn("slow");
      $("#about").fadeIn("slow");
      $("#portfolio").fadeIn("slow");
      $("#software").fadeIn("slow");
      $("#content-more").fadeIn("slow");
      $("#content-about").fadeOut("slow");
      $("#content-portfolio").fadeOut("slow");
      $("#content-software").fadeOut("slow");
      $("#content-contact").fadeOut("slow");
      $("#box").fadeIn("slow");
      $("#footer").fadeIn("slow");
    });

  });