'use strict';

var $sidebar;
var $blocks;
var $settings;
var $content;

$(document).ready(function () {
  $sidebar = $('.sidebar');
  $blocks = $('.blocks');
  $settings = $('.settings');
  $content = $('.content');

  $('#open_blocks').on('click', function () {
    openBlocks();
    closeSettings();
    narrowContent();
  });
  $('#open_settings').on('click', function () {
    showSettings();
    openSettings();
    closeBlocks();
    narrowContent();
  });
  $('#close_both').on('click', function () {
    closeSettings();
    closeBlocks();
    closeSidebar();
    hideSettings();
    wideContent();
  });
  $('#minimize_settings').on('click', function () {
    closeSettings();
    narrowWideContent();
    halfOpenSidebar();
  });
  $('#hide_settings').on('click', function () {
    hideSettings();
  });
  $('#show_settings').on('click', function () {
    showSettings();
  });
});

function narrowWideContent() {
  $content.removeClass('narrow');
  $content.removeClass('wide');
  $content.addClass('narrow-wide');
}

function narrowContent() {
  $content.addClass('narrow');
  $content.removeClass('wide');
  $content.removeClass('narrow-wide');
}

function wideContent() {
  $content.addClass('wide');
  $content.removeClass('narrow');
  $content.removeClass('narrow-wide');
}

function openSidebar() {
  $sidebar.addClass('open');
  $sidebar.removeClass('closed');
  $sidebar.removeClass('half-open');
}

function closeSidebar() {
  $sidebar.addClass('closed');
  $sidebar.removeClass('open');
  $sidebar.removeClass('half-open');
}

function halfOpenSidebar() {
  $sidebar.removeClass('open');
  $sidebar.removeClass('close');
  $sidebar.addClass('half-open');
}

function openBlocks() {
  openSidebar();
  $blocks.addClass('open');
  $blocks.removeClass('closed');
}

function closeBlocks() {
  $blocks.addClass('closed');
  $blocks.removeClass('open');
}

function openSettings() {
  openSidebar();
  $settings.addClass('open');
  $settings.removeClass('closed');
}

function closeSettings() {
  $settings.addClass('closed');
  $settings.removeClass('open');
}

function hideSettings() {
  $settings.addClass('hidden');
}

function showSettings() {
  $settings.removeClass('hidden');
}