$(document).ready(function(){
        
        /*  проверяем  в cookie данные о разрешении страницы для её просмотра */
        if ($.cookie("screen")== 'full') { /* Если  предыдуший просмотр был на широком экране то */
          /* Добавляем класс стилей  широкого сайта для основных блоков */
          $('#conteiner, #conteiner_3').addClass('tip_full'); 
          window.sreen_1 = 'fix'; /* записываем первоначальное значение для кнопки изменяющей ширину страницы*/
          window.sreen_2 = 'full';  /* вторичное значение*/                  
        } else {  /* во всех остальных случаях (включая по умолчанию)  будет отображение узкого просмотра страницы */
          /* Добавляем класс стилей  узкого отображение страницы сайта для основных блоков */
          $('#conteiner, #conteiner_3').addClass('tip_fix');
          window.sreen_1 = 'full';  /* первичное значение */
          window.sreen_2 = 'fix'; /* вторичное значение */
        }

        /* Функция изменения ширины экрана в зависимости от переданных ей параметров */
        function size_screen (size_type_1,size_type_2) {
          
          $('#start').css('display', 'none'); /* Защита от "дурака", многократного нажатия кнопки  // убираем кнопку */
          
          /* Присваиваем значения переменных в зависимости от переданного параметра (ширины экрана) */
          if (size_type_1 == 'full') { 
            window.size_width = '100%'; /* значение ширины страницы */
          } else {
            window.size_width = '1000px';                    
          }
          
          /* Функция  jquery анимации. В данном случае плавного изменения ширины изображения страницы сайта  */
          $('#conteiner, #conteiner_3').animate({
            'width': window.size_width /* Плавно изменяем ширину в соответствии с параметром отображения страницы */
            }, 
            500, /* Время анимации */ 
            function() { /*Функция вызывающаяся после завершения анимации */
            /* Удаляем предыдущие стили отображения страницы из блоков */
            $('#conteiner, #conteiner_3,').removeClass('tip_'+size_type_2);
            /* Добавляяем новый класс стиля для нового ширины экрана */
            $('#conteiner, #conteiner_3,').addClass('tip_'+size_type_1);
            /* Для очистки кода html от мусора удалим атрибут style ( созданный jquery) */
            /* Данное действие не обязательно, оно несет эстетическую функцию */
            $('#conteiner, #conteiner_3,').removeAttr('style');
            /* Записываем в cookie параметр отображения сайта  после перезагрузки или смены страницы */
            $.cookie("screen", window.size_type_1);
            /* Защита от "дурака": многократного нажатия кнопки   // показываем кнопку*/
            $('#start').css('display', 'block');
          });
        }

        $('#start').toggle( /* Функция troggle выполняет последовательное многократное нажатие элемента (кнопки) */
          function() { size_screen (window.sreen_1,window.sreen_2);  }, /* первое нажатие */
          function() { size_screen (window.sreen_2,window.sreen_1);  }  /*  второе нажатие */
        );
      })