/** _                   _ _ _      _        __       
 * | | ____ _ _ __ ___ (_) | |__  (_)_ __  / _| ___  
 * | |/ / _` | '_ ` _ \| | | '_ \ | | '_ \| |_ / _ \ 
 * |   < (_| | | | | | | | | |_) || | | | |  _| (_) |
 * |_|\_\__,_|_| |_| |_|_|_|_.__(_)_|_| |_|_|  \___/ 
 * 
 */

$(function() {
  $('#here').fadeIn(600);
  
  $('#intro').bind('mouseenter click', function() {
    $('#here').fadeOut(100);
    $(this).fadeOut(600);
  });
  
  /*$('#intro').click(function() {
    $(this).fadeOut(600);
    $('#here').fadeOut(300);
  });*/
  
  $('#back').click(function() {
    $('#intro').fadeIn(600);
    $('#close').fadeOut()
  });
  
  $('#informacje').click(function() {
    $(this).stop()
      .animate({ height: '227px', top: '0px' }, 700)
      .addClass('active');
    $('#informacje h2').slideUp(700);
    $('#close').fadeIn()
  });
  
  $('#projekty').click(function() {
    $(this).stop()
      .animate({ height: '227px', top: '0px' }, 700)
      .addClass('active');
    $('#projekty h2').slideUp(700);
    $('#close').fadeIn()
  });
  
  $('#kontakt').click(function() {
    $(this).stop()
      .animate({ height: '227px', top: '0px' }, 700)
      .addClass('active');
    $('#kontakt h2').slideUp(700);
    $('#close').fadeIn()
  });
  
  $('#close').click(function() {
    $('#informacje')
      .animate({ height: '75px', top:   '0px' }, 700, function(){
        $(this).removeClass('active');
      })
    $('#informacje h2').slideDown(700);
    
    $('#projekty')
      .animate({ height: '75px', top:  '76px' }, 700, function(){
        $(this).removeClass('active');
      })
    $('#projekty h2').slideDown(700);

    $('#kontakt')
      .animate({ height: '75px', top: '152px' }, 700, function(){
        $(this).removeClass('active');
      })
    $('#kontakt h2').slideDown(700);
    
    $('#close').fadeOut()
  });
  
  $('a.form').show();
  $('fieldset').hide();
  $('button').hide();
  
  $('a.form').click(function() {
    $('fieldset').fadeIn();
    $('button').fadeIn();
    $('a.form').fadeOut();
  });
});