/* Name: Theme Initializer Written by: JanXcode Themes - (http://www.janxcode.com) Version: 1.0 */ (function() { "use strict"; var Theme = { initialized: false, initialize: function() { if (this.initialized) return; this.initialized = true; this.build(); this.events(); }, build: function() { //Items on ready this.onReady(); //Items on load this.onLoad(); // Nav Menu this.stickyMenu(); //Mobile Menu jQuery('#jx-main-menu,#jx-main-menu-2').slicknav(); // ScrollTop this.scrollTop(); // Animation this.animation(); // Toggle this.toggle(); // Tabs this.tabs(); // Lightbox //this.prettyPhoto(); // Parallax this.parallax(); //Counter this.counter(); //Bouncy this.bouncy(); //Theme Styler //this.themestyler(); }, events: function() { }, //Items on Ready onReady: function(){ jQuery(document).ready(function(){ /*Point of interest */ //open interest point description jQuery('.jx-single-point').children('a').on('click', function(){ var selectedPoint = jQuery(this).parent('li'); if( selectedPoint.hasClass('is-open') ) { selectedPoint.removeClass('is-open').addClass('visited'); } else { selectedPoint.addClass('is-open').siblings('.jx-single-point.is-open').removeClass('is-open').addClass('visited'); } }); //close interest point description jQuery('.jx-close-info').on('click', function(event){ event.preventDefault(); jQuery(this).parents('.jx-single-point').eq(0).removeClass('is-open').addClass('visited'); }); jQuery('#jx-counter-1').circliful(); jQuery('#jx-counter-2').circliful(); jQuery('#jx-counter-3').circliful(); jQuery('#jx-counter-4').circliful(); //Count Go up jQuery('.jx-counter-number').animate({marginTop:0},1000,'swing'); jQuery('#count-go-up-1 span').counterUp({ delay: 10, time: 1000 }); jQuery('#count-go-up-2 span').counterUp({ delay: 20, time: 1000 }); jQuery('#count-go-up-3 span').counterUp({ delay: 30, time: 1000 }); //Count Down if (jQuery(".countdown").length > 0){ jQuery(".countdown").jCounter({ date: "2024/05/21 19:30:00", timezone: "Europe/Warsaw", format: "dd:hh:mm:ss", twoDigits: 'on', fallback: function() { console.log("Counter finished!") } }); } if (jQuery(".select-box").length > 0){ jQuery(".select-box").selectbox(); } //Mobile Menu jQuery('.slicknav_nav li.col > ul').children().unwrap(); jQuery('.slicknav_nav li.col').children().unwrap(); jQuery('.slicknav_nav li.clear').remove(); jQuery('.slicknav_nav ul.submenu a.slicknav_item').remove(); //Mobile Chk var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } }; if( isMobile.any() ) { jQuery('.jx-header').removeClass('jx-sticky'); } }); // Menu Active var pgurl = window.location.href.substr(window.location.href.lastIndexOf("/")+1); jQuery(".menu > li").each(function(){ if(jQuery(this).find("a").attr("href") == pgurl || jQuery(this).find("a").attr("href") == '' ) jQuery(this).addClass("active"); }); }, //Items on windows load onLoad: function(){ jQuery(window).on("load",function(){ "use strict"; jQuery('.spinner').fadeOut(); // will first fade out the loading animation jQuery('.loader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website. jQuery('body').delay(350).css({'overflow':'visible'}); [].slice.call(document.querySelectorAll('img.tilt-effect')).forEach(function(img) { new TiltFx(img, JSON.parse(img.getAttribute('data-tilt-options'))); }); //Form validator jQuery.validate({ modules : 'date, security' }); /* Contact Form Submit */ $(document).on('submit', '#contactForm', function() { $.post('/ievent/php/contact-process.php', $(this).serialize(), function(data) { alert(data); $(".jx-result").html(data); }); return false; }); getWidthAndHeight(); /* Page Scroll to id fn call */ jQuery("a[href='#top'],.main-menu li a").mPageScroll2id({ }); jQuery('.flexslider.normal-slider').flexslider({ animation: "slide", animationLoop: false, itemWidth: 210, itemMargin: 5, minItems: 2, maxItems: 4, }); jQuery('.flexslider.normal-slider2').flexslider({ animation: "slide", animationLoop: false, itemWidth: 210, itemMargin: 5, minItems: 2, maxItems: 4 }); //Main Slider jQuery('.jx-main-slider .flexslider').flexslider({ animation: "slide", controlNav: true, directionNav:true, slideshowSpeed:"8000", minItems: 1, maxItems: 1, prevText:'', nextText:'' }); //Portfolio Slider jQuery('.jx-protfolio.jx-flexslider').flexslider({ animation: "slide", controlNav: true, directionNav:true, slideshowSpeed:"8000", manualControls: ".flex-custom-control-nav li" }); //Sponsors Logo jQuery('.jx-sponsor.flexslider').flexslider({ animation: "slide", controlNav: true, directionNav:false, slideshowSpeed:"8000", useCSS: false, itemWidth: 191, minItems: 2, maxItems: 5, prevText:'', nextText:'' }); //Testimonial #1 jQuery('.jx-testimonial .flexslider').flexslider({ animation: "slide", controlNav: true, directionNav:false, slideshowSpeed:"8000", prevText:'', nextText:'' }); jQuery('.jx-parallax-fullwidth').css({'height':((jQuery(window).height()))+'px'}); getWidthAndHeight(); function getWidthAndHeight (){ var winWidth = jQuery(window).width(); var winHeight = jQuery(window).height(); jQuery('.jx-middle').css({'height': winHeight}); jQuery('.jx-middle').each(function(){ var $pa = jQuery(this); var $ch = $pa.find('.jx-counting-down'); var paH = $pa.innerHeight(); var chH = $ch.innerHeight(); $ch.css({marginTop: (paH-chH)/2}); }); } }); jQuery(window).resize(function(){ // On resize jQuery('.jx-parallax-fullwidth').css({'height':((jQuery(window).height()))+'px'}); getWidthAndHeight(); function getWidthAndHeight (){ var winWidth = jQuery(window).width(); var winHeight = jQuery(window).height(); jQuery('.jx-middle').css({'height': winHeight}); jQuery('.jx-middle').each(function(){ var $pa = jQuery(this); var $ch = $pa.find('.jx-counting-down'); var paH = $pa.innerHeight(); var chH = $ch.innerHeight(); $ch.css({marginTop: (paH-chH)/2}); }); } }); }, stickyMenu: function() { //Menu var s = jQuery(".jx-sticky"); var pos = s.position(); var top = s.css('top'); //Page Header var nav_height = s.height(); jQuery(window).on("scroll",function() { var scroll = getCurrentScroll(); if ((s.length >0)){ if ( scroll >= pos.top+1){ s.addClass('fixed'); }else{ s.removeClass('fixed'); } } }); function getCurrentScroll() { return window.pageYOffset || document.documentElement.scrollTop; } }, animation:function(){ // Animation Appear $("[data-appear-animation]").each(function() { var $this = $(this); $this.addClass("appear-animation"); if(!$("html").hasClass("no-csstransitions") && $(window).width() > 767) { $this.appear(function() { var delay = ($this.attr("data-appear-animation-delay") ? $this.attr("data-appear-animation-delay") : 1); if(delay > 1) $this.css("animation-delay", delay + "ms"); $this.addClass($this.attr("data-appear-animation")); setTimeout(function() { $this.addClass("appear-animation-visible"); }, delay); }, {accX: 0, accY: -150}); } else { $this.addClass("appear-animation-visible"); } }); //Sill Bar // Animation Progress Bars $("[data-progress-animate]").each(function() { var $this = $(this); $this.appear(function() { var delay = ($this.attr("data-appear-animation-delay") ? $this.attr("data-appear-animation-delay") : 1); if(delay > 1) $this.css("animation-delay", delay + "ms"); $this.addClass($this.attr("data-appear-animation")); setTimeout(function() { $this.animate( { width: $this.attr("data-progress-animate") }, 1500, "easeOutQuad", function() { $this.find(".percenttext").animate({opacity: 1,left:$this.attr("data-progress-animate")}, 500, "easeOutQuad"); }); }, delay); }, {accX: 0, accY: -50}); }); //circle Progressbar jQuery('.circliful').appear(); }, scrollTop: function(){ jQuery.scrollUp({ scrollName: 'scrollUp', // Element ID scrollDistance: 300, // Distance from top/bottom before showing element (px) scrollFrom: 'top', // 'top' or 'bottom' scrollSpeed: 300, // Speed back to top (ms) easingType: 'linear', // Scroll to top easing (see http://easings.net/) animation: 'fade', // Fade, slide, none animationInSpeed: 200, // Animation in speed (ms) animationOutSpeed: 200, // Animation out speed (ms) scrollTitle: false, // Set a custom title if required. Defaults to scrollText scrollImg: false, // Set true to use image activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF' zIndex: 2147483647 // Z-Index for the overlay }); jQuery(function($){ jQuery('.destroy').on("click",function($){ $.scrollUp.destroy(); }) }); }, toggle: function(){ jQuery('#accordion-1 [data-accordion],#accordion-2 [data-accordion],#accordion-3 [data-accordion],#accordion-4 [data-accordion],#accordion-5 [data-accordion],#accordion-6 [data-accordion],#accordion-7 [data-accordion],#accordion-8 [data-accordion],#accordion-9 [data-accordion],#accordion-10 [data-accordion],#accordion-11 [data-accordion],#accordion-12 [data-accordion],#accordion-13 [data-accordion]').accordion({ singleOpen: false }); }, tabs:function(){ jQuery('#ParentTab').easyResponsiveTabs({ type: 'horizontal', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container closed: 'accordion', // Start closed if in accordion view tabidentify: 'parenttab_1' }); jQuery('#ChildTab-1').easyResponsiveTabs({ type: 'horizontal', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container tabidentify: 'childtab_1' }); jQuery('#ChildTab-2').easyResponsiveTabs({ type: 'horizontal', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container tabidentify: 'childtab_1' }); jQuery('#ChildTab-3').easyResponsiveTabs({ type: 'horizontal', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container tabidentify: 'childtab_1' }); }, prettyPhoto: function(){ var prettyPhoto_parameters = { animation_speed: 'fast', slideshow: true, /* false OR interval time in ms */ theme:'facebook', opacity: 1, show_title:true, /* true/false */ allow_resize: true, /* Resize the photos bigger than viewport. true/false */ default_width: 920, default_height: 540, counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */ wmode: 'opaque', /* Set the flash wmode attribute */ autoplay: true, /* Automatically start videos: True/False */ modal: false, /* If set to true, only the close button will close the window */ overlay_gallery: true }; jQuery('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img),a[class^="prettyPhoto"],a[data-rel^="prettyPhoto"]').prettyPhoto(prettyPhoto_parameters); jQuery('a[class^="prettyPhoto"],a[data-rel^="prettyPhoto"]').prettyPhoto(prettyPhoto_parameters); //prettyPhoto_parameters }, parallax: function(){ jQuery('.parallax,.jx-page-header-parallax').scrolly({bgParallax: true}); }, counter: function(){ jQuery(".jx-count-up").counterUp({ delay: 10, time: 1000 }); }, bouncy: function(){ checkScrolling($('.cd-pricing-body')); $(window).on('resize', function(){ window.requestAnimationFrame(function(){checkScrolling($('.cd-pricing-body'))}); }); $('.cd-pricing-body').on('scroll', function(){ var selected = $(this); window.requestAnimationFrame(function(){checkScrolling(selected)}); }); function checkScrolling(tables){ tables.each(function(){ var table= $(this), totalTableWidth = parseInt(table.children('.cd-pricing-features').width()), tableViewport = parseInt(table.width()); if( table.scrollLeft() >= totalTableWidth - tableViewport -1 ) { table.parent('li').addClass('is-ended'); } else { table.parent('li').removeClass('is-ended'); } }); } //switch from monthly to annual pricing tables bouncy_filter($('.jx-pricing-container')); function bouncy_filter(container) { container.each(function(){ var pricing_table = $(this); var filter_list_container = pricing_table.children('.jx-pricing-switcher'), filter_radios = filter_list_container.find('input[type="radio"]'), pricing_table_wrapper = pricing_table.find('.jx-pricing-wrapper'); //store pricing table items var table_elements = {}; filter_radios.each(function(){ var filter_type = $(this).val(); table_elements[filter_type] = pricing_table_wrapper.find('li[data-type="'+filter_type+'"]'); }); //detect input change event filter_radios.on('change', function(event){ event.preventDefault(); //detect which radio input item was checked var selected_filter = $(event.target).val(); //give higher z-index to the pricing table items selected by the radio input show_selected_items(table_elements[selected_filter]); //rotate each jx-pricing-wrapper //at the end of the animation hide the not-selected pricing tables and rotate back the .jx-pricing-wrapper if( !Modernizr.cssanimations ) { hide_not_selected_items(table_elements, selected_filter); pricing_table_wrapper.removeClass('is-switched'); } else { pricing_table_wrapper.addClass('is-switched').eq(0).one('webkitAnimationEnd oanimationend msAnimationEnd animationend', function() { hide_not_selected_items(table_elements, selected_filter); pricing_table_wrapper.removeClass('is-switched'); //change rotation direction if .jx-pricing-list has the .jx-bounce-invert class if(pricing_table.find('.jx-pricing-list').hasClass('jx-bounce-invert')) pricing_table_wrapper.toggleClass('reverse-animation'); }); } }); }); } function show_selected_items(selected_elements) { selected_elements.addClass('is-selected'); } function hide_not_selected_items(table_containers, filter) { $.each(table_containers, function(key, value){ if ( key != filter ) { $(this).removeClass('is-visible is-selected').addClass('is-hidden'); } else { $(this).addClass('is-visible').removeClass('is-hidden is-selected'); } }); } }, themestyler: function(){ var $b = jQuery('body'), $h = jQuery('head'), $w = jQuery(window); $b.append('
Style Switcher
Layout Style
Color Versions
Patterns for Boxed Version
Images for Boxed Version
'); $h.append(''); if(jQuery.cookie("css")) { jQuery("#skin").attr("href",jQuery.cookie("css")); } if(jQuery.cookie("body-layout")) { if(jQuery.cookie("body-layout") == 'boxed') { $b.addClass('boxed'); $b.css('background', 'url(http://janxcode.com/ievent/images/bg/bg12.png) repeat fixed center center transparent'); $b.css('background-size', 'auto'); $w.resize(); }else if(jQuery.cookie("body-layout") == 'Wide') { $b.removeClass('boxed'); $w.resize(); } } var i=0; jQuery('#ievent-styleswitcher .toggle-switchme').click(function(){ if (i==0){ jQuery(this).parent().animate({'left' : '240px'}, 300, 'easeOutExpo'); i=1; }else{ jQuery(this).parent().animate({'left' : '0px'}, 300, 'easeOutExpo'); i=0; } }); jQuery('#ievent-styleswitcher select[name=layout]').change(function() { var current = $(this).find('option:selected').val(); if(current == 'Boxed') { $b.addClass('boxed'); $b.css('background', 'url(http://janxcode.com/ievent/images/bg/bg12.png) repeat fixed center center transparent'); $b.css('background-size', 'auto'); $w.resize(); jQuery.cookie("body-layout","boxed", {expires: 365, path: '/'}); }else if(current == 'Wide') { $b.removeClass('boxed'); jQuery.cookie("body-layout","wide", {expires: 365, path: '/'}); $w.resize(); } }); jQuery('.patterns a').click(function() { var current = jQuery('#ievent-styleswitcher select[name=layout]').find('option:selected').val(); if(current == 'Boxed') { var pattern = jQuery(this).attr('title'); if(jQuery(this).hasClass('fullimage')) { $b.css('background', 'url(http://janxcode.com/ievent/images/bg-image/'+pattern+'.jpg) no-repeat center center fixed'); $b.css('background-size', 'cover'); } else { $b.css('background', 'url(http://janxcode.com/ievent/images/bg/'+pattern+'.png) repeat center center fixed'); $b.css('background-size', 'auto'); } }else { alert('Please select Boxed Layout'); } }); //Color Skin Switcher jQuery('.color_css').click(function(e) { var color = jQuery(this).attr('id'); if (color == "3ea7d7") { var skin_link="http://janxcode.com/ievent/css/skins/blue.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } if (color == "1DA879") { var skin_link="http://janxcode.com/ievent/css/skins/green.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } if (color == "d80000") { var skin_link="http://janxcode.com/ievent/css/skins/red.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } if (color == "E5493A") { var skin_link="http://janxcode.com/ievent/css/skins/orange.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } if (color == "E22467") { var skin_link="http://janxcode.com/ievent/css/skins/pink.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } if (color == "f5a823") { var skin_link="http://janxcode.com/ievent/css/skins/sun.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } if (color == "9dc032") { var skin_link="http://janxcode.com/ievent/css/skins/greentea.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } if (color == "32b4c0") { var skin_link="http://janxcode.com/ievent/css/skins/torquze.css"; jQuery('#skin').attr('href', skin_link); $b.css('background-color',color); jQuery.cookie("css",skin_link, {expires: 365, path: '/'}); return false; } }); } }; Theme.initialize(); })();