$(document).ready(function() {
  
 // hides the info as soon as the DOM is ready (a little sooner that page load)
  $('#info').hide();
  $('#resume').hide();
  $('#print').hide();
  $('#web').hide();
  $('#identity').hide();
  $('#photo').hide();
  $('#misc').hide();

 // ------------------------------------------------------------------------- INFO 
  
  $('.info-down').click(function() {
    $('#info').slideDown(500, 'easeInOutCubic');
    return false;
  });
  
  $('.info-up').click(function() {
    $('#info').slideUp(500, 'easeInOutCubic');
    return false;
  });
  
  $('.info-slidetoggle').click(function() {
    $('#info').slideToggle(500, 'easeInOutCubic');
           
    setTimeout(function() {$('#resume').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#print').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#web').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#identity').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#photo').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#misc').slideUp(500, 'easeInOutCubic');}, 500);
    
    $(".cat1").removeClass("active");
    $(".cat2").removeClass("active");
    $(".cat3").removeClass("active");
    $(".cat4").removeClass("active");
    $(".cat5").removeClass("active");
    return false;
  });
  
 // ------------------------------------------------------------------------- RESUME 
 
  $('#resume-down').click(function() {
    $('#resume').slideDown(500, 'easeInOutCubic');
    setTimeout(function() {$('#info').slideUp(500, 'easeInOutCubic');}, 500);
    return false;
  });
  
  $('#resume-up').click(function() {
    $('#info').slideDown(500, 'easeInOutCubic'); 
    setTimeout(function() {$('#resume').slideUp(500, 'easeInOutCubic');}, 500);
    return false;
  });
  
  $('#resume-slidetoggle').click(function() {
    $('#resume').slideToggle(500, 'easeInOutCubic'); 
  });
  
 // ------------------------------------------------------------------------- PRINT
 
   $('.print-slidetoggle').click(function() {
    $('#print').slideToggle(500, 'easeInOutCubic');
    
    setTimeout(function() {$('#info').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#resume').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#web').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#identity').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#photo').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#misc').slideUp(500, 'easeInOutCubic');}, 500);
    
    $(".cat1").toggleClass("active");
    $(".cat2").removeClass("active");
    $(".cat3").removeClass("active");
    $(".cat4").removeClass("active");
    $(".cat5").removeClass("active");
    return false;
  });


 // ------------------------------------------------------------------------- WEB

  $('.web-slidetoggle').click(function() {
    $('#web').slideToggle(500, 'easeInOutCubic'); 
    setTimeout(function() {$('#info').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#resume').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#print').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#identity').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#photo').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#misc').slideUp(500, 'easeInOutCubic');}, 500);
    
    $(".cat2").toggleClass("active");
    $(".cat1").removeClass("active");
    $(".cat3").removeClass("active");
    $(".cat4").removeClass("active");
    $(".cat5").removeClass("active");
    return false;
  });

 // ------------------------------------------------------------------------- IDENTITY
  
  $('.identity-slidetoggle').click(function() {
    $('#identity').slideToggle(500, 'easeInOutCubic'); 
    setTimeout(function() {$('#info').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#resume').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#print').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#web').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#photo').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#misc').slideUp(500, 'easeInOutCubic');}, 500);
    
    $(".cat3").toggleClass("active");
    $(".cat1").removeClass("active");
    $(".cat2").removeClass("active");
    $(".cat4").removeClass("active");
    $(".cat5").removeClass("active");
    return false;
  });

 // ------------------------------------------------------------------------- photo
  
  $('.photo-slidetoggle').click(function() {
    $('#photo').slideToggle(500, 'easeInOutCubic'); 
    setTimeout(function() {$('#info').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#resume').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#print').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#web').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#identity').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#misc').slideUp(500, 'easeInOutCubic');}, 500);
    
    $(".cat4").toggleClass("active");
    $(".cat1").removeClass("active");
    $(".cat2").removeClass("active");
    $(".cat3").removeClass("active");
    $(".cat5").removeClass("active");
    return false;
  });
 
 // ------------------------------------------------------------------------- misc
  
  $('.misc-slidetoggle').click(function() {
    $('#misc').slideToggle(500, 'easeInOutCubic'); 
    setTimeout(function() {$('#info').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#resume').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#print').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#web').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#identity').slideUp(500, 'easeInOutCubic');}, 500);
    setTimeout(function() {$('#photo').slideUp(500, 'easeInOutCubic');}, 500);
    
    $(".cat5").toggleClass("active");
    $(".cat1").removeClass("active");
    $(".cat2").removeClass("active");
    $(".cat3").removeClass("active");
    $(".cat4").removeClass("active");
    return false;
  });

});