"use strict"; //hidding menu elements that do not fit in menu width //processing center logo function menuHideExtraElements() { //cleaneng changed elements jQuery('.sf-more-li, .sf-logo-li').remove(); var $menuWraper = jQuery('.mainmenu_wrapper'); $menuWraper.attr('style', ''); var windowWidth = jQuery('body').innerWidth(); if (windowWidth > 991) { //grab all main menu first level items var $menuLis = $menuWraper.find('.sf-menu > li'); $menuLis.removeClass('sf-md-hidden'); var $headerLogoCenter = jQuery('.header_logo_center'); var logoWidth = 0; var summaryLiWidth = 0; if ( $headerLogoCenter.length ) { var $logo = $headerLogoCenter.find('.logo') logoWidth = $logo.outerWidth(true); } // var wrapperWidth = jQuery('.sf-menu').width(); var wrapperWidth = $menuWraper.outerWidth(true); $menuLis.each(function(index) { var elementWidth = jQuery(this).outerWidth(); summaryLiWidth += elementWidth; if(summaryLiWidth >= (wrapperWidth-logoWidth)) { var $newLi = jQuery('
  • ...
  • '); jQuery($menuLis[index - 2 ]).before($newLi); var newLiWidth = jQuery($newLi).outerWidth(true); var $extraLiElements = $menuLis.filter(':gt('+ ( index - 3 ) +')'); $extraLiElements.clone().appendTo($newLi.find('ul')); $extraLiElements.addClass('sf-md-hidden'); return false; } }); if ( $headerLogoCenter.length ) { var $menuLisVisible = $headerLogoCenter.find('.sf-menu > li:not(.sf-md-hidden)'); var menuLength = $menuLisVisible.length; var summaryLiVisibleWidth = 0; $menuLisVisible.each(function(){ summaryLiVisibleWidth += jQuery(this).outerWidth(); }); var centerLi = Math.floor( menuLength / 2 ); if ( (menuLength % 2 === 0) ) { centerLi--; } var $liLeftFromLogo = $menuLisVisible.eq(centerLi); $liLeftFromLogo.after('
  •  
  • '); $headerLogoCenter.find('.sf-logo-li').width(logoWidth); var liLeftRightDotX = $liLeftFromLogo.offset().left + $liLeftFromLogo.outerWidth(); var logoLeftDotX = windowWidth/2 - logoWidth/2; var menuLeftOffset = liLeftRightDotX - logoLeftDotX; $menuWraper.css({'left': -menuLeftOffset}) } }// > 991 } //menuHideExtraElements function initMegaMenu() { var $megaMenu = jQuery('.mainmenu_wrapper .mega-menu'); if($megaMenu.length) { var windowWidth = jQuery('body').innerWidth(); if (windowWidth > 991) { $megaMenu.each(function(){ var $thisMegaMenu = jQuery(this); //temporary showing mega menu to propper size calc $thisMegaMenu.css({'display': 'block', 'left': 'auto'}); var thisWidth = $thisMegaMenu.outerWidth(); var thisOffset = $thisMegaMenu.offset().left; var thisLeft = (thisOffset + (thisWidth/2)) - windowWidth/2; $thisMegaMenu.css({'left' : -thisLeft, 'display': 'none'}); if(!$thisMegaMenu.closest('ul').hasClass('nav')) { $thisMegaMenu.css('left', ''); } }); } } } function pieChart() { //circle progress bar if (jQuery().easyPieChart) { jQuery('.chart').each(function(){ var $currentChart = jQuery(this); var imagePos = $currentChart.offset().top; var topOfWindow = jQuery(window).scrollTop(); if (imagePos < topOfWindow+900) { var size = $currentChart.data('size') ? $currentChart.data('size') : 270; var line = $currentChart.data('line') ? $currentChart.data('line') : 20; var bgcolor = $currentChart.data('bgcolor') ? $currentChart.data('bgcolor') : '#f5f5f5'; var trackcolor = $currentChart.data('trackcolor') ? $currentChart.data('trackcolor') : '#c14240'; var speed = $currentChart.data('speed') ? $currentChart.data('speed') : 3000; $currentChart.easyPieChart({ barColor: trackcolor, trackColor: bgcolor, scaleColor: false, scaleLength: false, lineCap: 'butt', lineWidth: line, size: size, rotate: 0, animate: speed, onStep: function(from, to, percent) { jQuery(this.el).find('.percent').text(Math.round(percent)); } }); } }); } } function affixSidebarInit() { var $affixAside = jQuery('.affix-aside'); if ($affixAside.length) { //on stick and unstick event $affixAside.on('affix.bs.affix', function(e) { var affixWidth = $affixAside.width() - 1; var affixLeft = $affixAside.offset().left; $affixAside .width(affixWidth) .css("left", affixLeft); }).on('affix-top.bs.affix affix-bottom.bs.affix', function(e) { $affixAside.css({"width": "", "left": ""}); }); //counting offset var offsetTop = $affixAside.offset().top - jQuery('.page_header').height(); var offsetBottom = jQuery('.page_footer').outerHeight(true) + jQuery('.page_copyright').outerHeight(true); $affixAside.affix({ offset: { top: offsetTop, bottom: offsetBottom }, }); jQuery(window).on('resize', function() { $affixAside.css({"width": "", "left": ""}); if( $affixAside.hasClass('affix')) { //returning sidebar in top position if it is sticked because of unexpacted behavior $affixAside.removeClass("affix").css("left", "").addClass("affix-top"); } var offsetTop = jQuery('.page_topline').outerHeight(true) + jQuery('.page_toplogo').outerHeight(true) + jQuery('.page_breadcrumbs').outerHeight(true) + jQuery('.page_header').outerHeight(true); var offsetBottom = jQuery('.page_footer').outerHeight(true) + jQuery('.page_copyright').outerHeight(true); $affixAside.data('bs.affix').options.offset.top = offsetTop; $affixAside.data('bs.affix').options.offset.bottom = offsetBottom; $affixAside.affix('checkPosition'); }); }//eof checking of affix sidebar existing } //function that initiating template plugins on document.ready event function documentReadyInit() { //////////// //mainmenu// //////////// if (jQuery().scrollbar) { jQuery('[class*="scrollbar-"]').scrollbar(); } if (jQuery().superfish) { jQuery('ul.sf-menu').superfish({ popUpSelector: 'ul:not(.mega-menu ul), .mega-menu ', delay: 700, animation: {opacity:'show', marginTop: 1}, animationOut: {opacity: 'hide', marginTop: 5}, speed: 200, speedOut: 200, disableHI: false, cssArrows: true, autoArrows: true }); jQuery('ul.sf-menu-side').superfish({ popUpSelector: 'ul:not(.mega-menu ul), .mega-menu ', delay: 500, animation: {opacity:'show', height: 100 +'%'}, animationOut: {opacity: 'hide', height: 0}, speed: 400, speedOut: 300, disableHI: false, cssArrows: true, autoArrows: true }); } //toggle mobile menu jQuery('.toggle_menu').on('click', function(){ jQuery('.toggle_menu').toggleClass('mobile-active'); jQuery('.page_header').toggleClass('mobile-active'); }); jQuery('.mainmenu a').on('click', function(){ if (!jQuery(this).hasClass('sf-with-ul')) { jQuery('.toggle_menu').toggleClass('mobile-active'); jQuery('.page_header').toggleClass('mobile-active'); } }); //side header processing var $sideHeader = jQuery('.page_header_side'); if ($sideHeader.length) { var $body = jQuery('body'); jQuery('.toggle_menu_side').on('click', function(){ if (jQuery(this).hasClass('header-slide')) { $sideHeader.toggleClass('active-slide-side-header'); } else { if(jQuery(this).parent().hasClass('header_side_right')) { $body.toggleClass('active-side-header slide-right'); } else { $body.toggleClass('active-side-header'); } } }); // toggle sub-menus visibility on menu-side-click jQuery('ul.menu-side-click').find('li').each(function(){ var $thisLi = jQuery(this); //toggle submenu only for menu items with submenu if ($thisLi.find('ul').length) { $thisLi .append('') //adding anchor .find('.activate_submenu, > a') .on('click', function(e) { var $thisSpanOrA = jQuery(this); //if this is a link and it is already opened - going to link if (($thisSpanOrA.attr('href') === '#') || !($thisSpanOrA.parent().hasClass('active-submenu'))) { e.preventDefault(); } if ($thisSpanOrA.parent().hasClass('active-submenu')) { $thisSpanOrA.parent().removeClass('active-submenu'); return; } $thisLi.addClass('active-submenu').siblings().removeClass('active-submenu'); }); } //eof sumbenu check }); //hidding side header on click outside header jQuery('body').on('click', function( e ) { if ( !(jQuery(e.target).closest('.page_header_side').length) && !($sideHeader.hasClass('page_header_side_sticked')) ) { $sideHeader.removeClass('active-slide-side-header'); $body.removeClass('active-side-header slide-right'); } }); } //sideHeader check //1 and 2/3/4th level mainmenu offscreen fix var MainWindowWidth = jQuery(window).width(); jQuery(window).on('resize', function(){ MainWindowWidth = jQuery(window).width(); }); //2/3/4 levels jQuery('.mainmenu_wrapper .sf-menu').on('mouseover', 'ul li', function(){ // jQuery('.mainmenu').on('mouseover', 'ul li', function(){ if(MainWindowWidth > 991) { var $this = jQuery(this); // checks if third level menu exist var subMenuExist = $this.find('ul').length; if( subMenuExist > 0){ var subMenuWidth = $this.find('ul, div').first().width(); var subMenuOffset = $this.find('ul, div').first().parent().offset().left + subMenuWidth; // if sub menu is off screen, give new position if((subMenuOffset + subMenuWidth) > MainWindowWidth){ var newSubMenuPosition = subMenuWidth + 0; $this.find('ul, div').first().css({ left: -newSubMenuPosition, }); } else { $this.find('ul, div').first().css({ left: '100%', }); } } } //1st level }).on('mouseover', '> li', function(){ if(MainWindowWidth > 991) { var $this = jQuery(this); var subMenuExist = $this.find('ul').length; if( subMenuExist > 0){ var subMenuWidth = $this.find('ul').width(); var subMenuOffset = $this.find('ul').parent().offset().left; // if sub menu is off screen, give new position if((subMenuOffset + subMenuWidth) > MainWindowWidth){ var newSubMenuPosition = MainWindowWidth - (subMenuOffset + subMenuWidth); $this.find('ul').first().css({ left: newSubMenuPosition, }); } } } }); ///////////////////////////////////////// //single page localscroll and scrollspy// ///////////////////////////////////////// var navHeight = jQuery('.page_header').outerHeight(true); if (jQuery('.mainmenu_wrapper').length) { jQuery('body').scrollspy({ target: '.mainmenu_wrapper', offset: navHeight }) } if (jQuery('.mainmenu_side_wrapper').length) { jQuery('body').scrollspy({ target: '.mainmenu_side_wrapper', offset: navHeight }); } if (jQuery().localScroll) { jQuery('.mainmenu_wrapper > ul, .mainmenu_side_wrapper > ul, #land').localScroll({ duration:900, easing:'easeInOutQuart', offset: -navHeight+10 }); } //toTop if (jQuery().UItoTop) { jQuery().UItoTop({ easingType: 'easeOutQuart' }); } //parallax if (jQuery().parallax) { jQuery('.parallax').parallax("50%", 0.01); } //prettyPhoto if (jQuery().prettyPhoto) { jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({ hook: 'data-gal', theme: 'facebook' /* light_rounded / dark_rounded / light_square / dark_square / facebook / pp_default*/ }); } //////////////////////////////////////// //init Twitter Bootstrap JS components// //////////////////////////////////////// //bootstrap carousel if (jQuery().carousel) { jQuery('.carousel').carousel(); } //bootstrap tab - show first tab jQuery('.nav-tabs').each(function() { jQuery(this).find('a').first().tab('show'); }); jQuery('.tab-content').each(function() { jQuery(this).find('.tab-pane').first().addClass('fade in'); }); //bootstrap collapse - show first tab jQuery('.panel-group').each(function() { jQuery(this).find('a').first().filter('.collapsed').trigger('click'); }); //tooltip if (jQuery().tooltip) { jQuery('[data-toggle="tooltip"]').tooltip(); } //////////////// //owl carousel// //////////////// if (jQuery().owlCarousel) { jQuery('.owl-carousel').each(function() { var $carousel = jQuery(this); var loop = $carousel.data('loop') ? $carousel.data('loop') : false; var margin = ($carousel.data('margin') || $carousel.data('margin') === 0) ? $carousel.data('margin') : 30; var nav = $carousel.data('nav') ? $carousel.data('nav') : false; var navContainer = $carousel.data('nav-container') ? $carousel.data('nav-container') : false; var dots = $carousel.data('dots') ? $carousel.data('dots') : false; var themeClass = $carousel.data('themeclass') ? $carousel.data('themeclass') : 'owl-theme'; var center = $carousel.data('center') ? $carousel.data('center') : false; var items = $carousel.data('items') ? $carousel.data('items') : 4; var autoplay = $carousel.data('autoplay') ? $carousel.data('autoplay') : false; var responsiveXs = $carousel.data('responsive-xs') ? $carousel.data('responsive-xs') : 1; var responsiveSm = $carousel.data('responsive-sm') ? $carousel.data('responsive-sm') : 2; var responsiveMd = $carousel.data('responsive-md') ? $carousel.data('responsive-md') : 3; var responsiveLg = $carousel.data('responsive-lg') ? $carousel.data('responsive-lg') : 4; var filters = $carousel.data('filters') ? $carousel.data('filters') : false; if (filters) { $carousel.clone().appendTo($carousel.parent()).addClass( filters.substring(1) + '-carousel-original' ); jQuery(filters).on('click', 'a', function( e ) { //processing filter link e.preventDefault(); if (jQuery(this).hasClass('selected')) { return; } var filterValue = jQuery( this ).attr('data-filter'); jQuery(this).siblings().removeClass('selected active'); jQuery(this).addClass('selected active'); //removing old items $carousel.find('.owl-item').length; for (var i = $carousel.find('.owl-item').length - 1; i >= 0; i--) { $carousel.trigger('remove.owl.carousel', [1]); }; //adding new items var $filteredItems = jQuery($carousel.next().find(' > ' +filterValue).clone()); $filteredItems.each(function() { $carousel.trigger('add.owl.carousel', jQuery(this)); }); $carousel.trigger('refresh.owl.carousel'); }); } //filters $carousel.owlCarousel({ loop: loop, margin: margin, nav: nav, navContainer: navContainer, autoplay: autoplay, dots: dots, themeClass: themeClass, center: center, items: items, responsive: { 0:{ items: responsiveXs }, 767:{ items: responsiveSm }, 992:{ items: responsiveMd }, 1200:{ items: responsiveLg } }, }) .addClass(themeClass); if(center) { $carousel.addClass('owl-center'); } }); } //eof owl-carousel //comingsoon counter if (jQuery().countdown) { //today date plus month for demo purpose var demoDate = new Date(); demoDate.setMonth(demoDate.getMonth()+1); jQuery('#comingsoon-countdown').countdown({until: demoDate}); } ///////////////////////////////////////////////// //PHP widgets - contact form, search, MailChimp// ///////////////////////////////////////////////// //contact form processing jQuery('form.contact-form').on('submit', function( e ){ e.preventDefault(); var $form = jQuery(this); jQuery($form).find('span.contact-form-respond').remove(); //checking on empty values jQuery($form).find('[aria-required="true"], [required]').each(function(index) { if (!jQuery(this).val().length) { jQuery(this).addClass('invalid').on('focus', function(){jQuery(this).removeClass('invalid')}); } }); //if one of form fields is empty - exit if ($form.find('[aria-required="true"], [required]').hasClass('invalid')) { return; } //sending form data to PHP server if fields are not empty var request = $form.serialize(); var ajax = jQuery.post( "contact-form.php", request ) .done(function( data ) { jQuery($form).find('[type="submit"]').attr('disabled', false).parent().append(''+data+''); //cleaning form var $formErrors = $form.find('.form-errors'); if ( !$formErrors.length ) { $form[0].reset(); } }) .fail(function( data ) { jQuery($form).find('[type="submit"]').attr('disabled', false).parent().append('Mail cannot be sent. You need PHP server to send mail.'); }) }); //search modal jQuery(".search_modal_button").on('click', function(e){ e.preventDefault(); jQuery('#search_modal').modal('show').find('input').first().focus(); }); //search form processing jQuery('form.searchform').on('submit', function( e ){ e.preventDefault(); var $form = jQuery(this); var $searchModal = jQuery('#search_modal'); $searchModal.find('div.searchform-respond').remove(); //checking on empty values jQuery($form).find('[type="text"]').each(function(index) { if (!jQuery(this).val().length) { jQuery(this).addClass('invalid').on('focus', function(){jQuery(this).removeClass('invalid')}); } }); //if one of form fields is empty - exit if ($form.find('[type="text"]').hasClass('invalid')) { return; } $searchModal.modal('show'); //sending form data to PHP server if fields are not empty var request = $form.serialize(); var ajax = jQuery.post( "search.php", request ) .done(function( data ) { $searchModal.append('
    '+data+'
    '); }) .fail(function( data ) { $searchModal.append('
    Search cannot be done. You need PHP server to search.
    '); }) }); //MailChimp subscribe form processing jQuery('.signup').on('submit', function( e ) { e.preventDefault(); var $form = jQuery(this); // update user interface $form.find('.response').html('Adding email address...'); // Prepare query string and send AJAX request jQuery.ajax({ url: 'mailchimp/store-address.php', data: 'ajax=true&email=' + escape($form.find('.mailchimp_email').val()), success: function(msg) { $form.find('.response').html(msg); } }); }); //twitter if (jQuery().tweet) { jQuery('.twitter').tweet({ modpath: "./twitter/", count: 2, avatar_size: 48, loading_text: 'loading twitter feed...', join_text: 'auto', username: 'ThemeForest', template: "{avatar}
    {time}{join}{tweet_text}
    " }); } //adding CSS classes for elements that needs different styles depending on they widht width //see 'plugins.js' file jQuery('#mainteasers .col-lg-4').addWidthClass({ breakpoints: [500, 600] }); //background image teaser jQuery(".bg_teaser").each(function(){ var $teaser = jQuery(this); var imagePath = $teaser.find("img").first().attr("src"); $teaser.css("background-image", "url(" + imagePath + ")"); if (!$teaser.find('.bg_overlay').length) { $teaser.prepend('
    '); } }); // init timetable var $timetable = jQuery('#timetable'); if ($timetable.length) { // bind filter click jQuery('#timetable_filter').on( 'click', 'a', function( e ) { e.preventDefault(); e.stopPropagation(); if ( jQuery(this).hasClass('selected') ) { // return false; return; } var selector = jQuery(this).attr('data-filter'); $timetable.find('tbody td').removeClass('current').end().find(selector).closest('td').addClass('current'); jQuery( this ).closest('ul').find('a').removeClass('selected'); jQuery( this ).addClass('selected'); }); } ///////// //SHOP/// ///////// jQuery('#toggle_shop_view').on('click', function( e ) { e.preventDefault(); jQuery(this).toggleClass('grid-view'); jQuery('#products').toggleClass('grid-view list-view'); }); //zoom image if (jQuery().elevateZoom) { jQuery('#product-image').elevateZoom({ gallery: 'product-image-gallery', cursor: 'pointer', galleryActiveClass: 'active', responsive:true, loadingIcon: 'img/AjaxLoader.gif' }); } //add review button jQuery('.review-link').on('click', function( e ) { var thisLink = jQuery(this); var reviewTabLink = jQuery('a[href="#reviews_tab"]'); //show tab only if it's hidden if (!reviewTabLink.parent().hasClass('active')) { reviewTabLink .tab('show') .on('shown.bs.tab', function (e) { jQuery(window).scrollTo(jQuery(thisLink).attr('href'), 400); }) } jQuery(window).scrollTo(jQuery(thisLink).attr('href'), 400); }); //product counter jQuery('.plus, .minus').on('click', function( e ) { var numberField = jQuery(this).parent().find('[type="number"]'); var currentVal = numberField.val(); var sign = jQuery(this).val(); if (sign === '-') { if (currentVal > 1) { numberField.val(parseFloat(currentVal) - 1); } } else { numberField.val(parseFloat(currentVal) + 1); } }); //remove product from cart jQuery('a.remove').on('click', function( e ) { e.preventDefault(); jQuery(this).closest('tr, .media').remove(); }); //price filter if (jQuery().slider) { jQuery( ".slider-range-price" ).slider({ range: true, min: 0, max: 100000, values: [ 1500, 30000 ], slide: function( event, ui ) { jQuery( ".slider_price_min" ).val( ui.values[ 0 ] ); jQuery( ".slider_price_max" ).val( ui.values[ 1 ] ); } }); jQuery( ".slider_price_min" ).val( jQuery( ".slider-range-price" ).slider( "values", 0 ) ); jQuery( ".slider_price_max" ).val( jQuery( ".slider-range-price" ).slider( "values", 1 ) ); } //color filter jQuery(".color-filters").find("a[data-background-color]").each(function() { jQuery(this).css({"background-color" : jQuery(this).data("background-color")}); }); // end of SHOP // Instagram widget var Spectra = { instaToken: '3905738328.60c782d.b65ed3f058d64e6ab32c110c6ac12d9b', instaID: '60c782dfecaf4050b59ff4c159246641', init: function () { jQuery.fn.spectragram.accessData = { accessToken: this.instaToken, clientID: this.instaID }; jQuery('.instafeed').spectragram('getRecentTagged',{ max: 6, query: 'moveco', wrapEachWith: '
    ' }); } } Spectra.init(); // color for placeholder of select elements jQuery(".choice").on('change', function () { var selectInp = jQuery(this); if (selectInp.val() === "") { selectInp.addClass("empty"); } else { selectInp.removeClass("empty"); } }); jQuery(".choice").change(); }//eof documentReadyInit //function that initiating template plugins on window.load event function windowLoadInit() { //chart pieChart(); //flexslider if (jQuery().flexslider) { var $introSlider = jQuery(".intro_section .flexslider"); $introSlider.each(function(index){ var $currentSlider = jQuery(this); $currentSlider.flexslider({ animation: "fade", pauseOnHover: true, useCSS: true, controlNav: false, directionNav: true, prevText: "", nextText: "", smoothHeight: false, slideshowSpeed:10000, animationSpeed:1200, start: function( slider ) { slider.find('.slide_description').children().css({'visibility': 'hidden'}); slider.find('.flex-active-slide .slide_description').children().each(function(index){ var self = jQuery(this); var animationClass = !self.data('animation') ? 'fadeInRight' : self.data('animation'); setTimeout(function(){ self.addClass("animated "+animationClass); }, index*200); }); }, after :function( slider ){ slider.find('.flex-active-slide .slide_description').children().each(function(index){ var self = jQuery(this); var animationClass = !self.data('animation') ? 'fadeInRight' : self.data('animation'); setTimeout(function(){ self.addClass("animated "+animationClass); }, index*200); }); }, end :function( slider ){ slider.find('.slide_description').children().each(function() { var self = jQuery(this); var animationClass = !self.data('animation') ? 'fadeInRight' : self.data('animation'); self.removeClass('animated ' + animationClass).css({'visibility': 'hidden'}); // jQuery(this).attr('class', ''); }); }, }) //wrapping nav with container .find('.flex-control-nav') .wrap('