$(function() {
    $(".rslides").responsiveSlides();
  });

$(".rslides").responsiveSlides({
  auto: true,             // Boolean: Animate automatically, true or false
  speed: 500,            // Integer: Speed of the transition, in milliseconds
  timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
  pager: false,           // Boolean: Show pager, true or false
  nav: false,             // Boolean: Show navigation, true or false
  random: false,          // Boolean: Randomize the order of the slides, true or false
  pause: false,           // Boolean: Pause on hover, true or false
  pauseControls: true,    // Boolean: Pause when hovering controls, true or false
  prevText: "Previous",   // String: Text for the "previous" button
  nextText: "Next",       // String: Text for the "next" button
  maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
  navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
  manualControls: "",     // Selector: Declare custom pager navigation
  namespace: "rslides",   // String: Change the default namespace used
  before: function(){},   // Function: Before callback
  after: function(){}     // Function: After callback
});

$(".header #responsive-menu-button").click(function() {
  $(".header .responsive-menu").toggle("slow");
});

$(".menu ul li:nth-child(1)").click(function() {
  $(".content").fadeOut(function() {
    $(this).load("portfolio.html .portfolio", function() {
      $(".portfolio").css("width", "1280px");
      $(".portfolio").css("margin", "0 auto");
    });
    
  }).fadeIn();
});

$(".menu ul li:nth-child(2)").click(function() {
  $(".content").fadeOut(function() {
    $(this).load("agencja.html .banners, .agention, .aboutUs, .biedronka, .process, .atuty", function() {
      $(".banners").css("margin", "0 auto");
      $(".agention").css("width", "960px");
      $(".agention").css("margin", "0 auto");
      $(".aboutUs").css("width", "960px");
      $(".aboutUs").css("margin", "0 auto");
      $(".process").css("width", "960px");
      $(".process").css("margin", "0 auto");
      $(".atuty").css("width", "1280px");
      $(".atuty").css("margin", "50px auto");
    });
    
  }).fadeIn();
});

$(".menu ul li:nth-child(3)").click(function() {
  $(".content").fadeOut(function() {
    $(this).load("offer.html .offer", function() {
      $(".offer").css("width", "1280px");
      $(".offer").css("margin", "0 auto");
    });
    
  }).fadeIn();
});

$(".menu ul li:nth-child(4)").click(function() {
  $(".content").fadeOut(function() {
    $(this).load("news.html .news-site", function() {
      $(".news-site").css("width", "1280px");
      $(".news-site").css("margin", "50px auto");
      $(".news-site .row p").css("margin-top", "220px");
    });
    
  }).fadeIn();
});

$(".menu ul li:nth-child(5)").click(function() {
  $(".content").fadeOut(function() {
    $(this).load("contact.html .content .contact", function() {
      $(".content .contact").css("width", "1280px");
      $(".content .contact").css("margin", "50px auto");
    });
    
  }).fadeIn();
});

$(".offer .row .box").mouseover(function() {
  $(".offer .row .box .hover").each(function() {
    $(this).css("display", "block");
  });
});

$(".header #responsive-menu-button").click(function() {
  $(".header .responsive-menu").toggle("slow");
});