$(document).ready(function(){

   $('#home').click(function(){
      $('#home-page').fadeIn('slow');
      $('#offer-page').hide();
      $('#clients-page').hide();
      $('#contact-page').hide();
      $('#home').addClass('active');
      $('#offer').removeClass('active');
      $('#clients').removeClass('active');
      $('#contact').removeClass('active');
   });

   $('#offer').click(function(){
      $('#offer-page').fadeIn('slow');
      $('#home-page').hide();
      $('#clients-page').hide();
      $('#contact-page').hide();
      $('#offer').addClass('active');
      $('#home').removeClass('active');
      $('#clients').removeClass('active');
      $('#contact').removeClass('active');
   });

   $('.offer').click(function(){
      $('#offer-page').fadeIn('slow');
      $('#home-page').hide();
      $('#clients-page').hide();
      $('#contact-page').hide();
      $('#offer').addClass('active');
      $('#home').removeClass('active');
      $('#clients').removeClass('active');
      $('#contact').removeClass('active');
   });

   $('#clients').click(function(){
      $('#home-page').hide();
      $('#offer-page').hide();
      $('#clients-page').fadeIn('slow');
      $('#contact-page').hide();
      $('#clients').addClass('active');
      $('#offer').removeClass('active');
      $('#home').removeClass('active');
      $('#contact').removeClass('active');
   });

   $('#contact').click(function(){
      $('#home-page').hide();
      $('#offer-page').hide();
      $('#clients-page').hide();
      $('#contact-page').fadeIn('slow');
      $('#contact').addClass('active');
      $('#offer').removeClass('active');
      $('#clients').removeClass('active');
      $('#home').removeClass('active');
   });

   var path = window.location;
   
   if (path == 'http://www.webdesign.figaro.pro/#home') {
      $('#home-page').fadeIn('slow');
      $('#offer-page').hide();
      $('#clients-page').hide();
      $('#contact-page').hide();
      $('#home').addClass('active');
      $('#offer').removeClass('active');
      $('#clients').removeClass('active');
      $('#contact').removeClass('active');
   } 

   if (path == 'http://www.webdesign.figaro.pro/#kontakt') {
      $('#home-page').hide();
      $('#offer-page').hide();
      $('#clients-page').hide();
      $('#contact-page').fadeIn('slow');
      $('#contact').addClass('active');
      $('#offer').removeClass('active');
      $('#clients').removeClass('active');
      $('#home').removeClass('active');
   }

   if (path == 'http://www.webdesign.figaro.pro/#oferta') {
      $('#offer-page').fadeIn('slow');
      $('#home-page').hide();
      $('#clients-page').hide();
      $('#contact-page').hide();
      $('#offer').addClass('active');
      $('#home').removeClass('active');
      $('#clients').removeClass('active');
      $('#contact').removeClass('active');
   }

   if (path == 'http://www.webdesign.figaro.pro/#klienci') {
      $('#home-page').hide();
      $('#offer-page').hide();
      $('#clients-page').fadeIn('slow');
      $('#contact-page').hide();
      $('#clients').addClass('active');
      $('#offer').removeClass('active');
      $('#home').removeClass('active');
      $('#contact').removeClass('active');
   }

});