/*(function($) {
	console.log('start');
	$('#accordeon').AccordionImageMenu();
        console.log('finish');
})(jQuery);*/

jQuery(document).ready(function(){
    console.log('start');
	jQuery('.accordeon2').AccordionImageMenu({
			//'closeDim': 150,
			//'openDim': 250,
        });
        console.log('finish2');
		
		jQuery('.node-collections .field-items img').on({
			mouseenter: function () {
				a = jQuery(this).parentsUntil('.field-item');
				jQuery(this).closest('.field-item').css('z-index','10000');
				jQuery(this).animate({
					//zIndex:100000,
					width:'280px',
					height:'280px',
					marginTop:'-90px',
					marginLeft:'-90px',
				  }, 100, function() {
					// Animation complete.
				  });
				//stuff to do on mouse enter
			},
			mouseleave: function () {
				jQuery(this).closest('.field-item').css('z-index','0');
				jQuery(this).animate({
					//zIndex:0,
					width:'100px',
					height:'100px',
					marginTop:'0',
					marginLeft:'0',
				  }, 100, function() {
					// Animation complete.
				  });
			}
		});
				jQuery('.node-aksessuary .field-items img').on({
			mouseenter: function () {
				a = jQuery(this).parentsUntil('.field-item');
				jQuery(this).closest('.field-item').css('z-index','10000');
				jQuery(this).animate({
					//zIndex:100000,
					width:'280px',
					height:'280px',
					marginTop:'-90px',
					marginLeft:'-90px',
				  }, 100, function() {
					// Animation complete.
				  });
				//stuff to do on mouse enter
			},
			mouseleave: function () {
				jQuery(this).closest('.field-item').css('z-index','0');
				jQuery(this).animate({
					//zIndex:0,
					width:'100px',
					height:'100px',
					marginTop:'0',
					marginLeft:'0',
				  }, 100, function() {
					// Animation complete.
				  });
			}
		});
		
		jQuery('.node-collections .field-items img').click(function(){
			jQuery(this).closest('.field-item').css('z-index','0');
		});	

		jQuery('.node-aksessuary .field-items img').click(function(){
			jQuery(this).closest('.field-item').css('z-index','0');
		});
		
		ymaps.ready(function () {
			var myMap = new ymaps.Map('map', {
					center: [59.83061075186438,30.384636346557617],
					zoom: 18
				}, {
					searchControlProvider: 'yandex#search'
				}),

				// Создаём макет содержимого.
				MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
					'<div style="color: #FFFFFF; font-weight: bold;">$[properties.iconContent]</div>'
				),

				myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
					hintContent: 'Империал-Текс',
					balloonContent: 'А эта — новогодняя',
					iconContent: 'Империал-Текс'
				}, {
					// Опции.
					// Необходимо указать данный тип макета.
					iconLayout: 'default#image',
					// Своё изображение иконки метки.
					iconImageHref: 'https://i.pinimg.com/474x/6a/e8/fa/6ae8fa27051e782307254d7f9bcd72d9.jpg',
					// Размеры метки.
					iconImageSize: [64, 64],
					// Смещение левого верхнего угла иконки относительно
					// её "ножки" (точки привязки).
					iconImageOffset: [-5, -38]
				});

			myMap.geoObjects
				.add(myPlacemark);
		});
	jQuery('.view-brands .views-row .info').on({
			mouseenter: function () {
				jQuery(this).animate({
					//zIndex:100000,
					opacity:1,
				  }, 100, function() {
					// Animation complete.
				});
				//stuff to do on mouse enter
			},
			mouseleave: function () {
				jQuery(this).animate({
					//zIndex:100000,
					opacity:0,
				  }, 100, function() {
					// Animation complete.
				});
			}
		});
	
});