<!DOCTYPE html>
<html class="{{ htmlClass }}">
	<head lang='ru'>
		<title>SPCatalog{{ Сейчас title берется из общего шаблона. При внедрении надо вписывать сюда свой title для каждой страницы свой. }}</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv='X-UA-Compatible' content='IE=edge' />
		<meta name='description' content='Необходимо диначически вписать сюда seo-шное описание. Для каждой страницы своё.' />
		<meta name='author' content='ALVADI OÜ' />

{{!		<style type="text/css">

		body {
 			color: #202020;
 		}

 		.al-headerContainer{
 			color: white;
 		}

		</style> }}
		
		{{! PATTERNLAB STYLES }}
		<!-- <link rel="stylesheet" href="../../css/style.css?{{ cacheBuster }}" media="all" /> -->

		{{! ALVADI STYLES }}
		<link rel="stylesheet" href="../../css/main.min.css?{{ cacheBuster }}" media="all" />
    <link rel="shortcut icon" href="http://faviconist.com/icons/74db42454038fc5a452399b5023d91ba/favicon.ico" />
		<!-- Begin Pattern Lab (Required for Pattern Lab to run properly) -->
		{% pattern-lab-head %}
		<!-- End Pattern Lab -->
		
		{{! ALVADI JAVASCRIPT }}
		<!-- fast, small, and feature-rich JavaScript library -->
		<script type="text/javascript" src="../../js/jquery-1.11.3.min.js"></script>
		<!-- A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more) -->
		<script type="text/javascript" src="../../js/respond.min.js"></script>
		<!-- Selectize is the hybrid of a textbox and <select> box -->
		<script type="text/javascript" src="../../js/selectize/selectize.js"></script>
		<link rel="stylesheet" type="text/css" href="../../js/selectize/selectize.css" />
		<!-- A lightbox script, more http://lokeshdhakar.com/projects/lightbox2/ -->
		<script src="../../js/lightbox/js/lightbox.min.js"></script>
		<link href="../../js/lightbox/css/lightbox.css" rel="stylesheet" />
		
		<script type="text/javascript">
			$( document ).ready(function() {

				//======= Selectize в мобильном поиске =======
				$('#al-searchMenu--selectBrand').selectize();
				$('#al-searchMenu--selectModel').selectize();
				$('#al-searchMenu--selectModif').selectize();

			  //======= Filter in breadcrumbs =======
			  $(".al-filter").keyup(function(){
			  	$(this).closest(".al-breadcrumbsUnit").find(".al-breadcrumbsList li.al-breadcrumbs--none").hide();
			    // Retrieve the input field text
			    var filter = $(this).val();
			    var countLi = 0;
			    var countLihidden = 0;
			    // Loop through the comment list
			    $(this).closest(".al-breadcrumbsUnit").find(".al-breadcrumbsList li").not(".al-breadcrumbs--none").each(function(){
			      countLi++;
			      // If the list item does not contain the text phrase fade it out
			      if ($(this).text().search(new RegExp(filter, "i")) < 0) {
			        $(this).fadeOut();
			        countLihidden++;
			      // Show the list item if the phrase matches
			      } else {
			        $(this).show();
			        var matchStart = $(this).text().toLowerCase().indexOf("" + filter.toLowerCase() + "");
			        var matchEnd = matchStart + filter.length;
			        var beforeMatch = $(this).text().slice(0, matchStart);

			        var matchText = $(this).text().slice(matchStart, matchEnd);
			        var afterMatch = $(this).text().slice(matchEnd);
			        $(this).children('a').html(beforeMatch + "<em>" + matchText + "</em>" + afterMatch);
			      }
			    });
			    // show "nothind found"
			    if (countLihidden-countLi==0) {
			    	$(this).closest(".al-filter").closest(".al-breadcrumbsUnit").find(".al-breadcrumbs--none").show();
			    }
			  });
			  
				// Появление картинки машинки у хлебных крошек
				// $('.al-breadcrumbsList a').hover(function(){
			 //    $(this).parent().children('img').show();
				// });

				//- Замена иконок в хедере на красные при ховер эффекте
				$('.al-cart').hover(function(){
					if ($(this).children('.al-cartContent').length) {
			    	$(this).children('i').toggleClass('icon-cart icon-cartRed');
					} else {
						$(this).css('background-color', 'initial');
						$(this).children('a').css('color', 'white');
					}
				});
				$('.al-userArea').hover(function(){
			    $(this).children('i').toggleClass('icon-account icon-accountRed');
				});
				$('.al-searchContainer .al-searchContainer__Window--menu').hover(function(){
			    $(this).children('i').toggleClass('icon-menuIcon icon-menuIconRed');
				});
				$('.al-searchContainer .al-searchContainer__Window--cart').hover(function(){
			    $(this).children('i').toggleClass('icon-cart icon-cartRed');
				});
				$('.al-searchContainer .al-searchContainer__Window--search').hover(function(){
			    $(this).children('i').toggleClass('icon-search_icon icon-search_iconRed');
				});


				// Открытие меню в хедере по клику
				if (window.matchMedia('(max-width: 768px)').matches){
					$('.al-userArea').click(function(event){
						event.preventDefault();
						$('.al-userDropMenu').toggle();
				    $('.al-window__searchMenu').hide();
				    $('.al-window__menuMenu').hide();
				    $('.al-window__cartMenu').hide();
				    if($('.al-overlay__body').is(':visible') && $('.al-userDropMenu').is(':hidden')){
				    	$('.al-overlay__body').hide();
				    }else{
				    	$('.al-overlay__body').show();
				    }
				  });
				}
				
				$('.al-searchContainer .al-searchContainer__Window--search').click(function(){
					$('.al-userDropMenu').hide();
			    $('.al-window__searchMenu').toggle();
			    $('.al-window__menuMenu').hide();
			    $('.al-window__cartMenu').hide();
			    if($('.al-overlay__body').is(':visible') && $('.al-window__searchMenu').is(':hidden')){
			    	$('.al-overlay__body').hide();
			    }else{
			    	$('.al-overlay__body').show();
			    }
				});

				$('.al-searchContainer .al-searchContainer__Window--menu').click(function(){
					$('.al-userDropMenu').hide();
			    $('.al-window__searchMenu').hide();
			    $('.al-window__menuMenu').toggle();
			    $('.al-window__cartMenu').hide();
			    if($('.al-overlay__body').is(':visible') && $('.al-window__menuMenu').is(':hidden')){
			    	$('.al-overlay__body').hide();
			    }else{
			    	$('.al-overlay__body').show();
			    }
				});

				$('.al-searchContainer .al-searchContainer__Window--cart').click(function(){
					$('.al-userDropMenu').hide();
			    $('.al-window__searchMenu').hide();
			    $('.al-window__menuMenu').hide();
			    $('.al-window__cartMenu').toggle();
			    if($('.al-overlay__body').is(':visible') && $('.al-window__cartMenu').is(':hidden')){
			    	$('.al-overlay__body').hide();
			    }else{
			    	$('.al-overlay__body').show();
			    }
				});

				$('.al-overlay__body').click(function(){
					$('.al-userDropMenu').hide();
			    $('.al-window__searchMenu').hide();
			    $('.al-window__menuMenu').hide();
			    $('.al-window__cartMenu').hide();
			    $('.al-overlay__body').hide();
				});

				// Табуляция в поиске по названию детали
				$('.al-spcGroups__searchTabList ul li').click(function(){
				  var tab_id = $(this).attr('data-tab');
				  $('.al-spcGroups__searchTabList ul li').removeClass('al-active');
				  $('.al-spcGroups__searchTabs .al-tab').removeClass('al-tab--active');

				  $(this).addClass('al-active');
				  $(".al-spcGroups__searchTabs ."+tab_id).addClass('al-tab--active');
				});

				// Список в поиске Общий
				$('.al-list li').click(function(){
				  $('.al-list li').removeClass('al-active');
				  $(this).addClass('al-active');
				});

				// Показ модели машины в смарте
				$('.al-spcHeader__info--s i').click(function(){
					$(this).toggleClass('icon-moreInfo icon-lessInfo');
				  $('table.al-info').toggle();
				});

				// Табуляция в мобильном поиске
				$('.al-searchMenu__TabList ul li').click(function(){
				  var tab_id = $(this).attr('data-tab');
				  $('.al-searchMenu__TabList ul li').removeClass('al-list--active');
				  $('.al-searchMenu__Tabs .al-tab').removeClass('al-tab--active');

				  $(this).addClass('al-list--active');
				  $('.al-searchMenu__Tabs .'+tab_id).addClass('al-tab--active');
				});

				// node scheme замена иконки при открытии списка
				$('.al-info__list--more').hover(function(){
			    $(this).find('i').toggleClass('al-icon-expand al-icon-expanded');
			    $(this).find('ul').toggle();
			    $(this).toggleClass('al-info--hover');
				});

				// node scheme показ поиска детали в списке по клику на лупу
				$('.al-node__splist--search').hide();
				$('.al-icon-customSearch').click(function(){
					var spanWidth = $(this).parent().children('span').outerWidth(true)-14;
					$(this).parent().children('span').toggle();
					$('.al-node__splist--search').css('width', spanWidth)
				  $('.al-node__splist--search').toggle();
				});

				// node scheme cartfull оем выдача при клике на выбрать цену
				$('.al-info__priceChoice a').click(function(event){
					event.preventDefault();
					$('.al-oem_pricecheck').show();
			    $('.al-overlay').show();
				});

				$('.al-overlay').click(function(){
					$('.al-oem_pricecheck').hide();
			    $('.al-overlay').hide();
				});

				$('.al-modal--close a').click(function(event){
					event.preventDefault();
					$('.al-oem_pricecheck').hide();
			    $('.al-overlay').hide();
				});
				
				// height списка al-info__list--main
				var ulHeight = $('.al-node__illustration').outerHeight(true);
				$('.al-info__list--main').css('height', ulHeight);

				// появление тени при скролле списка al-info__list--main
				var totalHeight = 0;
				$('.al-info__list--main').children().each(function(){
				    totalHeight = totalHeight + $(this).outerHeight(true);
				});
				if ( ulHeight <= totalHeight ) {

					$( '.al-info__list--main' ).scroll(function() {
					  $('.al-info__list--main').parent().addClass('al-node--shadow');
					});

				}

			});
		</script>
	</head>
	<body class="{{ bodyClass }}">	
		