(function(){ 'use strict'; /*------------------------------------------ sticky menu ------------------------------------------*/ function stickymenu(){ var _window = $(window), stickyheader = $('body.sticky-header'), mainheader = $('.main-header'), offcanvasmenu = $('.offcanvas-menu'), mainheaderinner = $('.main-header-inner'), menucontainer = mainheader.find('.menu-container'), logocontainer = mainheader.find('.logo-container'), mainheaderoffset = mainheaderinner.offset().top + mainheaderinner.outerheight(), stickyel = $(''); if ( stickyheader.length ) { stickyel.appendto('body').insertbefore('.main-wrapper'); if ( menucontainer.find('.main-nav').hasclass('style4') ){ menucontainer.find('.main-nav').find('.top-nav').clone().appendto('.sticky-main-nav'); } if ( offcanvasmenu.length ){ mainheader.find('.shifter-handle').clone().appendto('.sticky-menu').insertafter('.sticky-logo-container'); } logocontainer.find('.logo').clone().appendto('.sticky-logo-container'); menucontainer.find('.main-nav').children('ul').clone().appendto('.sticky-main-nav'); if ( $('.sticky-menu-container .sticky-main-nav').length && $('.sticky-menu-container .sticky-main-nav').children('ul').length >= 2 && !menucontainer.find('.main-nav').hasclass('style4') ) { $('.sticky-menu-container .sticky-main-nav').children('ul').find('.icon').appendto('.sticky-menu-container .sticky-main-nav > ul:nth-child(2)'); }; }; _window.on('scroll', function() { if ( _window.scrolltop() >= mainheaderoffset ) { stickyel.addclass('slidedown'); if(mainheaderinner.find('.menu-container').hasclass('hover') == true){ stickyel.removeclass('slidedown'); } } else { stickyel.removeclass('slidedown'); // stickyel.delay(500).fadeout(10).delay(20).show(); }; }); }; if($('body.sticky-header').length){ stickymenu(); }; /*------------------------------------------ main nav ------------------------------------------*/ function mainnav(){ var mainheader = $('.main-header:not(.fixed-menu)'), mainbar = mainheader.find('.main-bar'), breadcrumb = mainheader.find('.breadcrumbs-container'), bottombar = mainheader.find('.bottom-bar'), mainnav = mainbar.find('.main-nav:not(.style4)'), logocontainer = mainbar.find('.logo-container'), mainbarpaddingtop = mainbar.css('padding-top'), mainbarpaddingbottom = mainbar.css('padding-bottom'); $('.main-header').find('.logo-container').imagesloaded(function() { mainnav.css('min-height', logocontainer.find('.logo').find('img').height() ); logocontainer.css({'padding-top': mainbarpaddingtop, 'padding-bottom': mainbarpaddingbottom}); function centerize(element){ element.each(function() { var $this = $(this); $this.css({ 'padding-top': (logocontainer.outerheight() / 2 - $this.height() / 2), 'padding-bottom': (logocontainer.outerheight() / 2 - $this.height() / 2) }); }); }; centerize(mainnav.children('ul').children('li').children('a')); centerize(mainnav.find('li.icons').find('.icon').children('a')); centerize(mainnav.find('ul.shopping-menu').find('.icon')); centerize(mainbar.find('ul.options').find('li')); centerize(mainbar.find('.search-form')); centerize(mainbar.find('.ads-container')); mainbar.css({ 'padding-bottom': 0, 'padding-top': 0 }); mainnav.css({ opacity: '1', visibility: 'visible' }); }); }; /*------------------------------------------ main nav init ------------------------------------------*/ if ( ! $('.main-nav.style4').length ) { mainnav(); }; /*------------------------------------------ main nav style 4 ------------------------------------------*/ function mainnav4(){ var headerstyle2 = $('.main-header'), mainbar = headerstyle2.find('.main-bar'), bottombar = headerstyle2.find('.bottom-bar'), mainnav = mainbar.find('.main-nav.style4'), mainnavheight = mainnav.height(), logocontainer = mainbar.find('.logo-container'), mainbarpaddingtop = mainbar.css('padding-top'), mainbarpaddingbottom = mainbar.css('padding-bottom'); $('.main-header').find('.logo-container').imagesloaded(function() { mainnav.css('min-height', logocontainer.find('.logo').find('img').height() ); logocontainer.css({'padding-top': mainbarpaddingtop, 'padding-bottom': mainbarpaddingbottom}); mainnav.css({ 'padding-top': logocontainer.outerheight() / 2 - mainnavheight / 2, 'padding-bottom': logocontainer.outerheight() / 2 - mainnavheight / 2 }); }); mainbar.css({ 'padding-bottom': 0, 'padding-top': 0 }); mainnav.css({ opacity: '1', visibility: 'visible' }); }; if ( $('.main-nav.style4').length ) { mainnav4(); }; /*----------------------------------------- page preloader ------------------------------------------*/ if ( $('.preloader-container').length ) { $('body').jpreloader({ splashid: "#preloader-container", loadervpos: '70%' }); }; /*------------------------------------------ wow scroll reveal init ------------------------------------------*/ if ( $('.wow').length ) { var wow = new wow({mobile: false}); wow.init(); }; /*------------------------------------------ dropdown menu toggling ------------------------------------------*/ $('body').on('click', 'a[data-toggle="dropdown"]', function(e) { e.preventdefault(); e.stoppropagation(); if ( $(window).width() <= 991 || $(this).parents('.offcanvas-menu-style2').length || $(this).parents('.fixed-menu').length ){ var $this = $(this); $this.parent().siblings().removeclass('open') .children('.sub-menu').slideup(300) .end() .end() .toggleclass('open'); $this.siblings('.sub-menu').slidetoggle(300); }; if ( $('.main-nav').hasclass('style4') == true && $(window).width() >= 992 ) { var $this = $(this); $this.siblings('.sub-menu').slidetoggle(300) .end() .parents('.main-nav').find('li').removeclass('open') .children('.sub-menu').slideup(300) .end() .end() .end() .parent().toggleclass('open'); }; }); $('body').on('mouseenter', 'li.dropdown', function(e) { e.preventdefault(); $(this).parents('.menu-container').addclass('hover') }).on('mouseleave', 'li.dropdown', function(e) { e.preventdefault(); $(this).parents('.menu-container').removeclass('hover') });; /*------------------------------------------ mega menu positioning ------------------------------------------*/ function megamenupositioning(){ var container = $('.container').last(), menucontainer = $('.dropdown').parents('.menu-container'), megamenu = $('.mega-menu:not(.full-width):not(.multi-column)'), megamenusub = megamenu.children('.sub-menu'), multicolumnsub = $('.mega-menu.multi-column').children('.sub-menu'), mainbar2 = $('.main-bar.style2'), mainbar2container = mainbar2.children('.container'), mainbar2containerw = mainbar2container.width(), containeroffset, menucontaineroffset; container.length ? containeroffset = container.offset().left : containeroffset = 0; megamenusub.css('left', containeroffset); if ( ( menucontainer.width() != $(window).width() ) && ! $('.offcanvas-menu-style2').length ) { menucontaineroffset = menucontainer.offset().left; if ( $('.bottom-bar').find('.left-sec').find('.menu-container').length ) { menucontaineroffset = $('.bottom-bar').find('.left-sec').find('.menu-container').offset().left; }; multicolumnsub.css({ left: menucontaineroffset, right: containeroffset - 180 }); } else { menucontaineroffset = containeroffset; multicolumnsub.css({ left: menucontaineroffset, right: containeroffset }); }; if ( $('.bottom-bar').find('.main-nav') ) { $('.bottom-bar').find(multicolumnsub).css({ left: menucontaineroffset, right: containeroffset + 290 }); }; if ( $('.main-header.style4').length || $('.bottom-bar').find('.main-nav').hasclass('align-center') ) { $('.bottom-bar').find(multicolumnsub).css({ left: multicolumnsub.parents('.main-nav').children('ul').children('li').first().offset().left, right: containeroffset }); }; if ( mainbar2.length ){ multicolumnsub.css({ left: menucontaineroffset - 60, right: 0 }) megamenusub.each(function(){ var $this = $(this), thisparent = $this.parent('.mega-menu'); $this.css('left', mainbar2containerw + mainbar2container.offset().left - $this.width()); }); }; if ( $('body').hasclass('w1740') == true ){ multicolumnsub.css({ left: multicolumnsub.parents('.main-nav').children('ul').offset().left, right: 0 }); } }; if( $('.mega-menu').length ) { megamenupositioning(); }; /*----------------------------------------- stop closing mega menu when product button was clicked ------------------------------------------*/ $('.mega-menu').find('.product-preview').find('a').on('click', function(e){ e.stoppropagation(); }); /*----------------------------------------- checkout sub-menu style 2 ------------------------------------------*/ function checkoutsubmenu(){ var checkoutmenu = $('.dropdown.checkout-style2'), checkoutsubmenu = checkoutmenu.children('.sub-menu'), container = $('.main-header').find('.container'); checkoutmenu.each(function(){ var $this = $(this); checkoutsubmenu.css( 'right', (container.offset().left) ); }); }; $('.main-header').find('.logo-container').imagesloaded(function(){ if( $('.checkout-style2').length ){ checkoutsubmenu(); }; }); /*----------------------------------------- header title bar ------------------------------------------*/ function titlebarpadding(){ var titlebar = $('.main-header.overlay-header').find('.title-bar'); $('.main-header').find('.logo-container').imagesloaded(function(){ settimeout(function(){ titlebar.css('padding-top', titlebar.siblings('.main-header-inner').outerheight() ); if ( $(window).width() <= 991 ) { titlebar.css('padding-top', $('.mobile-header-wrapper').outerheight() ); }; }, 500); }); }; /*----------------------------------------- header title bar padding fix init ------------------------------------------*/ if( $('.title-bar').length && $('.main-header.overlay-header').length ){ titlebarpadding(); }; /*----------------------------------------- footer flickr feed init ------------------------------------------*/ if( $('.widget-flickr-feed').length ){ $('.widget-flickr-feed').find('ul').jflickrfeed({ limit: $('.widget-flickr-feed').find('ul').attr('data-photo-limit'), qstrings: { id: '40905678@n02' // change id to what you want }, itemtemplate: '
  • ' + '{{title}}' + '
  • ' }); }; /*----------------------------------------- subscribe form ------------------------------------------*/ function loading() { $('.subscribe-form-result').html('submitting...').slidedown(); }; function formresult(data) { $('.subscribe-form-result').html(data); $('.subscribe-form #subscribe-email').val(''); }; function onsubmit() { $('.subscribe-form').submit(function() { var action = $(this).attr('action'); loading(); $.ajax({ url: action, type: 'post', data: { email: $(this).find('#subscribe-email').val() }, success: function(data){ formresult(data); }, error: function(data) { formresult(data); } }); return false; }); }onsubmit(); /*----------------------------------------- contact form ------------------------------------------*/ function contactform() { var form = $('.contact-form'); var formmessages = form.next('.contact-form-message'); formmessages.slideup(); form.submit(function(event) { event.preventdefault(); var formdata = $(form).serialize(); if ( !form.find('input[required], textarea').val() ) { formmessages.text('please complete all inputs'); } else { formmessages.text('sending your message. please wait...').slidedown(); }; formmessages.removeclass('error').removeclass('success'); $.ajax({ type: 'post', url: form.attr('action'), data: formdata }) .done(function(response) { formmessages.removeclass('error').delay(3000).slideup(); formmessages.addclass('success').delay(3000).slideup(); formmessages.text(response); form.find('input').not('input[type=submit]').val(''); form.find('textarea').val(''); }) .fail(function(data) { // make sure that the formmessages div has the 'error' class. formmessages.removeclass('success').delay(3000).slideup(); formmessages.addclass('error').delay(3000).slideup(); // set the message text. if (data.responsetext !== '') { formmessages.text(data.responsetext); } else { formmessages.text('oops! an error occured and your message could not be sent.'); } }); }); }; contactform(); /*------------------------------------------ signup form init ------------------------------------------*/ if ($('.signup-form').length) { $('.signup-form').ajaxchimp({ url: '//newdesigner.us7.list-manage.com/subscribe/post?u=7b43d802a5c3da75bbfe9fbfb&id=d9b8506f7f' }); }; /*----------------------------------------- instagram feed ------------------------------------------*/ if( $('#instafeed').length ){ var feed = new instafeed({ get: 'user', accesstoken: '54840800.007647a.27e7ca0cba44472ea520e4102a68ab11', userid: 303273692, limit: 6, template: '
  • ' }); feed.run(); }; /*----------------------------------------- tweeter slider ------------------------------------------*/ function twitterfeed(){ var slider = $('.twittie-slider'), username = 'google'; slider.twittie({ username: username, dateformat: '%b %d, %y', template: '

    {{tweet}}

    {{date}}@{{user_name}}', count: 6, hidereplies: true }, function(){ slider.find('ul').owlcarousel({ singleitem: true, items: 1, nav: true, navtext: ['', ''], animatein: 'fadeinleft', animateout: 'fadeoutright' }); } ); if( $('.widget-twitter').length ) { $('.widget-twitter .twetts-container').twittie({ username: username, dateformat: '%b %d, %y', template: '

    {{tweet}}{{date}}

    ', count: 2, hidereplies: true }); }; }; if( $('.twittie-slider').length ) { twitterfeed(); }; /*----------------------------------------- pie chart style 2 ------------------------------------------*/ function piechart2(){ var chartcontainer = $('.piechart-style2').find('.chart-container'); chartcontainer.each(function(index){ var $this = $(this), canvas = $this.find('canvas'), ctx = canvas.get(0).getcontext("2d"), chartdata = []; $this.find('.chart-data').find('li').each(function(){ var li = $(this); chartdata.push({ value: li.data('value'), color: li.data('color'), label: li.text() }) }); window.doughnutchart = new chart(ctx).doughnut(chartdata, { animaterotate : false, segmentshowstroke : false, showtooltips: false, percentageinnercutout : 55, legendtemplate : "" }); var legend = doughnutchart.generatelegend(); $this.append(legend); }); }; piechart2(); /*----------------------------------------- pie chart style 3 ------------------------------------------*/ function piechart3(){ var chartcontainer = $('.piechart-style3').find('.chart-container'); chartcontainer.each(function(index){ var $this = $(this), canvas = $this.find('canvas'), ctx = canvas.get(0).getcontext("2d"), chartdata = []; $this.find('.chart-data').find('li').each(function(){ var li = $(this); chartdata.push({ value: li.data('value'), color: li.data('color'), label: li.text() }) }); window.piechart = new chart(ctx).pie(chartdata, { animaterotate : false, segmentshowstroke : false, showtooltips: false, legendtemplate : "" }); var legend = piechart.generatelegend(); $this.append(legend); }); }; piechart3(); /*----------------------------------------- clients carousel ------------------------------------------*/ if( $('.clients-carousel').length ){ $('.clients-carousel').each(function(){ var $this = $(this); function items(items){ if( $this.hasclass('fullwidth') ) { return 6 } else{ return 3 }; }; $this.owlcarousel({ items: items(), autoplay: true, responsive: { 0: { items: 2 }, 480: { items: 3 }, 992: { items: items() } } }); }); }; /*----------------------------------------- cover box style 2 slider ------------------------------------------*/ function coverboxstyle2(){ $('.cover-box-style2').each(function() { var $this = $(this), coverboxcontents = $this.find('.cover-box-contents').find('.slides'), coverboxtabs = $this.find('.cover-box-tabs').find('.slides'), contentsimagecontainer = coverboxcontents.find('li').find('figure'); $this.imagesloaded(function(){ coverboxcontents.owlcarousel({ singleitem: true, items: 1, mousedrag: false, touchdrag: false, animatein: 'fadeindown', animateout: 'fadeoutdown' }); coverboxtabs.owlcarousel({ mousedrag: false, touchdrag: false }); var coverboxtabsitem = coverboxtabs.find('.owl-stage').find('.owl-item'); coverboxtabsitem .first().addclass('active') .siblings().removeclass('active'); coverboxtabsitem.on('click', function() { var $this = $(this), tabindex = $this.index(); $this.addclass('active').siblings().removeclass('active'); coverboxcontents.trigger('to.owl.carousel', tabindex); }); contentsimagecontainer.each(function() { var $this = $(this), contentsimage = $this.find('img'); $this.css('background-image', 'url(' + contentsimage.attr('src') + ')'); }); }); }); }; if ( $('.cover-box-style2').length ) { coverboxstyle2(); }; /*----------------------------------------- lightbox init ------------------------------------------*/ if( $('.image-popup-link').length ){ $('.image-popup-link').magnificpopup({ type: 'image', gallery:{ enabled:true }, mainclass: 'mfp-with-fade', removaldelay: 300 }); }; /*----------------------------------------- expandable section ------------------------------------------*/ function expandablesection(){ $('.expandable-section').find('.contents').hide(); $('.expandable-section').on('click', '.toggle h6', function(event) { event.preventdefault(); var togglebtn = $(this).find('a'), expandablesection = togglebtn.parents('.expandablesection'); togglebtn.parents('.toggle').siblings('.contents').slidetoggle() .parents('.expandable-section').toggleclass('open') .end().end().end(); if (togglebtn.text() == togglebtn.data("hide-text")) { togglebtn.text(togglebtn.data("show-text")); } else { togglebtn.data("show-text", togglebtn.text()); togglebtn.text(togglebtn.data("hide-text")); }; }); }; expandablesection(); /*----------------------------------------- pricing table style 2 ------------------------------------------*/ function pricingtablestyle2(){ var pricingtable = $('.pricing-table-style2'), features = pricingtable.find('.plan-features'); features.hide(); pricingtable.on('mouseenter', function() { $(this).find('.plan-features').delay(600).slidedown(500); }) .on('mouseleave', function() { $(this).find('.plan-features').slideup(500); }); $('.pricing-table-style2').each(function(i) { var li = $(this).find('.plan-features').find('li'); li.each(function(index) { $(this).css({ '-webkit-transition-delay': index / 5 + 's', '-moz-transition-delay': index / 5 + 's', 'transition-delay': index / 5 + 's', }); }); }); }; pricingtablestyle2(); /*----------------------------------------- testimonials carousel ------------------------------------------*/ if ( $('.testimonials-container').length ) { $('.testimonials-container').each(function() { var $this = $(this), testimonialcarousel = $this.find('.testimonials-carousel'), carouseldots = $this.find('.testimonials-carousel-dots'), carouselnav = $this.find('.testimonials-carousel-nav'), testimonialavatar = $this.find('.testimonial-avatar'); testimonialcarousel.owlcarousel({ items: 1, singleitem: true, loop: true, nav: true, mousedrag: false, touchdrag: false, animatein: 'fadeinleft', animateout: 'fadeoutright', dotscontainer: carouseldots, navcontainer: carouselnav, navtext: ['', ''] }); testimonialavatar.owlcarousel({ items: 1, singleitem: true, loop: true, nav: true, mousedrag: false, touchdrag: false, animatein: 'fadein', animateout: 'fadeout', dotscontainer: carouseldots, navcontainer: carouselnav, navtext: ['', ''] }); }); }; /*----------------------------------------- countdown timer init ------------------------------------------*/ function countdowninit(){ var countdown = $('.countdown'); var countdownformat = function( format ){ if ( countdown.hasclass('countdown-style1') ) { return 'odhms' } else if( countdown.hasclass('countdown-style2') ){ return 'dhms' }; }; $('.countdown-timer').countdown({ until: new date(2016, 1 - 1, 1), format: countdownformat() }); }; if ( $('.countdown-timer').length ) { countdowninit(); }; /*----------------------------------------- magnific popup init ------------------------------------------*/ if ( $('.open-popup-link').length ){ $('.open-popup-link').magnificpopup({ type:'inline', midclick: true, mainclass: 'mfp-with-fade', removaldelay: 850 }); }; /*----------------------------------------- portfolio layout init ------------------------------------------*/ function portfoliolayout(){ var $container = $('.portfolio-item-wrapper').isotope({ itemselector: '.portfolio-item-container', layoutmode: 'masonry', transitionduration: '0.85s', hiddenstyle: { opacity: 0, transform: 'scale(0.2)' }, visiblestyle: { opacity: 1, transform: 'scale(1)' } }); $('.portfolio-filter-container').on( 'click', 'li', function() { var filtervalue = $( this ).attr('data-filter'); $container.isotope({ filter: filtervalue }); }); $('.portfolio-filter-container').each( function( i, buttongroup ) { var $buttongroup = $( buttongroup ); $buttongroup.on( 'click', 'li', function() { $buttongroup.find('.active').removeclass('active'); $( this ).addclass('active'); }); }); $('.portfolio-item-container').each(function() { var $this = $(this); if ( parseint($this.css('left'), 10) >= ($container.width() / 2) ) { $this.addclass('right-positioned'); } else { $this.addclass('left-positioned'); }; }); // $container.isotope( 'on', 'layoutcomplete', // function( isoinstance, laidoutitems ) { // $.each(laidoutitems, function(index, val) { // console.log(val) // }); // } // ); }; /*----------------------------------------- portfolio project carousel ------------------------------------------*/ function portfolioprojectcarousel(){ var projectcarousel = $('.project-image-carousel'); projectcarousel.owlcarousel({ singleitem: true, items: 1, loop: true, nav: true, autoheight: true, navtext: ['', ''], animatein: 'fadeinleft', animateout: 'fadeoutright' }); }; /*----------------------------------------- blog timeline style ------------------------------------------*/ function blogtimeline(){ var blogtimeline = $('.blog-timeline'), blogtimelinewidth = blogtimeline.width(); blogtimeline.imagesloaded(function(){ blogtimeline.isotope({ itemselector: '.article-container', layoutmode: 'masonry' }); $('.article-container').each(function() { var $this = $(this); if ( parseint($this.css('left'), 10) >= (blogtimelinewidth / 2) ) { $this.addclass('right-positioned').removeclass('left-positioned'); } else { $this.addclass('left-positioned').removeclass('right-positioned'); }; }); }); }; /*----------------------------------------- blog masonry style ------------------------------------------*/ function blogmasonry(){ var blogmasonry = $('.blog-masonry'); blogmasonry.imagesloaded(function(){ blogmasonry.isotope({ itemselector: '.article-container', layoutmode: 'masonry' }); }); }; /*----------------------------------------- product filter ------------------------------------------*/ function productfilter(){ var productscontainer = $('.products-container.filterable'); productscontainer.isotope({ itemselector: '.product', layoutmode: 'masonry', transitionduration: '0.85s', hiddenstyle: { opacity: 0, transform: 'scale(0.2)' }, visiblestyle: { opacity: 1, transform: 'scale(1)' } }); $('.product-filter-container').on( 'click', 'li', function() { var filtervalue = $( this ).attr('data-filter'); productscontainer.isotope({ filter: filtervalue }); }); $('.product-filter-container').each( function( i, buttongroup ) { var $buttongroup = $( buttongroup ); $buttongroup.on( 'click', 'li', function() { $buttongroup.find('.active').removeclass('active'); $( this ).addclass('active'); }); }); }; /*----------------------------------------- blog post gallery ------------------------------------------*/ function blogpostgallery(){ var entryimages = $('.post.format-gallery').find('.entry-image'); entryimages.imagesloaded(function(){ entryimages.owlcarousel({ singleitem: true, items: 1, dots: true, loop: true, animatein: 'fadeindown', animateout: 'fadeoutdown' }); }); }; /*------------------------------------------ post format gallery carousel init ------------------------------------------*/ if ( $('.post.format-gallery').length ) { blogpostgallery(); }; /*----------------------------------------- product slider init ------------------------------------------*/ function productslider(){ var productslidercontainer = $('.product-slider'); productslidercontainer.imagesloaded(function() { productslidercontainer.owlcarousel({ singleitem: true, items: 1, loop: true, autoplay: true, autoplaytimeout: 4000, autoplayhoverpause: true, dots: true, animatein: 'fadeinleft', animateout: 'fadeout', }); }); }; if ( $('.product-slider').length ) { productslider(); }; /*----------------------------------------- single product slider ------------------------------------------*/ function singleproductslider(){ var slidercontainer = $('.single-product-image-container'), sliderdirection; slidercontainer.imagesloaded(function(){ slidercontainer.each(function() { var $this = $(this), slider = $this.find('.slider'), thumbnails = $this.find('.thumbnails'); function dir(){ if ( $this.hasclass('thumbnails-left') || $this.hasclass('thumbnails-right') ){ sliderdirection = 'vertical' } else{ sliderdirection = 'horizontal' } }; dir(); slider.flexslider({ animation: "slide", controlnav: false, animationloop: false, slideshow: false, sync: thumbnails }); thumbnails.flexslider({ animation: "slide", itemwidth: 100, controlnav: false, direction: sliderdirection, animationloop: false, slideshow: false, maxitems: 4, asnavfor: slider }); }); }); }; if ( $('.single-product-image').length ) { singleproductslider(); }; /*------------------------------------------ side image init ------------------------------------------*/ function fullwidthsideimage(){ var sideimage = $('.side-image.fullwidth'); sideimage.each(function() { var $this = $(this), imageholder = $this.find('.image-holder'), mainimage = imageholder.find('img'), imgsrc = mainimage.attr('src'); imageholder.css('background-image', 'url(' + imgsrc + ')'); mainimage.hide(); }); }; fullwidthsideimage(); /*------------------------------------------ iconbox wrapper style 2 ------------------------------------------*/ function iconboxwrapper2(){ var wrapper = $('.icon-box-wrapper-style2'); wrapper.each(function() { var $this = $(this), imageholder = $this.find('.icon-box-image figure'), mainimage = imageholder.find('img'), imgsrc = mainimage.attr('src'), iconboxcontainer = $this.find('.icon-box-container'), iconboxcontainerheight = iconboxcontainer.outerheight(); imageholder .height(iconboxcontainerheight) .css('background-image', 'url(' + imgsrc + ')'); mainimage.hide(); }); }; /*------------------------------------------ one page nav init ------------------------------------------*/ if( $('.onepage-nav').length){ $('.onepage-nav').onepagenav({ currentclass: 'active' }); }; /*------------------------------------------ input numbers ------------------------------------------*/ if( $('input[type=number]').length){ $('input[type=number]').number(); }; /*------------------------------------------ nicescroll init ------------------------------------------*/ if( $('.fixed-nav').length ){ $('.fixed-nav').find('.fixed-menu').nicescroll(); }; /*------------------------------------------ menu carousel ------------------------------------------*/ function menucarousel(){ $('.menu').each(function() { var $this = $(this), navcontainer = $this.find('.nav-container'), navigation = navcontainer.find('.navigation'), menucontents = $this.find('.menu-contents'), carousel = menucontents.find('.menu-carousel'); carousel.owlcarousel({ items: 1, nav: true, loop: true, navcontainer: navigation, navtext: ['', ''], responsiveclass: true, responsive : { 480 : { items : 1 }, 992 : { items : 3 } } }); }); }; if( $('.menu').length ){ menucarousel(); }; /*------------------------------------------ breaking news widget ------------------------------------------*/ function breakingnewswidget(){ $('.breaking-news-widget').find('.slides').owlcarousel({ singleitem: true, items: 1, loop: true, autoplay: true, animatein: 'fadeindown', animateout: 'fadeoutright', nav: true, navtext: ['', ''] }); }; if( $('.breaking-news-widget').length ){ breakingnewswidget(); }; /*------------------------------------------ carousel init ------------------------------------------*/ function carousel(){ var carouselcontainer = $('.carousel'), slides = carouselcontainer.find('.slides'), carouselitems = carouselcontainer.attr('data-items'); slides.each(function() { $(this).owlcarousel({ items: carouselitems, dots: true, margin: 80, responsive: { 0: { items: 1 }, 480: { items: carouselitems } } }); }); }; if( $('.carousel').length ){ carousel(); }; /*------------------------------------------ mobile nav ------------------------------------------*/ function mobilenav(){ var mainnav = $('.main-header .main-nav').clone(), offcanvasmenu = $('.main-nav.offcanvas-menu:not(.mobile-nav)'), offcanvasmenusearchform = $('.main-nav.offcanvas-menu:not(.offcanvas-menu-style2) .search-form'), mobilenav = $('.main-nav.mobile-nav'), mobileheaderwrapper = $('.mobile-header-wrapper'), mobileheadersearch = mobileheaderwrapper.find('.search-form-wrapper'), searchformtrigger = mobileheaderwrapper.find('.search-form-trigger'), searchformclosetrigger = mobileheaderwrapper.find('.search-form-close-trigger'); mainnav.children('ul') .appendto(mobilenav) .insertbefore(offcanvasmenusearchform); if ( mainnav.hasclass('style4') ) { mainnav.children('.navigation').children('ul') .appendto(mobilenav) .insertbefore(offcanvasmenusearchform); }; if ( offcanvasmenu ) { offcanvasmenu.clone().children('ul') .appendto(mobilenav) .insertbefore(offcanvasmenusearchform); }; if ( mainnav.hasclass('iconic-items') || $('.main-nav.offcanvas-menu').hasclass('iconic-items') ){ mobilenav.addclass('iconic-items'); }; if ( offcanvasmenu.length && offcanvasmenu.hasclass('offcanvas-menu-style2') ){ mobilenav.addclass('offcanvas-menu-style2'); }; searchformtrigger.on('click', function(event) { event.preventdefault(); mobileheadersearch.fadein(); }); searchformclosetrigger.on('click', function(event) { event.preventdefault(); mobileheadersearch.fadeout(); }); }; mobilenav(); /*------------------------------------------ mobile nav placement ------------------------------------------*/ function mobilenavplacement(){ var mobilenav = $('.main-nav.mobile-nav'), mobileheaderwrapper = $('.mobile-header-wrapper'), mainwrapper = $('.main-wrapper'); if ($('body').hasclass('mobile-header-style2') && $(window).width() <= 991) { mobileheaderwrapper.find('.logo-container').imagesloaded(function(){ var mobileheaderwrapperh = mobileheaderwrapper.outerheight(); mobilenav.css({ 'margin-top': mobileheaderwrapperh, 'padding-bottom': mobileheaderwrapperh + 25 }); mainwrapper.css('padding-top', mobileheaderwrapperh); }); }; }; mobilenavplacement(); /*------------------------------------------ offcanvas menu item appearing ------------------------------------------*/ $('.offcanvas-menu').not('.mobile-nav').children('ul').children('li').each(function( i ){ var i = i; $(this).css({ '-webkit-transition-delay': i / 15 + 's', '-moz-transition-delay': i / 15 + 's', 'transition-delay': i / 15 + 's', }); }); /*------------------------------------------ equal heights ------------------------------------------*/ function equalheights(){ var equalheightscontainer = $('.equal-heights'), leftsec = equalheightscontainer.find('.left-section'), rightsec = equalheightscontainer.find('.right-section'); equalheightscontainer.imagesloaded(function(){ var leftsecheight = leftsec.outerheight(), rightsecheight = rightsec.outerheight(); leftsec.height(rightsecheight); }); }; if ( $('.equal-heights').length && $(window).width() >= 992 ) { equalheights(); }; /*------------------------------------------ coverbox style 3 ------------------------------------------*/ function coverboxstyle3(){ var el = $('.cover-box-style3'); el.on('mouseenter', function() { $(this).addclass('active').siblings().removeclass('active'); }); }; if($('.cover-box-style3').length && $(window).width() >= 992){ coverboxstyle3(); }; /*------------------------------------------ play video trigger ------------------------------------------*/ if ( $('.play-video-trigger').length ) { $('.play-video-trigger').magnificpopup({ disableon: 700, type: 'iframe', mainclass: 'mfp-with-fade', removaldelay: 160, preloader: false, fixedcontentpos: false }); }; /*------------------------------------------ more contents and trigger ------------------------------------------*/ if( $('.more-contents').length ){ $('.more-contents').hide(); $('.more-trigger').on('click', function(event) { event.preventdefault(); var target = $(this).attr('href'); $(target).slidedown(300); }); }; /*------------------------------------------ video poster ------------------------------------------*/ if ( $('.section-video-container').length ) { $('.section-video-container').find('.poster').each(function() { var $this = $(this); $this.css({ backgroundimage: 'url(' + $this.children('img').attr('src') + ')' }).find('img').hide(); }); }; /*-------------------------------------------------------- functions that need to run when page is completely loaded ---------------------------------------------------------*/ $(window).on('load', function(){ /*----------------------------------------- offcanvas menu init ------------------------------------------*/ if ( $('.shifter').length ) { $.shifter({ maxwidth: infinity }); }; /*------------------------------------------ parallax background init ------------------------------------------*/ if( $('.parallax').length ){ $(window).stellar({horizontaloffset:'50%',horizontalscrolling:!1, responsive: true}); }; /*----------------------------------------- contact form 1 init ------------------------------------------*/ // if( $('.contact-form1').length ){ // contactform1(); // }; /*----------------------------------------- contact form 2 init ------------------------------------------*/ // if( $('.contact-form2').length ){ // contactform2(); // }; /*----------------------------------------- contact form 3 init ------------------------------------------*/ // if( $('.contact-form3').length ){ // contactform3(); // }; /*----------------------------------------- portfolio layout init ------------------------------------------*/ if ( $('.portfolio-container').length ) { portfoliolayout(); }; /*----------------------------------------- portfolio project carousel init ------------------------------------------*/ if ( $('.project-image-carousel').length ) { portfolioprojectcarousel(); }; /*----------------------------------------- counter init ------------------------------------------*/ /*if ( $('.counter').length ) { $('.counter').appear(function(){ var $this = $(this), counternumber = $this.find('.number'); counternumber.countto({to: $this.find('.number').text(), refreshinterval: 3}); }); };*/ /*----------------------------------------- horizontal progress bar ------------------------------------------*/ if ( $('.h-progress').length ) { $('.h-progress .progress-bar').each(function(){ var $this = $(this), percentage = $this.find('.percentage'); $this.appear(function(){ $this.width( percentage.text() + '%' ); percentage.countto({ speed: 1500, to: percentage.text(), refreshinterval: 20 }) }); }); }; /*----------------------------------------- vertical progress bar ------------------------------------------*/ if ( $('.v-progress').length ) { $('.v-progress .progress-bar').each(function(){ var $this = $(this), percentage = $this.find('.percentage'); $this.appear(function(){ $this.height( percentage.text() + '%' ); percentage.countto({ speed: 1500, to: percentage.text(), refreshinterval: 20 }) }); }); }; /*----------------------------------------- piechart style 1 init ------------------------------------------*/ if( $('.piechart.piechart-style1').length ) { $('.piechart.piechart-style1').each(function(){ var $this = $(this), input = $this.children('input'), percentage = input.attr("value"); ; input.knob({ readonly: true, width: 200, inputcolor: '#444', dynamicdraw: true, }); $this.appear(function(){ $({value: 0}).animate({ value: percentage }, { duration: 1500, easing: 'swing', progress: function () { input.val(math.ceil(this.value)).trigger('change') } }); }) }); }; /*----------------------------------------- back to top button ------------------------------------------*/ $('.back-to-top').on('click', 'a', function(event){ event.preventdefault(); $('html, body').animate( { scrolltop: 0 }, { duration: 1000 }); }); /*----------------------------------------- media element init ------------------------------------------*/ if ( $('video').not('.vjs-tech').length ) { $('video').mediaelementplayer({ features: ['playpause','progress','current','duration'] }); }; if ( $('audio').length ) { $('audio').mediaelementplayer({ features: ['playpause','progress','current','duration'] }); }; /*----------------------------------------- product filter init ------------------------------------------*/ if ( $('.products-container.filterable').length ) { productfilter(); }; }); /*---------------------------------------------------------------------------------- functions that need to run when window is resized ------------------------------------------------------------------------------------*/ $(window).on('resize', function() { /*------------------------------------------ mega menu positioning ------------------------------------------*/ if( $('.mega-menu').length ) { megamenupositioning(); }; /*------------------------------------------ mobile nav placement ------------------------------------------*/ mobilenavplacement(); /*------------------------------------------ main nav ------------------------------------------*/ $('.main-bar').removeattr('style'); mainnav(); /*------------------------------------------ header title bar padding fix ------------------------------------------*/ titlebarpadding(); /*----------------------------------------- checkout sub-menu style 2 init ------------------------------------------*/ if( $('.checkout-style2').length ){ checkoutsubmenu(); }; /*------------------------------------------ reinitializing portfolio layout ------------------------------------------*/ if ( $('.portfolio-container').length ) { portfoliolayout(); }; /*---------------------------------------------- close off-canvas menu when window is resized ----------------------------------------------*/ if ($(window).width() >= 992) { $('html, body').removeclass('shifter-open'); }; /*---------------------------------------------- cover box style 3 reinit ----------------------------------------------*/ if($('.cover-box-style3').length && $(window).width() >= 992){ coverboxstyle3(); }; }); /*---------------------------------------------------------------------------------- functions that need to run when page is completely loaded and when window is resized ------------------------------------------------------------------------------------*/ $(window).on('load resize', function() { /*------------------------------------------ iconbox wrapper style 2 init ------------------------------------------*/ iconboxwrapper2(); /*----------------------------------------- blog timeline init ------------------------------------------*/ if ( $('.blog-timeline').length ) { blogtimeline(); }; /*----------------------------------------- blog masonry style init ------------------------------------------*/ if ( $('.blog-masonry').length ) { blogmasonry(); }; /*----------------------------------------- equal heights elements ------------------------------------------*/ if ( $('.equal-heights').length && $(window).width() >= 992 ) { equalheights(); }; }); })(); jquery(document).ready(function() { if(jquery('.tp-banner')) { jquery('.tp-banner').revolution( { delay:7000, startwidth:1170, startheight:490, fullwidth:"on", fullscreen: 'off', //fullscreenoffsetcontainer: ".main-header", navigationtype: 'bullet',//none navigationarrows: 'solo', navigationstyle: 'knight', //hidetimerbar: 'on', //soloarrowrightvoffset: 80, //soloarrowleftvoffset: 80, /*delay:6000, startwidth:1170, startheight:490, hidethumbs:200, thumbwidth:100, thumbheight:50, thumbamount:4, navigationtype:"none", navigationarrows:"solo", navigationstyle:"knight",//preview1 touchenabled:"on", onhoverstop:"on", swipe_velocity: 0.7, swipe_min_touches: 1, swipe_max_touches: 1, drag_block_vertical: false, parallax:"scroll", parallaxbgfreeze:"on", parallaxlevels:[10,20,30,40,50,60,70,80,90,100], keyboardnavigation:"off", navigationhalign:"center", navigationvalign:"bottom", navigationhoffset:0, navigationvoffset:20, soloarrowlefthalign:"left", soloarrowleftvalign:"center", soloarrowlefthoffset:20, soloarrowleftvoffset:0, soloarrowrighthalign:"right", soloarrowrightvalign:"center", soloarrowrighthoffset:20, soloarrowrightvoffset:0, shadow:0, fullwidth:"on", fullscreen:"off", fullscreenoffsetcontainer: ".main-header", spinner:"spinner4", stoploop:"off", stopafterloops:-1, stopatslide:-1, shuffle:"off", autoheight:"off", forcefullwidth:"on", hidethumbsonmobile:"off", hidenavdelayonmobile:1500, hidebulletsonmobile:"off", hidearrowsonmobile:"off", hidethumbsunderresolution:0, hideslideratlimit:0, hidecaptionatlimit:0, hideallcaptionatlilmit:0, startwithslide:0*/ }); } });