;(function ($, window, document, undefined) {
	'use strict';
	/*============================*/
	/* 01 - VARIABLES */
	/*============================*/
	var swipers = []
		, winW, winH, winScr, _isresponsive, smPoint = 768
		, mdPoint = 992
		, lgPoint = 1200
		, addPoint = 1600
		, _ismobile = navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i);
	
	/*========================*/
	/* 02 - PAGE CALCULATIONS */
	/*========================*/
	function pageCalculations() {
		winW = $(window).width();
		winH = $(window).height();
	}

	/*=================================*/
	/* 03 - FUNCTION ON DOCUMENT READY */
	/*=================================*/
	pageCalculations();

	/*============================*/
	/* 04 - FUNCTION ON PAGE LOAD */
	/*============================*/
	$(window).load(function () {
		initSwiper();
		initFullScreenSwiper();
	});

	/*==============================*/
	/* 05 - FUNCTION ON PAGE RESIZE */
	/*==============================*/
	function resizeCall() {
		pageCalculations();
		$('.swiper-container.initialized[data-slides-per-view="responsive"]').each(function () {
			var thisSwiper = swipers['swiper-' + $(this).attr('id')]
				, $t = $(this)
				, slidesPerViewVar = updateSlidesPerView($t)
				, centerVar = thisSwiper.params.centeredSlides;
			thisSwiper.params.slidesPerView = slidesPerViewVar;
			thisSwiper.reInit();
			if (!centerVar) {
				var paginationSpan = $t.find('.pagination span');
				var paginationSlice = paginationSpan.hide().slice(0, (paginationSpan.length + 1 - slidesPerViewVar));
				if (paginationSlice.length <= 1 || slidesPerViewVar >= $t.find('.swiper-slide').length) $t.addClass('pagination-hidden');
				else $t.removeClass('pagination-hidden');
				paginationSlice.show();
			}
		});
	}
	if (!_ismobile) {
		$(window).resize(function () {
			resizeCall();
		});
	}
	else {
		window.addEventListener("orientationchange", function () {
			resizeCall();
		}, false);
	}

	/*=====================*/
	/* 06 - SWIPER SLIDERS */
	/*=====================*/
	function initSwiper() {
		var initIterator = 0;
		$('.swiper-container').each(function () {
			var $t = $(this);
			var index = 'swiper-unique-id-' + initIterator;
			$t.addClass('swiper-' + index + ' initialized').attr('id', index);
			$t.find('.pagination').addClass('pagination-' + index);
			var autoPlayVar = parseInt($t.attr('data-autoplay'), 10);
			var mode = $t.attr('data-mode');
			var slidesPerViewVar = $t.attr('data-slides-per-view');
			if (slidesPerViewVar == 'responsive') {
				slidesPerViewVar = updateSlidesPerView($t);
			}
			else slidesPerViewVar = parseInt(slidesPerViewVar, 10);
			var loopVar = parseInt($t.attr('data-loop'), 10);
			var speedVar = parseInt($t.attr('data-speed'), 10);
			var centerVar = parseInt($t.attr('data-center'), 10);
			swipers['swiper-' + index] = new Swiper('.swiper-' + index, {
				speed: speedVar
				, pagination: '.pagination-' + index
				, loop: loopVar
				, paginationClickable: true
				, autoplay: autoPlayVar
				, slidesPerView: slidesPerViewVar
				, keyboardControl: true
				, calculateHeight: true
				, simulateTouch: true
				, roundLengths: true
				, centeredSlides: centerVar
				, mode: mode || 'horizontal'
				, onInit: function (swiper) {
					$t.find('.swiper-slide').addClass('active');
				}
				, onSlideChangeEnd: function (swiper) {
					var activeIndex = (loopVar === 1) ? swiper.activeLoopIndex : swiper.activeIndex;
				}
				, onSlideChangeStart: function (swiper) {
					$t.find('.swiper-slide.active').removeClass('active');
				}
			});
			swipers['swiper-' + index].reInit();
			if ($t.attr('data-slides-per-view') == 'responsive') {
				var paginationSpan = $t.find('.pagination span');
				var paginationSlice = paginationSpan.hide().slice(0, (paginationSpan.length + 1 - slidesPerViewVar));
				if (paginationSlice.length <= 1 || slidesPerViewVar >= $t.find('.swiper-slide').length) $t.addClass('pagination-hidden');
				else $t.removeClass('pagination-hidden');
				paginationSlice.show();
			}
			if ($t.find('.default-active').length) {
				swipers['swiper-' + index].swipeTo($t.find('.swiper-slide').index($t.find('.default-active')), 0);
			}
			initIterator++;
		});
	}

	var slidesAmount;
    function initFullScreenSwiper(){
        var initIterator = 0;
        $('.full_screen_slider').each(function(){                               
            var $t = $(this);                                 
 
            var index = 'swiper-unique-id-'+initIterator;
 
            $t.addClass('swiper-'+index + ' initialized').attr('id', index);
            $t.find('.pagination').addClass('pagination-'+index);
 
            var autoPlayVar = parseInt($t.attr('data-autoplay'),10);
            var mode = $t.attr('data-mode');
            var slidesPerViewVar = $t.attr('data-slides-per-view');
            if(slidesPerViewVar == 'responsive'){
                slidesPerViewVar = updateSlidesPerView($t);
            }
            else slidesPerViewVar = parseInt(slidesPerViewVar,10);
            
            var setThumb = function(activeIndex, slidesNum){
                var url_thumb,
                    leftClick = $t.find('.slider-click.left'),
                    rightClick = $t.find('.slider-click.right'),
                    slidesNum = slidesNum,
                    activeIndexLeft, activeIndexRight;
                if(activeIndex<1) {
                    leftClick.addClass('disabled');
                }
                else {
                    leftClick.removeClass('disabled').find('.left').text(activeIndex);
                    leftClick.find('.right').text(slidesNum);
                }
                if(activeIndex == slidesNum-1) {
                    rightClick.addClass('disabled');
                }
                else {
                    rightClick.removeClass('disabled').find('.left').text(activeIndex+2);
                    rightClick.find('.right').text(slidesNum);
                }
            }

            var loopVar = parseInt($t.attr('data-loop'),10);
            var speedVar = parseInt($t.attr('data-speed'),10);
            var centerVar = parseInt($t.attr('data-center'),10);
            swipers['swiper-'+index] = new Swiper('.swiper-'+index,{
                speed: speedVar,
                pagination: '.pagination-'+index,
                loop: loopVar,
                paginationClickable: true,
                autoplay: autoPlayVar,
                slidesPerView: slidesPerViewVar,
                keyboardControl: true,
                calculateHeight: true, 
                simulateTouch: true,
                roundLengths: true,
                centeredSlides: centerVar,
                mode: mode || 'horizontal',
                onInit: function(swiper){
                    $t.find('.swiper-slide').addClass('active');
                    if ( winW > 1024 ){ 
                    	$t.find(".slider-click").each(function() {
                            var arrow = $(this);
                            $(document).on("mousemove", function(event) {
                                var arrow_parent = arrow.parent(),
                                    parent_offset = arrow_parent.offset(),
                                    pos_left = Math.min(event.pageX - parent_offset.left, arrow_parent.width()),
                                    pos_top = event.pageY - parent_offset.top;

                                    arrow.css({
                                    	'left': pos_left,
                                    	'top' : pos_top,
                                    });
                            });
                    	});
                    }
                	setThumb(swiper.activeLoopIndex, swiper.slides.length);
            	},
                onSlideChangeEnd: function(swiper){
                    var activeIndex = (loopVar===1)?swiper.activeLoopIndex:swiper.activeIndex;
                    setThumb(swiper.activeLoopIndex, swiper.slides.length);
                    
                },
                onSlideChangeStart: function(swiper){
                    $t.find('.swiper-slide.active').removeClass('active');
                    var activeIndex = (loopVar==1)?swiper.activeLoopIndex:swiper.activeIndex;
                    setThumb(swiper.activeLoopIndex, swiper.slides.length);
                    swiper.startAutoplay();
                }
            });
            swipers['swiper-'+index].reInit();
                if($t.attr('data-slides-per-view')=='responsive'){
                    var paginationSpan = $t.find('.pagination span');
                    var paginationSlice = paginationSpan.hide().slice(0,(paginationSpan.length+1-slidesPerViewVar));
                    if(paginationSlice.length<=1 || slidesPerViewVar>=$t.find('.swiper-slide').length) $t.addClass('pagination-hidden');
                    else $t.removeClass('pagination-hidden');
                    paginationSlice.show();
                }
            
            initIterator++; 
        });
        
    }

	function updateSlidesPerView(swiperContainer) {
		if (winW >= addPoint) return parseInt(swiperContainer.attr('data-add-slides'), 10);
		else if (winW >= lgPoint) return parseInt(swiperContainer.attr('data-lg-slides'), 10);
		else if (winW >= mdPoint) return parseInt(swiperContainer.attr('data-md-slides'), 10);
		else if (winW >= smPoint) return parseInt(swiperContainer.attr('data-sm-slides'), 10);
		else return parseInt(swiperContainer.attr('data-xs-slides'), 10);
	}

	//swiper arrows
	$('.swiper-arrow-left').on('click', function () {
		swipers['swiper-' + $(this).parent().attr('id')].swipePrev();
	});
	$('.swiper-arrow-right').on('click', function () {
		swipers['swiper-' + $(this).parent().attr('id')].swipeNext();
	});
	$('.swiper-outer-left').on('click', function () {
		swipers['swiper-' + $(this).parent().find('.swiper-container').attr('id')].swipePrev();
	});
	$('.swiper-outer-right').on('click', function () {
		swipers['swiper-' + $(this).parent().find('.swiper-container').attr('id')].swipeNext();
	});
	$('.slider-click.left').on('click', function(){
        swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].swipePrev();
    	swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].startAutoplay();
    });
    $('.slider-click.right').on('click', function(){
        swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].swipeNext();
    	swipers['swiper-' + $(this).parent().parent().parent().find('.full_screen_slider').attr('id')].startAutoplay();
    });

    /*============================*/
	/* 06 - FUNCTION ON PAGE READY */
	/*============================*/
	$(window).ready(function () {
		if($('.full_screen_slider.disable_scroll').length) {
			$('html, body').addClass('overflow-hidden');
		}
	});


	$(window).on('resize', function () {
		if ($('.ytbg').length) {
			video_size();
		}
		topBannerHeight();
	});

	function video_size() {
		var height = $('.ytbg').width() * 0.55;
		$('.ytbg').closest('.wpb_wrapper').css('height', height + 'px');
	}
	if ($('.ytbg').length) {
		video_size();
	}
	if ($('.wpb_wrapper .hero-slider .slide').length) {
		if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
			$('.hero-slider .slide').closest('.wpb_wrapper').css('margin', '0 15px')
		}
		else {
			$('.hero-slider .slide').closest('.wpb_wrapper').css('margin', '0 50px')
		}
	}
	$('.mb_YTPPlaypause').live('click', function () {
		$(this).toggleClass("active");
	});
	$("iframe:not([src*=soundcloud])").each(function (index) {
		$(this).wrap("<div class='video-container'></div>");
	});
	// page transitions
	$(".animsition").animsition({
		inClass: 'fade-in'
		, outClass: 'fade-out'
		, inDuration: 2000
		, outDuration: 800
		, loading: true
		, loadingParentElement: 'body', //animsition wrapper element
		loadingClass: 'animsition-loading'
		, unSupportCss: ['animation-duration'
		                          , '-webkit-animation-duration'
		                          , '-o-animation-duration'
		                        ]
		, overlay: false
		, overlayClass: 'animsition-overlay-slide'
		, overlayParentElement: 'body'
	});
	// if element visible
	// ---------------------------------
	$.fn.isVisible = function () {
		var st = $(window).scrollTop()
			, wh = $(window).height()
			, tt = $(this).offset().top
			, th = $(this).height()
			, r;
		if (st + wh >= tt && tt + th >= st) {
			r = 1
		}
		else {
			r = 0
		}
		return r;
	};
	// smooth scroll
	// ---------------------------------
	$('.sscroll').click(function () {
		var ti = $(this).attr('href')
			, tt = $(ti).offset().top - 100;
		$('html, body').animate({
			scrollTop: tt
		}, 600);
		return false;
	});
	// scroll to top
	// ---------------------------------
	$(window).scroll(function () {
		var wh = $(window).height()
			, st = $(window).scrollTop();
		if (st >= wh * 0.1) {
			$('.to-top').fadeIn();
		}
		else {
			$('.to-top').fadeOut()
		}
	});
	$('.to-top').click(function () {
		$('html, body').animate({
			scrollTop: 0
		}, 600);
		return false;
	});
	// parallax
	$.stellar({
		horizontalScrolling: false
		, responsive: true
	});
	// stellar fix - bg position on load
	if ($('[data-stellar-background-ratio]').length > 0) {
		setTimeout(function () {
			var st = $(window).scrollTop();
			$(window).scrollTop(st + 1);
			setTimeout(function () {
				$(window).scrollTop(st)
			}, 200)
		}, 200);
	};
	if ($('.hero-inner').length) {
		$(window).resize(function () {
			var hh = $('header').height();
			var hi = $('.hero-inner').height() / 2;
		}).resize();
	}
	// MOBILE NAVIGATION
	$('.mob-nav').click(function () {
		$(this).toggleClass('active');
		$(this).find('i').toggleClass('fa-bars fa-times');
		$('#topmenu').slideToggle();
		$('.header_top_bg.header_trans-fixed').toggleClass('open');
		$('body, html').toggleClass('no-scroll');
		return false;
	});
	// side links
	$('.side-link').each(function () {
		var e = $(this);
		var h = Math.round(e.height());
		if ((h % 2) == 1) {
			e.css({
				height: '+=1'
			})
		}
	});
	// Hero slider
	// ---------------------------------
	if ($('.hero-slider').length) {
		$(window).resize(function () {
			$('.hero-slider .slide').height('800px').width('100%');
		}).resize();
		$('.hero-slider').flexslider({
			animation: "slide"
			, pauseOnAction: true
			, animationLoop: true
			, slideshow: true
			, slideshowSpeed: 7000
			, animationSpeed: 600
			, controlNav: true
			, directionNav: false
		});
	}
	// YT Background
	// ---------------------------------
	$('.ytbg').YTPlayer({
		showYTLogo: false
		, optimizeDisplay: true
	});
	// equal-height columns
	$('.equal-height [class*="col-"]').matchHeight({
		byRow: false
	});
	/**/
	$('.equal-height .wpb_wrapper').matchHeight({
		byRow: false
	});
	/**/
	// responsive videos
	// ---------------------------------
	$('.video-container').fitVids();
	// image slider
	// ---------------------------------
	$('.img-slider').flexslider({
		animation: "slide"
		, smoothHeight: true
		, pauseOnAction: false
		, controlNav: false
		, directionNav: true
		, prevText: "<i class='pe pe-7s-angle-left'></i>"
		, nextText: "<i class='pe pe-7s-angle-right'></i>"
	});
	$('.flex-direction-nav a').click(function (ev) {
		ev.stopPropagation();
	});
	// BLOG
	// ---------------------------------
	$(window).load(function () {
		$('.blog').imagesLoaded(function () {
			$('.blog').shuffle({
				"itemSelector": ".post"
			});
			// fix
			setTimeout(function () {
				$('.blog').shuffle('shuffle');
			}, 200);
		});
		topBannerHeight();
		calcPaddingMainWrapper();
	});
	
	// PORTFOLIO
	// ---------------------------------
	$(window).load(function () {
		if ($('.portfolio.col-3').length) {
			$('.item').width(100 / 3 + '%');
			$('.item.wide, .item.wide-tall').width(100 * 2 / 3 + '%');
		}
		if ($('.portfolio.col-4').length) {
			$('.item').width(100 / 4 + '%');
			$('.item.wide, .item.wide-tall').width(100 * 2 / 4 + '%');
		}
		$('.portfolio .wpb_wrapper').shuffle({
			"itemSelector": ".item"
			, "delimeter": ' '
		});
		// fix
		setTimeout(function () {
			$(window).resize();
		}, 200);
	});
	// spaces between items
	$('.portfolio[data-space]').each(function () {
		var space = $(this).data('space');
		$(this).find('.item-link').css({
			'margin': space
		});
		$('.portfolio').css({
			'margin-left': -space + 'px'
			, 'margin-right': -space + 'px'
		});
	});
	// FILTER
	$('.filter ul li').click(function () {
		var filter = $(this).data('group');
		$('.portfolio .wpb_wrapper').shuffle('shuffle', filter);
		$('.filter ul li').removeClass('active');
		$(this).addClass('active');
	});
	// banner with gallery
	// ---------------------------------
	function bannerGallery() {
		var w1 = $(window).width();
		var itemsArray = $('.banner-gallery .banner-list li');
		var imgWidth = $('.banner-gallery .banner-list li').height();
		var contentLeft;
		var contentRight;
		if (w1 > 1200) {
			contentLeft = $(itemsArray[9]).width() + $(itemsArray[10]).width();
			contentRight = $(itemsArray[16]).width() + $(itemsArray[17]).width();
			$('.banner-gallery .content-wrap').css({
				'top': imgWidth + 'px'
				, 'height': imgWidth * 3 + 'px'
				, 'left': contentLeft + 'px'
				, 'right': contentRight + 'px'
			});
		}
		else if (w1 > 767) {
			contentLeft = $(itemsArray[7]).width();
			contentRight = $(itemsArray[13]).width();
			$('.banner-gallery .content-wrap').css({
				'top': imgWidth + 'px'
				, 'height': imgWidth * 3 + 'px'
				, 'left': contentLeft + 'px'
				, 'right': contentRight + 'px'
			});
		}
		else if (w1 <= 767) {
			$('.banner-gallery .content-wrap').css({
				'top': imgWidth + 'px'
				, 'left': 0 + 'px'
				, 'right': 0 + 'px'
				, 'height': imgWidth * 3 + 'px'
			});
		}
	}
	bannerGallery();
	$(window).on('resize', function () {
		bannerGallery();
		topBannerHeight();
		calcPaddingMainWrapper();
	});
	$(window).load(function () {
		bannerGallery();
		// fix
		// ---------------------------------
		setTimeout(function () {
			$(window).scroll();
		}, 300);
	});
	// toggles
	// ---------------------------------
	$('.toggle .toggle-title').click(function () {
		$(this).next('.toggle-content').slideToggle(200);
		$(this).parent('.toggle').toggleClass('active');
		return false;
	});
	// IMAGE POPUP
	// ---------------------------------
	// single
	$('.popup-image').magnificPopup({
		type: 'image'
		, mainClass: 'mfp-fade'
		, removalDelay: 300
		, closeOnContentClick: true
		, fixedContentPos: false
		, fixedBgPos: false
	});
	// gallery mode
	$('.gallery-item').magnificPopup({
		gallery: {
			enabled: true
		}
		, mainClass: 'mfp-fade'
		, fixedContentPos: false
		, type: 'image'
	});
	// YOUTUBE, VIMEO, GOOGLE MAPS POPUP
	// ---------------------------------
	$('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
		type: 'iframe'
		, mainClass: 'mfp-fade'
		, disableOn: 0
		, preloader: false
		, removalDelay: 300
		, fixedContentPos: false
	});
	// GALLERY POPUP
	// ---------------------------------
	// for portfolio
	$('.popup-gallery').magnificPopup({
		delegate: '.filtered a'
		, mainClass: 'mfp-fade'
		, gallery: {
			enabled: true
		}
		, fixedContentPos: false
		, type: 'image'
	});
	// single gallery
	$('.popup-single-gallery').each(function () {
		$(this).magnificPopup({
			delegate: 'a'
			, mainClass: 'mfp-fade'
			, gallery: {
				enabled: true
			}
			, fixedContentPos: false
			, type: 'image'
		});
	});
	// AJAX CONTACT FORM
	// ---------------------------------
	$('#contact form').submit(function () {
		var url = $(this).attr('action');
		// get information from contact form
		var name = $('[name=name]').val();
		var email = $('[name=email]').val();
		var message = $('[name=message]').val();
		// send information to contact.php
		$.ajax({
			type: "POST"
			, url: url
			, data: {
				name: name
				, email: email
				, message: message
			}
			, success: function (response) {
				// response from contact.php
				$('.contact-message').html(response).slideDown(500);
			}
			, error: function () {
				// error message
				$('.contact-message').html('<p class="error">Something went wrong, try again!</p>').slideDown('slow');
			}
		});
		return false;
	});
	// GOOGLE MAP
	// ----------------------------------
	//set your google maps parameters
	$(window).load(function () {
		if ($('#google-map').length > 0) {
			var latitude = $('#google-map').attr("data-lat")
				, longitude = $('#google-map').attr("data-lng")
				, contentString = $('#google-map').attr("data-string")
				, map_zoom = parseInt($('#google-map').attr("data-zoom"), 10);
			//google map custom marker icon
			var marker_url = $('#google-map').attr("data-marker");
			//we define here the style of the map
			var style = [{
				"featureType": "all"
				, "elementType": "labels.text.fill"
				, "stylers": [{
					"saturation": 36
				}, {
					"color": "#000000"
				}, {
					"lightness": 40
				}]
			}, {
				"featureType": "all"
				, "elementType": "labels.text.stroke"
				, "stylers": [{
					"visibility": "on"
				}, {
					"color": "#000000"
				}, {
					"lightness": 16
				}]
			}, {
				"featureType": "all"
				, "elementType": "labels.icon"
				, "stylers": [{
					"visibility": "off"
				}]
			}, {
				"featureType": "administrative"
				, "elementType": "geometry.fill"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 20
				}]
			}, {
				"featureType": "administrative"
				, "elementType": "geometry.stroke"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 17
				}, {
					"weight": 1.2
				}]
			}, {
				"featureType": "landscape"
				, "elementType": "geometry"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 20
				}]
			}, {
				"featureType": "poi"
				, "elementType": "geometry"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 21
				}]
			}, {
				"featureType": "road.highway"
				, "elementType": "geometry.fill"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 17
				}]
			}, {
				"featureType": "road.highway"
				, "elementType": "geometry.stroke"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 29
				}, {
					"weight": 0.2
				}]
			}, {
				"featureType": "road.arterial"
				, "elementType": "geometry"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 18
				}]
			}, {
				"featureType": "road.local"
				, "elementType": "geometry"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 16
				}]
			}, {
				"featureType": "transit"
				, "elementType": "geometry"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 19
				}]
			}, {
				"featureType": "water"
				, "elementType": "geometry"
				, "stylers": [{
					"color": "#000000"
				}, {
					"lightness": 17
				}]
			}];
			//set google map options
			var map_options = {
					center: new google.maps.LatLng(latitude, longitude)
					, zoom: map_zoom
					, panControl: false
					, zoomControl: true
					, mapTypeControl: false
					, streetViewControl: false
					, mapTypeId: google.maps.MapTypeId.ROADMAP
					, scrollwheel: false
					, styles: style
				, }
				//inizialize the map
			var map = new google.maps.Map(document.getElementById('google-map'), map_options);
			//add a custom marker to the map
			var marker = new google.maps.Marker({
				position: new google.maps.LatLng(latitude, longitude)
				, map: map
				, visible: true
				, icon: marker_url
			, });
			var infowindow = new google.maps.InfoWindow({
				content: contentString
			});
			google.maps.event.addListener(marker, 'click', function () {
				infowindow.open(map, marker);
			});
		}
	});
	$('.wpcf7').on('focus', '.wpcf7-not-valid', function () {
		$(this).removeClass('wpcf7-not-valid');
	});
	/***********************************/
	/* BACKGROUND*/
	/**********************************/
	//sets child image as a background
	function wpc_add_img_bg(img_sel, parent_sel) {
		if (!img_sel) {
			console.info('no img selector');
			return false;
		}
		var $parent, $imgDataHidden, _this;
		$(img_sel).each(function () {
			_this = $(this);
			$imgDataHidden = _this.data('s-hidden');
			$parent = _this.closest(parent_sel);
			$parent = $parent.length ? $parent : _this.parent();
			$parent.css('background-image', 'url(' + this.src + ')').addClass('s-back-switch');
			if ($imgDataHidden) {
				_this.css('visibility', 'hidden');
			}
			else {
				_this.hide();
			}
		});
	}
	$(window).on('load', function () {
		wpc_add_img_bg('.s-img-switch');
		if ($('.izotope-container').length) {
			var $container = $('.izotope-container');
			$('.izotope-container').each(function () {
				var self = $(this);
				var layoutM = self.attr('data-layout') || 'masonry';
				self.isotope({
					itemSelector: '.item-single'
					, layoutMode: layoutM
					, masonry: {
						columnWidth: '.item-single'
						, gutterWidth: 30
					}
				});
			});
		}
		if ($('.izotope-container-2').length) {
			var $container = $('.izotope-container-2');
			$('.izotope-container-2').each(function () {
				var self = $(this);
				var layoutM = self.attr('data-layout') || 'masonry';
				self.isotope({
					itemSelector: '.full-single'
					, layoutMode: layoutM
					, masonry: {
						columnWidth: '.full-single'
					}
				});
			});
		}
	});
	window.addEventListener("orientationchange", function () {
		bannerGallery();
	});
	$(window).on('resize', function () {
		if ($('.izotope-container').length) {
			var $container = $('.izotope-container');
			$('.izotope-container').each(function () {
				var self = $(this);
				var layoutM = self.attr('data-layout') || 'masonry';
				self.isotope({
					itemSelector: '.item-single'
					, layoutMode: layoutM
					, masonry: {
						columnWidth: '.item-single'
						, gutterWidth: 30
					}
				});
			});
		}
		if ($('.izotope-container-2').length) {
			var $container = $('.izotope-container-2');
			$('.izotope-container-2').each(function () {
				var self = $(this);
				var layoutM = self.attr('data-layout') || 'masonry';
				self.isotope({
					itemSelector: '.full-single'
					, layoutMode: layoutM
					, masonry: {
						columnWidth: '.full-single'
					}
				});
			});
		}
	});
	/*Calculate paddings for main wrapper*/
	function calcPaddingMainWrapper() {
		if(!$("#footer.fix-bottom").length) {
			var paddValue = $('footer').outerHeight();
			$('.main-wrapper').css('padding-bottom', paddValue);
		}
	}
	calcPaddingMainWrapper();
	/*Full height banner*/
	function topBannerHeight() {
		var bannerHeight = $(window).height() - $('footer').outerHeight();
		$('.full-height').css('min-height', (bannerHeight - $('header').closest('.col-xs-12').outerHeight()) + 'px');
		$('.full-height-hard').css('height', (bannerHeight - $('header').closest('.col-xs-12').outerHeight()) + 'px');
		var fullHeight = $('.top-banner.full-height').outerHeight();
		var heightContentBanner = $('.top-banner.full-height .content').outerHeight();
		var minheightContentBanner = heightContentBanner + 100;
		$('.top-banner.full-height .content').css('top', (fullHeight - heightContentBanner) / 2 + 'px');
		if (fullHeight < minheightContentBanner) {
			$('.top-banner.full-height').css('min-height', minheightContentBanner + 'px');
			$('.top-banner.full-height .content').css('top', (minheightContentBanner - heightContentBanner) / 2 + 'px');
		}
	}
	topBannerHeight();

	//fixed menu
	function addFixedHeader(){
		var topHeader = $('.header_top_bg.enable_fixed'),
			heightHeader = topHeader.height();

		$(window).on('scroll', function () {
			if ($(window).scrollTop() > 0 ) {
				topHeader.addClass('fixed');
				$('.main-wrapper').css('padding-top', heightHeader);
			} else {
				topHeader.removeClass('fixed');
				$('.main-wrapper').css('padding-top', '0');
			}
		});
	} 
	addFixedHeader();
	$(window).on('resize',function(){
		addFixedHeader();
	});
	window.addEventListener("orientationchange", function() {
		addFixedHeader();
	}, false);

	// header social
	$('.napoli-top-social .social-icon').on("click", function() {
		console.log("work");
        var thisItem = $(this); 
        var thisItemParent = thisItem.parent('.napoli-top-social');
        var thisSocials = thisItemParent.find('.social');
        
        thisItemParent.toggleClass('over');
        thisSocials.toggleClass('active');
        
        return false;
    });

	// for woocommerce
	$('.add_to_cart_button').on('click',function(){
        $(document.body).trigger('wc_fragment_refresh');
    });

	// flexslider
	$(window).on('load', function () {
		initFlexSlider();
	})

    function initFlexSlider() {
        
        $('#carousel').eventType = ('ontouchstart' in document.documentElement) ? 'touchstart' : 'click';
  		$('#carousel').eventType = "click";


        $('#slider').flexslider({
            animation: "fade",
            controlNav: false,
            animationLoop: false,
            slideshow: false,
            sync: "#carousel"
        })
        if(winW < 768) {
            $('#carousel').flexslider({
                animation: "slide",
                animationSpeed: 600,
                controlNav: false,
                animationLoop: true,
                direction: "horizontal",
                slideshow: true,
                itemWidth: 100,
                itemMargin: 1,
                mousewheel: true,
                move: 1,
                asNavFor: '#slider'
            });
        }
        else {
            $('#carousel').flexslider({
                animation: "slide",
                animationSpeed: 600,
                controlNav: false,
                animationLoop: true,
                direction: "vertical",
                slideshow: false,
                itemWidth: 100,
                itemMargin: 1,
                mousewheel: true,
                move: 1,
                asNavFor: '#slider'  
            });
        }
    }

    function changeStateVideo(iframe_container,button,player,hover_enable,services){


    	var $this = $(button),
    		iframe = iframe_container.find('iframe');

    	if (hover_enable) {

    		iframe_container.on('mouseover',function(){
    			services == 'youtube' && player.playVideo();
    			$(this).addClass('play');
    			if (services != 'youtube') {
    				if (iframe.data('src')) {
		    			iframe.attr('src',iframe.data('src'));
		    		}

		    		$this.addClass('start')
		    			 .closest('.iframe-video').addClass('play');
    			}
    		});

    		iframe_container.on('mouseout',function(){
    			services == 'youtube' && player.pauseVideo();
    			if (services != 'youtube') {
    				if (iframe.data('src')) {
		    			iframe.attr('src','about:blank');
		    		}
		    		$this.addClass('start')
		    			 .closest('.iframe-video').addClass('play');
    			}
    			$(this).removeClass('play');
    		});

    		return;
    	}

    	
    		//console.log(this);
    	if ($this.hasClass('start')) { 
    		services == 'youtube' && player.pauseVideo();
    		if (iframe.data('src')) {
    			iframe.attr('src','about:blank');
    		}
    		$this.removeClass('start')
    			 .closest('.iframe-video').removeClass('play');
    	} else {
    		services == 'youtube' && player.playVideo();
    		if (iframe.data('src')) {
    			iframe.attr('src',iframe.data('src'));
    		}
    		$this.addClass('start')
    			 .closest('.iframe-video').addClass('play');
    	}

    	iframe_container = '';
    }

    // youtube video ready
    window.onYouTubeIframeAPIReady = function() {
 		
    	var player = [],
    		$iframe_parent = [],
    		$this,
    		$button;

    	// each all iframe
    	$('iframe').each(function(i){
    		// get parent element
    		$this = $(this);
    		$iframe_parent[i] = $this.closest('.iframe-video.youtube');

    		// init video player
    		player[i] = new YT.Player(this, {
 
    			// callbacks
				events: {
					'onReady': function(event){ 
						// mute on/off 
						if ( $iframe_parent[i].data('mute') ) {
							event.target.mute();
						}
					},
					'onStateChange': function(event){

						switch (event.data) {
						  case 1:
						  	// start play
						  	//Exammple: console.log(player.getDuration());
						  break;

						  case 2:
							// pause
							if ($iframe_parent[i].find('.play-button').length) {
								$iframe_parent[i]
									.removeClass('play')
									.find('.play-button')
									.removeClass('start'); 
							}
						  break;

						  case 3: 
						  	// buffering 
						  	
						  break;

						  case 0:
						  	// end video
						  	
						  break;

						  default: '-1' 
						  	// not play
						} 
					}
				}
	        });
 
    		// hover play/pause video
	        if ($iframe_parent[i].data('type-start') == 'hover') {
		        changeStateVideo($iframe_parent[i], this, player[i],true,'youtube')
	        }

	        // click play/pause video
	        if ($iframe_parent[i].data('type-start') == 'click') {
	        	$iframe_parent[i].find('.play-button').on('click', function(event){
	        		event.preventDefault();
	        		changeStateVideo($iframe_parent[i],this, player[i],false,'youtube')
	        	});

	        }

	        // stop video
	        $iframe_parent[i].find('.video-close-button').on('click',function(){
	        	event.preventDefault();
	        	player[i].stopVideo(); 
	        	$iframe_parent[i].removeClass('play')
	        					 .find('.play-button').removeClass('start');
	        });

    	});

    }
 	
 	var $iframe_parent = [];
    $('.iframe-video:not(.youtube)').each(function(i){
    	$iframe_parent[i] = $(this);
    	$('.play-button',$iframe_parent[i]).on('click',function(){
    		event.preventDefault();
    		changeStateVideo( $iframe_parent[i], this )
    	});
    	$iframe_parent[i].find('.video-close-button').on('click',function(){
    		event.preventDefault();
    		$iframe_parent[i].find('iframe').attr('src','about:blank');
    		$iframe_parent[i].removeClass('play')
    						 .find('.play-button').removeClass('start');
    	});
		
		// hover play/pause video
        if ($iframe_parent[i].data('type-start') == 'hover') {
	        changeStateVideo($iframe_parent[i], $iframe_parent[i].find('iframe')[0], false, true)
        }
    });



    if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
        $('form').submit(function(){

            var required = $(this).find('[required]'); // change to [required] if not using true option as part of the attribute as it is not really needed.
            var error = false;

            for(var i = 0; i <= (required.length - 1);i++)
            {
                if(required[i].value == '' || !required[i].validity.valid ) // tests that each required value does not equal blank, you could put in more stringent checks here if you wish.
                {
                    required[i].style.backgroundColor = 'rgb(255,155,155)';
                    error = true; // if any inputs fail validation then the error variable will be set to true;
                }
            }

            if(error) // if error is true;
            {
                return false; // stop the form from being submitted.
            }
        });
    }





})(jQuery, window, document);