(function (window) { "use strict"; var OPTIONS = window.SCREEN_SIZE_OPTIONS || {}; // wrapper + options.padding * 2 var sizeList = [980,1220,1340]; var nameList = ['small', 'medium', 'large']; var sizesLength = sizeList.length; var isBranding = false; var htmlElement = document.documentElement; var lastState, className; var options = { padding: 20, sideWidth: 140, largeSideWidth: 240, bannerStub: sizeList[0], minBranding: OPTIONS.minBranding || sizeList[1], maxBranding: 1920, classRe: /\s*screen_(\S+)/gi, classPrefix: 'screen_' }; // ширина экрана для больших ушей, когда они полностью помещаются для самого большого экрана var widthForLargeSide = sizeList[sizeList.length - 1] + (options.largeSideWidth + options.padding) * 2; function screenSize(branding) { var windowWidth = window.innerWidth; var actualWidth = windowWidth; var sideWidth, canBranding, canBrandingStub, size, result, state; // запоминаем состояние последнего вызова, например screenSize(true) в слоте п-брендинга if (typeof branding === 'boolean') { isBranding = branding; } if (isBranding) { sideWidth = windowWidth > widthForLargeSide && options.largeSideWidth || options.sideWidth; // используем 20 отступы по бокам под брендирование if (sideWidth) { actualWidth -= (sideWidth + options.padding) * 2; } } canBranding = windowWidth >= options.minBranding && windowWidth <= options.maxBranding; // не показываем брендинг на экраны меньше 1024 и больше 1900 if (!canBranding) { actualWidth = windowWidth; } canBrandingStub = actualWidth >= options.bannerStub && actualWidth < options.minBranding; // подбираем экран под окно пользователя с учетом брендинга for (var sizeNo = 1; sizeNo < sizesLength; sizeNo++) { if (actualWidth < sizeList[sizeNo]) { size = nameList[sizeNo - 1]; break; } } if (!size) { size = nameList[nameList.length - 1]; } state = [size, isBranding, canBranding, canBrandingStub, sideWidth].join(); if (lastState != state) { lastState = state; className = htmlElement.className.replace(options.classRe, '').split(' '); className.push(options.classPrefix + size); if (isBranding) { className.push(options.classPrefix + 'branding-p_need'); if (canBranding) { className.push(options.classPrefix + 'branding-p'); className.push(options.classPrefix + 'branding-p_' + sideWidth); } else if (canBrandingStub) { className.push(options.classPrefix + 'branding-p_banner-stub'); } } htmlElement.className = className.join(' '); try { window.dispatchEvent(new Event('resize')); } catch (ex) {} } } /** * Создает функцию, игнорирующую вызовы происходящие чаще заданого интервала * @param originalFn функция, частоту вызова которой необходимо ограничить * @param [timeout = 100] интервал * @param [callImmediately = false] флаг, указывающий что функция должна выполняться в начале группы вызовов * @returns {Function} */ function debounce (originalFn, timeout, callImmediately) { var timer = null; return function debounced () { var context = this, args = arguments; function delayed () { if (!callImmediately) { originalFn.apply(context, args); } timer = null; } if (timer !== null) { clearTimeout(timer); } else if (callImmediately) { originalFn.apply(context, args); } timer = setTimeout(delayed, timeout || 100); }; } screenSize(); window.screenSize = screenSize; if (window.addEventListener) { window.addEventListener("resize", debounce(screenSize), false); } else if (window.attachEvent) { window.attachEvent("onresize", debounce(screenSize)); } })(this);
Условия использования материалов, размещенных на сайте «Mail Авто»

Полнота авторских прав на все материалы, опубликованные на сайте «Mail Авто», за исключением особо оговоренных случаев, принадлежит ООО "Мэйл.Ру" (далее – Mail.Ru). Исключения касаются случаев прямой перепечатки на нашем сайте информации третьих лиц, в отношении которой Mail.Ru принадлежит лишь право публикации. Все такие исключения прямо оговорены в тех текстах, которых они касаются.

Все материалы, авторские права на которые принадлежат Mail.Ru (в рамках сайта «Mail Авто» ), могут быть воспроизведены в любых средствах массовой информации, на серверах сети Интернет или на любых иных носителях только с предварительного согласия «Mail Авто» . Это условие в равной степени распространяется на газеты, журналы, радиостанции, телеканалы, сайты и страницы сети Интернет. При этом при перепечатке и ретрансляции необходимо также указать ссылку на первоисточник. При перепечатке и ретрансляции в Интернете – обязательным условием является гиперссылка: «Mail Авто» либо auto.mail.ru.

Указанные выше условия использования материалов Mail.Ru также распространяются на иллюстративные материалы, используемые на нашем сайте. Исключение составляют иллюстрации, под которыми или в поле ALT которых указано имя автора или правообладателя, иное, нежели auto.mail.ru. В этом случае по вопросам воспроизведения графики следует обращаться непосредственно к автору иллюстрации.

Все исключительные права на информацию и материалы, представленные нашими партнерами для размещения на проекте «Mail Авто» (о чем имеется специальное указание при размещении материалов), принадлежат соответствующим партнерам. По всем вопросам использования указанных материалов необходимо обращаться непосредственно к ним.

Подпишитесь на нас
Новости от Mail Авто