$(window).load(function() { $("#status").fadeOut(); // will first fade out the loading animation $("#preloader").delay(100).fadeOut("slow"); // will fade out the white DIV that covers the website. }); $( document ).ready(function() { $('.header-menu').click(function(){ $('.navigation').toggleClass('show-menu'); $(this).find('.fa').toggleClass('rotate-star'); return false; }); $('.close-header-menu').click(function(){ $('.navigation').toggleClass('show-menu'); $(this).parent().parent().find('.fa').removeClass('rotate-star'); return false; }); /*Cookie Notification*/ if (typeof window.sessionStorage != undefined) { if (!sessionStorage.getItem('enabled_cookie')) { $('.tutorial').show(); sessionStorage.setItem('enabled_cookie', true); sessionStorage.setItem('storedWhen', (new Date()).getTime()); } } $('.tutorial').click(function(){ $(this).fadeOut(500); }); /*Image Sliders*/ //Note. Every image slider must be placed within the timeout function.// //Image sliders put a lot of load on mobile devices and slow the performance of other animations// //But adding a timeout event, even for a microsecond gives a great boost in performance (41% boost to be exact) setTimeout(function() { //Simple Slider var owl = $('.simple-slider'); owl.owlCarousel({ animateOut: 'fadeOut', animateIn: 'fadeIn', items:1, loop:true, margin:5, autoplay:true, autoplayTimeout:3000, autoplayHoverPause:true }); //Coverpage Slider $('.coverpage-slider').owlCarousel({ loop:true, margin:-2, nav:false, dots:true, items:1 }); //Demo Slider inside Quotes $('.demo-slider').owlCarousel({ loop:true, margin:200, nav:false, autoHeight:true, responsive:{ 0:{ items:1 }, 600:{ items:2 } } }); $('.next-demo').click(function() {$('.demo-slider').trigger('next.owl.carousel'); return false;}); $('.prev-demo').click(function() {$('.demo-slider').trigger('prev.owl.carousel'); return false;}); //Homepage Slider No Transitions $('.homepage-slider-no-transition').owlCarousel({ autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, loop:true, margin:10, nav:false, dots:false, items:1 }); //Homepage Slider With Transition $('.homepage-slider-transition').owlCarousel({ autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, animateOut: 'fadeOut', animateIn: 'fadein', loop:true, margin:10, nav:false, dots:false, items:1 }); //Homepage Slider With Transition 2 $('.homepage-slider-transition-2').owlCarousel({ autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, animateOut: 'slideOutDown', animateIn: 'slideInUp', loop:true, margin:10, nav:false, dots:false, items:1 }); //Homepage Slider With Transition 2 $('.homepage-slider-transition-3').owlCarousel({ autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, animateOut: 'rollOut', animateIn: 'rollIn', loop:true, margin:10, nav:false, dots:false, items:1 }); $('.homepage-cover-slider').owlCarousel({ autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, animateOut: 'fadeOut', animateIn: 'fadeIn', loop:true, margin:10, nav:false, dots:false, items:1 }); $('.next-home-slider').click(function() {$('.homepage-slider-transition, .homepage-slider-transition-2, .homepage-slider-transition-3, .homepage-slider-no-transition').trigger('next.owl.carousel'); return false;}); $('.prev-home-slider').click(function() {$('.homepage-slider-transition, .homepage-slider-transition-2, .homepage-slider-transition-3, .homepage-slider-no-transition').trigger('prev.owl.carousel'); return false;}); //Staff Slider No Transition $('.staff-slider-no-transition').owlCarousel({ autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, lazyLoad:true, loop:true, margin:10, nav:false, dots:false, responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1000:{ items:3 } } }); //Staff Slider With Transition $('.staff-slider-transition').owlCarousel({ autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, animateOut: 'fadeOut', animateIn: 'fadeIn', lazyLoad:true, loop:true, margin:10, nav:false, dots:false, responsive:{ 0:{ items:1 }, 600:{ items:2 }, 1000:{ items:3 } } }); $('.next-staff-slider').click(function() {$('.staff-slider-no-transition, .staff-slider-transition').trigger('next.owl.carousel'); return false;}); $('.prev-staff-slider').click(function() {$('.staff-slider-no-transition, .staff-slider-transition').trigger('prev.owl.carousel'); return false;}); //Quote Slider No Transition $('.quote-slider-no-transition').owlCarousel({ autoHeight:true, autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, lazyLoad:true, loop:true, margin:10, nav:false, dots:false, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } } }); //Quote Slider No Transition $('.quote-slider-transition').owlCarousel({ autoHeight:true, autoplay:true, autoplayTimeout:5000, autoplayHoverPause:true, animateOut: 'fadeOut', animateIn: 'fadeIn', lazyLoad:true, loop:true, margin:10, nav:false, dots:false, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } } }); $('.next-quote-slider').click(function() {$('.quote-slider-no-transition, .quote-slider-transition').trigger('next.owl.carousel'); return false;}); $('.prev-quote-slider').click(function() {$('.quote-slider-no-transition, .quote-slider-transition').trigger('prev.owl.carousel'); return false;}); //Placing the Dots if Needed function slider_dots(){ var dots_width = (-($('.owl-dots').width()/2)); $('.owl-dots').css('position', 'absolute'); $('.owl-dots').css('left', '50%'); $('.owl-dots').css('margin-left', dots_width); } slider_dots(); }, 1); //Detect if iOS WebApp Engaged and permit navigation without deploying Safari (function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone") //Fast Click - Removing 300ms delay when clicking for instant response time $(function() { FastClick.attach(document.body); }); //Lazy Load | Preloading Image $(function() { $(".preload-image").lazyload({ threshold : 200, effect : "fadeIn" }); $("img.lazy").show().lazyload(); }); //Page Chapters Activation $('.show-page-chapters, .hide-chapters').click(function(){ $('.page-chapters').toggleClass('page-chapters-active'); }); $('.page-chapters a').click(function(){ $('.page-chapters a').removeClass('active-chapter'); $(this).addClass('active-chapter'); }); //Countdown timer var endDate = "June 7, 2015 15:03:25"; $(function() { $('.countdown-class').countdown({ date: "June 7, 2087 15:03:26" }); }); //Pie Charts if ($('body').hasClass('has-charts')){ var pieData = [ { value: 25, color: "#c0392b", highlight: "#c0392b", label: "Red" }, { value: 20, color: "#27ae60", highlight: "#27ae60", label: "Green" }, { value: 15, color: "#f39c12", highlight: "#f39c12", label: "Yellow" }, { value: 30, color: "#2980b9", highlight: "#34495e", label: "Dark Blue" } ]; var barChartData = { labels : ["One","Two","Three","Four","Five", "Six"], datasets : [{ fillColor : "rgba(0,0,0,0.1)", strokeColor : "rgba(0,0,0,0.2)", highlightFill: "rgba(0,0,0,0.25)", highlightStroke: "rgba(0,0,0,0.25)", data : [20,10,40,30,10, 80] }] } window.onload = function(){ var pie_chart_1 = document.getElementById("generate-pie-chart").getContext("2d"); window.pie_chart_1 = new Chart(pie_chart_1).Pie(pieData); var bar_chart_1 = document.getElementById("generate-bar-chart").getContext("2d"); window.bar_chart_1 = new Chart(bar_chart_1).Bar(barChartData); }; } //Tabs $('ul.tabs li').click(function(){ var tab_id = $(this).attr('data-tab'); $('ul.tabs li').removeClass('active-tab'); $('.tab-content').slideUp(200); $(this).addClass('active-tab'); $("#"+tab_id).slideToggle(200); }) //Accordion $('.accordion').find('.accordion-toggle').click(function(){ //Expand or collapse this panel $(this).next().slideDown(250); $('.accordion').find('i').removeClass('rotate-180'); $(this).find('i').addClass('rotate-180'); //Hide the other panels $(".accordion-content").not($(this).next()).slideUp(200); }); //Classic Toggles $('.toggle-title').click(function(){ $(this).parent().find('.toggle-content').slideToggle(200); $(this).find('i').toggleClass('rotate-toggle'); return false; }); //Notifications $('.static-notification-close').click(function(){ $(this).parent().slideUp(200); return false; }); $('.tap-dismiss').click(function(){ $(this).slideUp(200); return false; }); //Modal Launchers $('.modal-close').click(function(){return false;}); $('.simple-modal').click(function() { $('.simple-modal-content').modal(); }); $('.social-login-modal').click(function() { $('.social-login-modal-content').modal(); }); $('.simple-login-modal').click(function() { $('.simple-login-modal-content').modal(); }); $('.social-profile-modal').click(function() { $('.social-profile-modal-content').modal(); }); //Sharebox Settings $('.show-share-bottom, .show-share-box').click(function(){ $('.share-bottom').toggleClass('active-share-bottom'); $.modal.close() return false; }); $('.close-share-bottom').click(function(){ $('.share-bottom').removeClass('active-share-bottom'); return false; }); //Fixed Notifications //top $('.close-top-notification').click(function(){ $('.top-notification').slideUp(200); return false; }); $('.show-top-notification-1').click(function(){ $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200); $('.top-notification-1').slideDown(200); }); $('.show-top-notification-2').click(function(){ $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200); $('.top-notification-2').slideDown(200); }); $('.show-top-notification-3').click(function(){ $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200); $('.top-notification-3').slideDown(200); }); //bottom $('.close-bottom-notification').click(function(){ $('.bottom-notification').slideUp(200); clearTimeout(notification_timer); return false; }); $('.show-bottom-notification-1').click(function(){ $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200); $('.bottom-notification-1').slideDown(200); return false; }); $('.show-bottom-notification-2').click(function(){ $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200); $('.bottom-notification-2').slideDown(200); return false; }); $('.show-bottom-notification-3').click(function(){ $('.top-notification, .bottom-notification, .timeout-notification').slideUp(200); $('.bottom-notification-3').slideDown(200); return false; }); //Timeout $('.timer-notification').click(function(){ var notification_timer; notification_timer = setTimeout(function(){ $('.timeout-notification').slideUp(250); },5000); }); //Switches $('.switch-1').click(function(){ $(this).toggleClass('switch-1-on'); return false; }); $('.switch-2').click(function(){ $(this).toggleClass('switch-2-on'); return false; }); $('.switch-3').click(function(){ $(this).toggleClass('switch-3-on'); return false; }); $('.switch, .switch-icon').click(function(){ $(this).parent().find('.switch-box-content').slideToggle(200); $(this).parent().find('.switch-box-subtitle').slideToggle(200); return false; }); //Reminders & Checklists & Tasklists $('.reminder-check-square').click(function(){ $(this).toggleClass('reminder-check-square-selected'); return false; }); $('.reminder-check-round').click(function(){ $(this).toggleClass('reminder-check-round-selected'); return false; }); $('.checklist-square').click(function(){ $(this).toggleClass('checklist-square-selected'); return false; }); $('.checklist-round').click(function(){ $(this).toggleClass('checklist-round-selected'); return false; }); $('.tasklist-incomplete').click(function(){ $(this).removeClass('tasklist-incomplete'); $(this).addClass('tasklist-completed'); }); $('.tasklist-item').click(function(){ $(this).toggleClass('tasklist-completed'); }); //Activity Item Toggle $('.activity-item').click(function(){ $(this).find('.activity-item-detail').slideToggle(200); }); //Detecting Mobiles// 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()) { //Settings for all mobiles $('head').append(''); } if( !isMobile.any() ){ $('.show-blackberry, .show-ios, .show-windows, .show-android').hide(0); $('show-no-detection').show(0); $('#content').bind('mousewheel', function(event) { event.preventDefault(); var scrollTop = this.scrollTop; this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -2)); //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta); }); $("#content").css("overflow-y","hidden"); } if(isMobile.Android()) { $('.show-android').show(0); $('.show-blackberry, .show-ios, .show-windows').hide(0); } if(isMobile.BlackBerry()) { $('.show-blackberry').show(0); $('.show-android, .show-ios, .show-windows').hide(0); } if(isMobile.iOS()) { $('.show-ios').show(0); $('.show-blackberry, .show-android, .show-windows').hide(0); } if(isMobile.Windows()) { $('.show-windows').show(0); $('.show-blackberry, .show-ios, .show-android').hide(0); } $('.back-to-top-badge, .back-to-top').click(function() { $('#content').animate({ scrollTop:0 }, 500, 'easeInOutQuad'); return false; }); //Show Back To Home When Scrolling $('#content').on('scroll', function () { var total_scroll_height = $('#content')[0].scrollHeight var inside_header = ($(this).scrollTop() <= 150); var passed_header = ($(this).scrollTop() >= 0); //250 var footer_reached = ($(this).scrollTop() >= (total_scroll_height - ($(window).height() +100 ))); if (inside_header == true) { $('.back-to-top-badge').removeClass('back-to-top-badge-visible'); } else if (passed_header == true) { $('.back-to-top-badge').addClass('back-to-top-badge-visible'); } if (footer_reached == true){ $('.back-to-top-badge').removeClass('back-to-top-badge-visible'); } }); //Make contianer fullscreen// function create_paddings(){ var no_padding = $(window).width(); function mobile_paddings(){ $('.content').css('padding-left', '20px'); $('.content').css('padding-right', '20px'); $('.container-fullscreen, .image-fullscreen').css('margin-left', '-20px'); $('.container-fullscreen, .image-fullscreen').css('width', no_padding +2); } function tablet_paddings(){ $('.content').css('padding-left', '50px'); $('.content').css('padding-right', '50px'); $('.container-fullscreen, .image-fullscreen').css('margin-left', '-50px'); $('.container-fullscreen, .image-fullscreen').css('width', no_padding +2); } if($(window).width() < 766){ mobile_paddings() } if($(window).width() > 766){ tablet_paddings() } } $(window).resize(function() { create_paddings(); }); create_paddings(); //Morph Headings $(".infinite-text").Morphext({ // The [in] animation type. Refer to Animate.css for a list of available animations. animation: "flipInX", // An array of phrases to rotate are created based on this separator. Change it if you wish to separate the phrases differently (e.g. So Simple | Very Doge | Much Wow | Such Cool). separator: "|", // The delay between the changing of each phrase in milliseconds. speed: 2000, complete: function () { // Called after the entrance animation is executed. } }); //Set inputs to today's date by adding class set-day var set_input_now = new Date(); var set_input_month = (set_input_now.getMonth() + 1); var set_input_day = set_input_now.getDate(); if(set_input_month < 10) set_input_month = "0" + set_input_month; if(set_input_day < 10) set_input_day = "0" + set_input_day; var set_input_today = set_input_now.getFullYear() + '-' + set_input_month + '-' + set_input_day; $('.set-today').val(set_input_today); //Portfolios and Gallerties $('.adaptive-one').click(function(){ $('.portfolio-switch').removeClass('active-adaptive'); $(this).addClass('active-adaptive'); $('.portfolio-adaptive').removeClass('portfolio-adaptive-two portfolio-adaptive-three'); $('.portfolio-adaptive').addClass('portfolio-adaptive-one'); return false; }); $('.adaptive-two').click(function(){ $('.portfolio-switch').removeClass('active-adaptive'); $(this).addClass('active-adaptive'); $('.portfolio-adaptive').removeClass('portfolio-adaptive-one portfolio-adaptive-three'); $('.portfolio-adaptive').addClass('portfolio-adaptive-two'); return false; }); $('.adaptive-three').click(function(){ $('.portfolio-switch').removeClass('active-adaptive'); $(this).addClass('active-adaptive'); $('.portfolio-adaptive').removeClass('portfolio-adaptive-two portfolio-adaptive-one'); $('.portfolio-adaptive').addClass('portfolio-adaptive-three'); return false; }); //Wide Portfolio $('.show-wide-text').click(function(){ $(this).parent().find('.wide-text').slideToggle(200); return false; }); $('.portfolio-close').click(function(){ $(this).parent().parent().find('.wide-text').slideToggle(200); return false; }); $('.show-gallery, .show-gallery-1, .show-gallery-2, .show-gallery-3, .show-gallery-4, .show-gallery-5, .add-gallery a').swipebox(); function apply_gallery_justification(){ var screen_widths = $(window).width(); if( screen_widths < 768){ $('.gallery-justified').justifiedGallery({ rowHeight : 70, maxRowHeight : 370, margins : 5, fixedHeight:false }); }; if( screen_widths > 768){ $('.gallery-justified').justifiedGallery({ rowHeight : 150, maxRowHeight : 370, margins : 5, fixedHeight:false }); }; }; apply_gallery_justification(); //Filterable Gallery var selectedClass = ""; $(".filter-category").click(function(){ $('.portfolio-filter-categories a').removeClass('selected-filter'); $(this).addClass('selected-filter'); selectedClass = $(this).attr("data-rel"); $(".portfolio-filter-wrapper").show(250); $(".portfolio-filter-wrapper div").not("."+selectedClass).delay(100).hide(250); setTimeout(function() { $("."+selectedClass).show(250); $(".portfolio-filter-wrapper").show(250); }, 0); }); if($('body').hasClass('dual-sidebar')){ dual_sidebar(); } if($('body').hasClass('left-sidebar')){ left_sidebar(); } if($('body').hasClass('right-sidebar')){ right_sidebar(); } if($('body').hasClass('no-sidebar')){ no_sidebar(); } function dual_sidebar(){ var $div = $('
').appendTo('body'); $div.attr('id', 'footer-fixed'); $div.attr('class', 'not-active'); var snapper = new Snap({ element: document.getElementById('content'), elementMirror: document.getElementById('header'), elementMirror2: document.getElementById('footer-fixed'), disable: 'none', tapToClose: true, touchToDrag: true, maxPosition: 266, minPosition: -266 }); $('.close-sidebar').click(function(){snapper.close(); return false;}); $('.open-left-sidebar').click(function() { //$(this).toggleClass('remove-sidebar'); if( snapper.state().state=="left" ){ snapper.close(); } else { snapper.open('left'); } return false; }); $('.open-right-sidebar').click(function() { //$(this).toggleClass('remove-sidebar'); if( snapper.state().state=="right" ){ snapper.close(); } else { snapper.open('right'); } return false; }); snapper.on('open', function(){$('.back-to-top-badge').removeClass('back-to-top-badge-visible');}); }; function left_sidebar(){ var $div = $('
').appendTo('body'); $div.attr('id', 'footer-fixed'); $div.attr('class', 'not-active'); var snapper = new Snap({ element: document.getElementById('content'), elementMirror: document.getElementById('header'), elementMirror2: document.getElementById('footer-fixed'), disable: 'right', tapToClose: true, touchToDrag: true, maxPosition: 266, minPosition: -266 }); $('.close-sidebar').click(function(){snapper.close(); return false;}); $('.open-left-sidebar').click(function() { //$(this).toggleClass('remove-sidebar'); if( snapper.state().state=="left" ){ snapper.close(); } else { snapper.open('left'); } return false; }); snapper.on('open', function(){$('.back-to-top-badge').removeClass('back-to-top-badge-visible');}); }; function right_sidebar(){ var $div = $('
').appendTo('body'); $div.attr('id', 'footer-fixed'); $div.attr('class', 'not-active'); var snapper = new Snap({ element: document.getElementById('content'), elementMirror: document.getElementById('header'), elementMirror2: document.getElementById('footer-fixed'), disable: 'left', tapToClose: true, touchToDrag: true, maxPosition: 266, minPosition: -266 }); $('.close-sidebar').click(function(){snapper.close(); return false;}); $('.open-right-sidebar').click(function() { //$(this).toggleClass('remove-sidebar'); if( snapper.state().state=="right" ){ snapper.close(); } else { snapper.open('right'); } return false; }); snapper.on('open', function(){$('.back-to-top-badge').removeClass('back-to-top-badge-visible');}); }; function no_sidebar(){ var snapper = new Snap({ element: document.getElementById('content'), elementMirror: document.getElementById('header'), elementMirror2: document.getElementById('footer-fixed'), disable: 'none', tapToClose: false, touchToDrag: false }); }; //Fullscreen Map $('.map-text, .map-overlay').click(function(){ $('.map-text, .map-overlay').fadeOut(200); $('.deactivate-map').fadeIn(200); }); $('.deactivate-map').click(function(){ $('.map-text, .map-overlay').fadeIn(200); $('.deactivate-map').fadeOut(200); }); function generate_map(){ var map_width = $(window).width(); var map_height = $(window).height(); $('.map-fullscreen iframe').css('width', map_width); $('.map-fullscreen iframe').css('height', map_height); }; generate_map(); //-------------------Generate Cover Screen Elements--------------------// //Global Settings for Fullscreen Pages, PageApps and Coverscreen Slider// function align_cover_elements(){ var cover_width = $(window).width(); var cover_height = $(window).height(); var cover_vertical = -($('.cover-center').height())/2; var cover_horizontal = -($('.cover-center').width())/2; $('.cover-screen').css('width', cover_width); $('.cover-screen').css('height', cover_height); $('.cover-screen .overlay').css('width', cover_width); $('.cover-screen .overlay').css('height', cover_height); $('.cover-center').css('margin-left', cover_horizontal); $('.cover-center').css('margin-top', cover_vertical + 30); $('.cover-left').css('margin-top', cover_vertical); $('.cover-right').css('margin-top', cover_vertical); $('.homepage-cover, .homepage-cover-slider').css('height', cover_height); $('.homepage-cover, .homepage-cover-slider').css('width', cover_width); }; align_cover_elements(); //Resize Functions// $(window).resize(function(){ apply_gallery_justification(); align_cover_elements(); generate_map(); }); //Swipebox Image Gallery// //SVG Usage is not recommended due to poor compatibility with older Android / Windows Mobile Devices// $(".swipebox").swipebox({ useCSS : true, hideBarsDelay : 3000 // 0 to always show caption and action bar }); });