/**
   * selector: string элементы, к которым будут применяться стили в
   *   зависимости от ширины экрана
   * ranges: array массив вида
   *   ["section1000", 1280, "section1260", 1600, "section1580"]
   */

  SwitchWh = function (options) {
    if (typeof (options) != 'object')
      options = {};
    if (!('selector' in options))
      options.selector = '.section';
    if (!('ranges' in options)) {
      options.ranges = [
        'section1000',
        1280,
        'section1256'
      ];
    }
    if (typeof (jQuery) != 'undefined' && options.ranges.length >= 3 && options.ranges.length % 2 != 0) {
      $(document).ready (function () {
        $(window).resize (function () {
          var ww = $(window).width ();
          for (var i = 0; i < options.ranges.length; i += 2) {
            $(options.selector).removeClass (options.ranges[i]);
          }
          for (var i = options.ranges.length - 2; i >= 1; i -= 2) {
            if (i == options.ranges.length - 2 && ww >= options.ranges[i]) {
              $(options.selector).addClass (options.ranges[i + 1]);
              break;
            }
            if (i != 1 && ww >= options.ranges[i - 2] && ww < options.ranges[i]) {
              $(options.selector).addClass (options.ranges[i - 1]);
              break;
            }
            if (i == 1) {
              $(options.selector).addClass (options.ranges[0]);
              break;
            }
          }
        }).trigger ('resize');
      });
    }
  };