1isIE = false; 2var $ = jQuery.noConflict(); 3(function($){ 4 "use strict"; 5 6 $(window).on('load', function(){ 7 8 $(".bo-loading div").delay(0).fadeOut(); 9 $(".bo-loading").delay(200).fadeOut("slow"); 10 11 init_scroll_navigate(); 12 13 $(window).trigger("scroll"); 14 $(window).trigger("resize"); 15 16 if (window.location.hash){ 17 var hash_offset = $(window.location.hash).offset().top; 18 $("html, body").animate({ 19 scrollTop: hash_offset 20 }); 21 } 22 23 }); 24 25 $(document).ready(function(){ 26 27 $(window).trigger("resize"); 28 29 init_main_menu(); 30 init_side_header(); 31 init_lightbox(); 32 init_parallax(); 33 init_shortcodes(); 34 init_tooltips(); 35 init_counters(); 36 init_forms_cols(); 37 init_main_headerv(); 38 init_overlay_search(); 39 init_team(); 40 initPageSliders(); 41 initWorkFilter(); 42 init_map(); 43 init_wow(); 44 init_masonry(); 45 }); 46 47 $(window).on('resize', function(){ 48 49 init_main_menu_resize(); 50 init_side_header_resize(); 51 js_height_init(); 52 53 }); 54 55 var mobileTest; 56 if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 57 mobileTest = true; 58 $("html").addClass("mobile"); 59 } 60 else { 61 mobileTest = false; 62 $("html").addClass("no-mobile"); 63 } 64 65 var mozillaTest; 66 if (/mozilla/.test(navigator.userAgent)) { 67 mozillaTest = true; 68 } 69 else { 70 mozillaTest = false; 71 } 72 var safariTest; 73 if (/safari/.test(navigator.userAgent)) { 74 safariTest = true; 75 } 76 else { 77 safariTest = false; 78 } 79 80 // Detect touch devices 81 if (!("ontouchstart" in document.documentElement)) { 82 document.documentElement.className += " no-touch"; 83 } 84 85 86 87 /* ---------------------------------------------------------- 88 ## Sections backgrounds 89 --------------------------------Lioit.com------------------*/ 90 var lioSections = $(".page, .body-bg-img,.side-img, .bg-img, .section-img-background, .small-img-background, .home-section, .page-section, .split-section, .xlarge-section, .large-section, .small-section, .tiny-section, .xtiny-section"); 91 92 lioSections.each(function(indx){ 93 if ($(this).attr("data-background")){ $(this).css("background-image", "url(" + $(this).data("background") + ")");} 94 }); 95 /* ---------------------------------------------------------- 96 ## Sections Heights 97 --------------------------------Lioit.com------------------*/ 98 function height_line(height_object, height_donor){ 99 height_object.height(height_donor.height()); 100 height_object.css({ "line-height": height_donor.height() + "px" }); 101 } 102 /* ---------------------------------------------------------- 103 ## Forced equal 104 --------------------------------Lioit.com------------------*/ 105 !function(a){ 106 a.fn.equalHeights = function(){ 107 var b = 0, c = a(this); 108 return c.each(function(){ 109 var c = a(this).innerHeight(); 110 c > b && (b = c) 111 }), c.css("height", b) 112 }, a("[data-equal]").each(function(){ 113 var b = a(this), c = b.data("equal"); 114 b.find(c).equalHeights() 115 }) 116 }(jQuery); 117 118 /* --------------------------------------------- 119 ## Force Height 100% 120 --------------------------------------------- */ 121 function js_height_init(){ 122 (function($){ 123 $(".force-height-full").height($(window).height()); 124 $(".force-height-parent").each(function() { $(this).height($(this).parent().first().height()); }); 125 })(jQuery); 126 } 127 128/* ---------------------------------------------------------- 129 # Shortcodes 130--------------------------------Lioit.com------------------*/ 131 132 /* ---------------------------------------------------------- 133 ## Progress bars 134 --------------------------------Lioit.com------------------*/ 135 var progressBar = $(".progress-bar"); 136 progressBar.each(function(indx){ $(this).css("width", $(this).attr("aria-valuenow") + "%"); }); 137 138 /* ---------------------------------------------------------- 139 ## Tabs minimal 140 --------------------------------Lioit.com------------------*/ 141 function init_shortcodes(){ 142 143 var liosh_tab_height; 144 $(".lio-sh-minimal-tabs > li > a").on('click', function(){ 145 146 if (!($(this).parent("li").hasClass("active"))) { 147 liosh_tab_height = $(".lio-sh-minimal-tabs-cont > .tab-pane").filter($(this).attr("href")).height(); 148 $(".lio-sh-minimal-tabs-cont").animate({ 149 height: liosh_tab_height 150 }, function(){ $(".lio-sh-minimal-tabs-cont").css("height", "auto"); }); 151 152 } 153 154 }); 155 /* ---------------------------------------------------------- 156 ## Accordion 157 --------------------------------Lioit.com------------------*/ 158 var allPanels = $(".accordion > dd").hide(); 159 allPanels.first().slideDown("easeOutExpo"); 160 $(".accordion > dt > a").first().addClass("active"); 161 162 $(".accordion > dt > a").on('click', function(){ 163 164 var current = $(this).parent().next("dd"); 165 $(".accordion > dt > a").removeClass("active"); 166 $(this).addClass("active");
167 allPanels.not(current).slideUp("easeInExpo"); 168 $(this).parent().next().slideDown("easeOutExpo"); 169 170 return false; 171 172 }); 173 /* ---------------------------------------------------------- 174 ## Toggle 175 --------------------------------Lioit.com------------------*/ 176 var allToggles = $(".toggle > dd").hide(); 177 178 $(".toggle > dt > a").on('click', function(){ 179 180 if ($(this).hasClass("active")) { 181 182 $(this).parent().next().slideUp("easeOutExpo"); 183 $(this).removeClass("active"); 184 185 } 186 else { 187 var current = $(this).parent().next("dd"); 188 $(this).addClass("active"); 189 $(this).parent().next().slideDown("easeOutExpo"); 190 } 191 192 return false; 193 }); 194 /* ---------------------------------------------------------- 195 ## Responsive video 196 --------------------------------Lioit.com------------------*/ 197 $(".video, .resp-media, .blog-media").fitVids(); 198 $(".work-full-media").fitVids(); 199 200 } 201 202 /* ---------------------------------------------------------- 203 ## Tooltips *bootstrap required 204 --------------------------------Lioit.com------------------*/ 205 206 function init_tooltips(){ 207 208 $(".tooltip-bot, .tooltip-bot a, .nav-social-links a").tooltip({ 209 placement: "bottom" 210 }); 211 212 $(".tooltip-top, .tooltip-top a").tooltip({ 213 placement: "top" 214 }); 215 216 217 $(".tooltip-right, .tooltip-right a").tooltip({ 218 placement: "right" 219 }); 220 221 222 $(".tooltip-left, .tooltip-left a").tooltip({ 223 placement: "left" 224 }); 225 226 } 227 228 /* ---------------------------------------------------------- 229 ## facts 230 --------------------------------Lioit.com------------------*/ 231 function init_counters(){ 232 $(".count-number").appear(function(){ 233 var count = $(this); 234 count.countTo({ 235 from: 0, 236 to: count.html(), 237 speed: 1300, 238 refreshInterval: 60, 239 }); 240 241 }); 242 } 243 244 /*---------------------------------------------------------- 245 # Overlay Search 246 --------------------------------Lioit.com------------------*/ 247 function init_overlay_search(){ 248 function c() { 249 if (navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS 7_\d/i)) { 250 var a = Math.floor(jQuery(window).height() * (jQuery(".cover").attr("data-height") / 100)); 251 jQuery(".cover").css("height", a) 252 } 253 } 254 if (jQuery(".showsearch").on('click', function() { 255 jQuery(".searchoverlay").fadeIn(500), jQuery(".searchoverlay .query").focus() 256 }), jQuery(".closesearch").on('click', function() { 257 jQuery(".searchoverlay").fadeOut(500) 258 }), jQuery(".cover").length > 0 ? (jQuery(".headroom").css("display", "none"), jQuery("footer.postinfo").css("display", "none"), jQuery(".cover").waypoint(function(a) { 259 "down" == a && jQuery(".headroom").css("display", "block"), "up" == a && jQuery(".headroom").fadeOut(200) 260 }, { 261 offset: -Math.abs(jQuery(".cover").height()) 262 }), jQuery(".cover").waypoint(function(a) { 263 "down" == a && jQuery("footer.postinfo").css("display", "block"), "up" == a && jQuery("footer.postinfo").fadeOut(200) 264 }, { 265 offset: -75 266 })) : jQuery(".headroom").css("display", "block"), jQuery(".headroom").length > 0) { 267 Headroom.options.offset = 50, Headroom.options.tolerance.up = 20, Headroom.options.tolerance.down = 10, Headroom.options.onUnpin = function() { 268 jQuery(".sub-menu").slideUp() 269 }; 270 var d = document.querySelector(".headroom"), 271 e = new Headroom(d);
272 e.init() 273 } 274 275 } 276 277 /*---------------------------------------------------------- 278 # Header Search 279 --------------------------------Lioit.com------------------*/ 280 281 function init_main_headerv(){ 282 jQuery("#main-headerv-search").on('click', function () { 283 var $this = jQuery(this); 284 var $searchform = $this.parent().find(".headerv-search"); 285 $searchform.fadeToggle(250, function () { 286 287 if (($searchform).is(":visible")) { 288 $this.find(".fa-search").removeClass("fa-search").addClass("fa-times"); 289 290 if (!isIE) { 291 $searchform.find("[type=text]").focus(); 292 } 293 } else { 294 $this.find(".fa-times").removeClass("fa-times").addClass("fa-search"); 295 } 296 }); 297 298 return false; 299 }); 300 } 301 302 /* ---------------------------------------------------------- 303 ## Team 304 --------------------------------Lioit.com------------------*/ 305 306 function init_team(){ 307 308 // Hover 309 $(".team-col").on('click', function(){ 310 if ($("html").hasClass("mobile")) { 311 $(this).toggleClass("js-enabled"); 312 } 313 }); 314 315 } 316 317 /*---------------------------------------------------------- 318 # Forms Colsets 319 --------------------------------Lioit.com------------------*/ 320 function init_forms_cols() { 321 $('.form-group.form-group-default').on('click', function() { 322 $(this).find('input').focus(); 323 }); 324 $('body').on('focus', '.form-group.form-group-default :input', function() { 325 $('.form-group.form-group-default').removeClass('focused'); 326 $(this).parents('.form-group').addClass('focused'); 327 }); 328 $('body').on('blur', '.form-group.form-group-default :input', function() { 329 $(this).parents('.form-group').removeClass('focused'); 330 if ($(this).val()) { 331 $(this).closest('.form-group').find('label').addClass('fade'); 332 } else { 333 $(this).closest('.form-group').find('label').removeClass('fade'); 334 } 335 }); 336 $('.form-group.form-group-default .checkbox, .form-group.form-group-default .radio').on( 337 { 338 mouseenter: function() { 339 $(this).parents('.form-group').addClass('focused'); 340 }, 341 mouseleave: function() { 342 $(this).parents('.form-group').removeClass('focused'); 343 } 344 }); 345 346 347 jQuery(".md-input").on('focus', function() { 348 jQuery(this).parent().addClass("is-active is-completed"); 349 }); 350 351 jQuery(".md-input").on('focusout', function() { 352 if (jQuery(this).val() === "") { 353 jQuery(this).parent().removeClass("is-completed"); 354 } 355 jQuery(this).parent().removeClass("is-active"); 356 }); 357 358 } 359 360 361/* ---------------------------------------------------------- 362 # Navbar 363--------------------------------Lioit.com------------------*/ 364 365 var mobile_nav = $(".mobile-nav"); 366 var desktop_nav = $(".desktop-nav"); 367 368 function init_main_menu_resize(){ 369 370 // Mobile menu max height 371 $(".mobile-on .desktop-nav > ul").css("max-height", $(window).height() - $(".main-nav").height() - 20 + "px"); 372 373 // Mobile menu style toggle 374 if ($(window).width() <= 1024) { 375 $(".main-nav").addClass("mobile-on"); 376 } 377 else 378 if ($(window).width() > 1024) { 379 $(".main-nav").removeClass("mobile-on"); 380 desktop_nav.show(); 381 } 382 } 383 /*---------------------------------------------------------- 384 ## Main Menu 385 --------------------------------Lioit.com------------------*/ 386 function init_main_menu(){ 387 388 // 389 390 $(".js-stick").sticky({ 391 topSpacing: 0 392 }); 393 394 395 height_line($(".inner-nav ul > li > a"), $(".main-nav")); 396 height_line(mobile_nav, $(".main-nav")); 397 398 mobile_nav.css({ 399 "width": $(".main-nav").height() + "px" 400 }); 401 402 // Transpaner menu 403 404 if ($(".main-nav").hasClass("transparent")){ 405 $(".main-nav").addClass("js-transparent"); 406 } 407 408 $(window).scroll(function(){ 409 410 if ($(window).scrollTop() > 10) { 411 $(".js-transparent").removeClass("transparent"); 412 $(".main-nav, .nav-logo-wrap .logo, .mobile-nav").addClass("small-height"); 413 } 414 else { 415 $(".js-transparent").addClass("transparent"); 416 $(".main-nav, .nav-logo-wrap .logo, .mobile-nav").removeClass("small-height"); 417 } 418 419 420 }); 421 422 /*---------------------------------------------------------- 423 ## Mobile menu toggle 424 --------------------------------Lioit.com------------------*/ 425 mobile_nav.on('click', function(){ 426 427 if (desktop_nav.hasClass("js-opened")) { 428 desktop_nav.slideUp("slow", "easeOutExpo").removeClass("js-opened"); 429 $(this).removeClass("active"); 430 } 431 else { 432 desktop_nav.slideDown("slow", "easeOutQuart").addClass("js-opened"); 433 $(this).addClass("active"); 434 } 435 436 }); 437 438 desktop_nav.find("a:not(.mn-has-sub)").on('click', function(){ 439 if (mobile_nav.hasClass("active")) { 440 desktop_nav.slideUp("slow", "easeOutExpo").removeClass("js-opened"); 441 mobile_nav.removeClass("active"); 442 } 443 }); 444 445 446 /*---------------------------------------------------------- 447 ## Sub menu 448 --------------------------------Lioit.com------------------*/ 449 450 var mnHasSub = $(".mn-has-sub"); 451 var mnThisLi; 452 453 $(".mobile-on .mn-has-sub").find(".fa:first").removeClass("fa-angle-right").addClass("fa-angle-down"); 454 455 mnHasSub.on('click', function(){ 456 457 if ($(".main-nav").hasClass("mobile-on")) { 458 mnThisLi = $(this).parent("li:first"); 459 if (mnThisLi.hasClass("js-opened")) { 460 mnThisLi.find(".mn-sub:first").slideUp(function(){ 461 mnThisLi.removeClass("js-opened"); 462 mnThisLi.find(".mn-has-sub").find(".fa:first").removeClass("fa-angle-up").addClass("fa-angle-down"); 463 }); 464 } 465 else { 466 $(this).find(".fa:first").removeClass("fa-angle-down").addClass("fa-angle-up"); 467 mnThisLi.addClass("js-opened"); 468 mnThisLi.find(".mn-sub:first").slideDown(); 469 } 470 471 return false; 472 } 473 else { 474 return false; 475 } 476 477 }); 478 479 mnThisLi = mnHasSub.parent("li"); 480 mnThisLi.on( 481 { 482 mouseenter: function(){ 483 484 if (!($(".main-nav").hasClass("mobile-on"))) { 485 486 $(this).find(".mn-sub:first").stop(true, true).fadeIn("fast"); 487 } 488 489 }, 490 mouseleave: function(){ 491 492 if (!($(".main-nav").hasClass("mobile-on"))) { 493 494 $(this).find(".mn-sub:first").stop(true, true).delay(100).fadeOut("fast"); 495 } 496 497 } 498 }); 499 500 } 501 502/*---------------------------------------------------------- 503 # Scroll navigation 504--------------------------------Lioit.com------------------*/ 505 function init_scroll_navigate(){ 506 507 $(".local-scroll").localScroll({ 508 target: "body", 509 duration: 1500, 510 offset: 0, 511 easing: "easeInOutExpo" 512 }); 513 514 var sections = $(".home-section, .split-section, .page-section"); 515 var menu_links = $(".scroll-nav li a"); 516 517 $(window).scroll(function(){ 518 519 sections.filter(":in-viewport:first").each(function(){ 520 var active_section = $(this); 521 var active_link = $('.scroll-nav li a[href="#' + active_section.attr("id") + '"]'); 522 menu_links.removeClass("active"); 523 active_link.addClass("active"); 524 }); 525 526 }); 527 528 } 529 530/*---------------------------------------------------------- 531 # Lightboxes 532--------------------------------Lioit.com------------------*/ 533 534 function init_lightbox(){ 535 536 // Works Item Lightbox 537 $(".work-lightbox-link").magnificPopup({ 538 type: 'image', 539 mainClass: 'mfp-with-zoom', // this class is for CSS animation below 540 541 zoom: { 542 enabled: true, // By default it's false, so don't forget to enable it 543 544 duration: 300, // duration of the effect, in milliseconds 545 easing: 'ease-in-out', // CSS transition easing function 546 547 // The "opener" function should return the element from which popup will be zoomed in 548 // and to which popup will be scaled down 549 // By defailt it looks for an image tag: 550 opener: function(openerElement) { 551 // openerElement is the element on which popup was initialized, in this case its <a> tag 552 // you don't need to add "opener" option if this code matches your needs, it's defailt one. 553 return openerElement.is('img') ? openerElement : openerElement.find('img'); 554 } 555 } 556 557 });
558 /*---------------------------------------------------------- 559 ## Works Item Lightbox 560 --------------------------------Lioit.com------------------*/ 561 562 $(".lightbox-gallery-1").magnificPopup({ 563 gallery: { 564 enabled: true 565 }, 566 mainClass: "mfp-with-zoom" 567 }); 568 569 // Other Custom Lightbox 570 $(".lightbox-gallery-2").magnificPopup({ 571 gallery: { 572 enabled: true 573 }, 574 mainClass: "mfp-with-zoom" 575 }); 576 $(".lightbox-gallery-3").magnificPopup({ 577 gallery: { 578 enabled: true 579 }, 580 mainClass: "mfp-with-zoom" 581 }); 582 $(".lightbox").magnificPopup(); 583 584 $(".video").magnificPopup(); 585 586 587 $('.popup-with-zoom-anim').magnificPopup({ 588 type: 'inline', 589 590 fixedContentPos: false, 591 fixedBgPos: true, 592 593 overflowY: 'auto', 594 595 closeBtnInside: true, 596 preloader: false, 597 598 midClick: true, 599 removalDelay: 300, 600 mainClass: 'my-mfp-zoom-in' 601 }); 602 603 $('.popup-with-move-anim').magnificPopup({ 604 type: 'inline', 605 606 fixedContentPos: false, 607 fixedBgPos: true, 608 609 overflowY: 'auto', 610 611 closeBtnInside: true, 612 preloader: false, 613 614 midClick: true, 615 removalDelay: 300, 616 mainClass: 'my-mfp-slide-bottom' 617 }); 618 619 620 } 621 622 623/*---------------------------------------------------------- 624 # Parallax 625--------------------------------Lioit.com------------------*/ 626 627 628 function init_parallax(){ 629 630 // Parallax 631 if (($(window).width() >= 1024) && (mobileTest == false)) { 632 $(".parallax-1").parallax("50%", 0.1); 633 $(".parallax-2").parallax("50%", 0.2); 634 $(".parallax-3").parallax("50%", 0.3); 635 $(".parallax-4").parallax("50%", 0.4); 636 $(".parallax-5").parallax("50%", 0.5); 637 $(".parallax-6").parallax("50%", 0.6); 638 $(".parallax-7").parallax("50%", 0.7); 639 $(".parallax-8").parallax("50%", 0.5); 640 $(".parallax-9").parallax("50%", 0.5); 641 $(".parallax-10").parallax("50%", 0.5); 642 $(".parallax-11").parallax("50%", 0.05); 643 } 644 645 } 646 647 648 649})(jQuery); // End of use strict 650 651 /* ---------------------------------------------------------- 652 ## parallax Heading Smooth fade Effects 653 --------------------------------Lioit.com------------------*/ 654 655function parallax() { 656 var scrollPosition = jQuery(window).scrollTop(); 657 jQuery('.mainAvatar').css('opacity',((100 - scrollPosition/2) *0.01)); 658 jQuery('.welcome-intro h1').css('opacity',((100 - scrollPosition/3) *0.01)); 659 jQuery('.welcome-intro .intro-title').css('opacity',((100 - scrollPosition/3) *0.01)); 660 jQuery('.welcome-intro p').css('opacity',((100 - scrollPosition/4) *0.01)); 661 jQuery('.welcome-intro .btn').css('opacity',((100 - scrollPosition/5) *0.01)); 662 jQuery('.author-img').css('opacity',((0 + scrollPosition/7) *0.06)); 663 664 jQuery('.heading-details h1').css('opacity',((100 - scrollPosition/3) *0.01)); 665 jQuery('.heading-details p').css('opacity',((100 - scrollPosition/4) *0.01)); 666 667 jQuery('.work-heading-details').css('opacity',((100 - scrollPosition/5) *0.01)); 668 669 jQuery('.cover-parallax').css('opacity',((100 - scrollPosition/4) *0.01)); 670 671 672 673} 674jQuery(window).on('scroll', function(e) { 675 parallax(); 676}); 677 678 679/*---------------------------------------------------------- 680 # Sliders 681--------------------------------Lioit.com------------------*/ 682 683function initPageSliders(){ 684 (function($){ 685 "use strict"; 686 687 $('.carousel').owlCarousel({ 688 items:3, 689 nav: true, 690 dots: false, 691 loop:true, 692 mobileBoost: true, 693 navText: ['',''], 694 autoWidth: true, 695 margin: 0, 696 merge: false, 697 center: false, 698 autoplay:true, 699 autoHeight: true, 700 autoplayTimeout: 3000, 701 autoplaySpeed: 6000, 702 smartSpeed: 1500, 703 autoplayHoverPause: true 704 }); 705 706 // Fullwidth slider 707 $(".fullwidth-slider-defult").owlCarousel({ 708 slideSpeed: 350, 709 singleItem: true, 710 autoHeight: true, 711 navigation: true, 712 pagination: false, 713 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 714 }); 715 716 // Fullwidth slider w/pagination 717 $(".fullwidth-slider-wpager").owlCarousel({ 718 slideSpeed: 350, 719 singleItem: true, 720 autoHeight: true, 721 navigation: true, 722 pagination: true, 723 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 724 }); 725 726 // Fullwidth slider 727 $(".fullwidth-slider-fade").owlCarousel({ 728 transitionStyle: "fadeUp", 729 slideSpeed: 350, 730 singleItem: true, 731 autoHeight: true, 732 navigation: true, 733 pagination: false, 734 autoPlay : true, 735 stopOnHover : true, 736 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 737 }); 738 739 740 // Fullwidth slider 741 $(".fullwidth-slider2").owlCarousel({ 742 slideSpeed: 350, 743 singleItem: true, 744 autoHeight: true, 745 navigation: true, 746 pagination: true, 747 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 748 }); 749 750 // Fullwidth gallery 751 $(".fullwidth-gallery").owlCarousel({ 752 transitionStyle: "fade", 753 autoPlay: 5000, 754 slideSpeed: 700, 755 singleItem: true, 756 autoHeight: true, 757 navigation: false, 758 pagination: false 759 }); 760 761 // Fullwidth slider 762 $(".small-featured-posts").owlCarousel({ 763 slideSpeed: 350, 764 singleItem: true, 765 autoHeight: true, 766 navigation: true, 767 pagination: false, 768 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 769 }); 770 771 772 773 // Fullwidth slider 774 $(".three-slider").owlCarousel({ 775 slideSpeed: 350, 776 items: 3, 777 itemsDesktop: [1199, 3], 778 itemsTabletSmall: [768, 3], 779 itemsMobile: [480, 1], 780 autoHeight: true, 781 navigation: true, 782 pagination: false, 783 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 784 }); 785 786 // Fullwidth slider 787 $(".five-slider").owlCarousel({ 788 slideSpeed: 350, 789 items: 5, 790 itemsDesktop: [1199, 5], 791 itemsTabletSmall: [768, 5], 792 itemsMobile: [480, 3], 793 autoHeight: true, 794 navigation: true, 795 pagination: true, 796 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 797 }); 798 799 // Item carousel 800 $(".item-carousel").owlCarousel({
801 autoPlay: false, 802 //stopOnHover: true, 803 items: 3, 804 itemsDesktop: [1199, 3], 805 itemsTabletSmall: [768, 3], 806 itemsMobile: [480, 1], 807 navigation: false, 808 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 809 }); 810 811 812 // Item carousel 813 $(".small-item-carousel").owlCarousel({ 814 autoPlay: 2500, 815 stopOnHover: true, 816 items: 6, 817 itemsDesktop: [1199, 4], 818 itemsTabletSmall: [768, 3], 819 itemsMobile: [480, 2], 820 pagination: false, 821 navigation: false, 822 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 823 }); 824 825 // Item carousel 826 $(".small-item-carousel2").owlCarousel({ 827 autoPlay: 2500, 828 stopOnHover: true, 829 items: 4, 830 itemsDesktop: [1199, 4], 831 itemsTabletSmall: [768, 3], 832 itemsMobile: [480, 2], 833 pagination: false, 834 navigation: false, 835 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 836 }); 837 838 // Item carousel 839 $(".small-item-carousel2-wpager").owlCarousel({ 840 autoPlay: 2500, 841 stopOnHover: true, 842 items: 4, 843 itemsDesktop: [1199, 4], 844 itemsTabletSmall: [768, 3], 845 itemsMobile: [480, 2], 846 pagination: true, 847 navigation: true, 848 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 849 }); 850 851 // Single carousel 852 $(".single-carousel").owlCarousel({ 853 //transitionStyle: "backSlide", 854 singleItem: true, 855 autoHeight: true, 856 navigation: true, 857 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 858 }); 859 860 // Content Slider 861 $(".content-slider").owlCarousel({ 862 slideSpeed: 350, 863 singleItem: true, 864 autoHeight: true, 865 navigation: true, 866 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 867 }); 868 869 // Image carousel 870 $(".image-carousel").owlCarousel({ 871 autoPlay: 5000, 872 stopOnHover: true, 873 items: 4, 874 itemsDesktop: [1199, 3], 875 itemsTabletSmall: [768, 2], 876 itemsMobile: [480, 1], 877 navigation: true, 878 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"], 879 pagination: false, 880 }); 881 882 // Photo slider 883 $(".photo-slider").owlCarousel({ 884 //transitionStyle: "backSlide", 885 slideSpeed: 350, 886 items: 4, 887 itemsDesktop: [1199, 4], 888 itemsTabletSmall: [768, 2], 889 itemsMobile: [480, 1], 890 autoHeight: true, 891 navigation: true, 892 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 893 }); 894 895 // Work slider 896 $(".work-full-slider").owlCarousel({ 897 slideSpeed : 350, 898 singleItem: true, 899 autoHeight: true, 900 navigation: true, 901 navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"] 902 }); 903 904 905 if ($(".owl-carousel").lenth) { 906 var owl = $(".owl-carousel").data('owlCarousel'); 907 owl.reinit(); 908 } 909 910 })(jQuery); 911}; 912 913 914/* --------------------------------------------- 915 Side panel 916 --------------------------------------------- */ 917 918 var side_header = $(".sideheader"); 919 var sheader_button = $(".sideheader-button"); 920 var sheader_close_button = $(".sideheader-close-button");
921 var sheader_overlay = $(".sideheader-overlay"); 922 923 function sheader_panel_close(){ 924 side_header.animate({ 925 opacity: 0, 926 left: -270 927 }, 500, "easeOutExpo"); 928 sheader_overlay.fadeOut(); 929 930 931 if ($(".owl-carousel").lenth) { 932 $(".owl-carousel").data("owlCarousel").play(); 933 } 934 } 935 936 function init_side_header(){ 937 (function($){ 938 "use strict"; 939 sheader_button.on('click', function(){ 940 side_header.animate({ 941 opacity: 1, 942 left: 0 943 }, 500, "easeOutExpo"); 944 setTimeout(function(){ 945 sheader_overlay.fadeIn(); 946 }, 100); 947 if ($(".owl-carousel").lenth) { $(".owl-carousel").data("owlCarousel").stop(); } 948 return false; 949 950 }); 951 952 sheader_close_button.on('click', function(){ 953 sheader_panel_close(); 954 return false; 955 }); 956 sheader_overlay.on('click', function(){ 957 sheader_panel_close(); 958 return false; 959 }); 960 961 $("#sideheader-menu").find("a:not(.sideheader-has-sub)").on('click', function(){ 962 if (!($(window).width() >= 1199)) { 963 sheader_panel_close(); 964 } 965 }); 966 967 968 // Sub menu 969 970 var spHasSub = $(".sideheader-has-sub"); 971 var spThisLi; 972 973 spHasSub.on('click', function(){ 974 975 spThisLi = $(this).parent("li:first"); 976 if (spThisLi.hasClass("js-opened")) { 977 spThisLi.find(".sideheader-sub:first").slideUp(function(){ 978 spThisLi.removeClass("js-opened"); 979 spThisLi.find(".sideheader-has-sub").find(".fa:first").removeClass("fa-angle-up").addClass("fa-angle-down"); 980 }); 981 } 982 else { 983 $(this).find(".fa:first").removeClass("fa-angle-down").addClass("fa-angle-up"); 984 spThisLi.addClass("js-opened"); 985 spThisLi.find(".sideheader-sub:first").slideDown(); 986 } 987 988 return false; 989 990 }); 991 992 })(jQuery); 993 } 994 995 function init_side_header_resize(){ 996 (function($){ 997 "use strict"; 998 999 if ($(window).width() >= 1199){ 1000 side_header.css({ 1001 opacity: 1, 1002 left: 0 1003 }); 1004 $(".sideheader-is-left").css("margin-left", "270px"); 1005 sheader_button.css("display", "none"); 1006 sheader_close_button.css("display", "none"); 1007 } else { 1008 side_header.css({ 1009 opacity: 0, 1010 left: -270 1011 }); 1012 $(".sideheader-is-left").css("margin-left", "0"); 1013 sheader_button.css("display", "block"); 1014 sheader_close_button.css("display", "block"); 1015 } 1016 1017 })(jQuery); 1018 } 1019 1020 1021 1022/*---------------------------------------------------------- 1023 # Portfolio 1024--------------------------------Lioit.com------------------*/ 1025 1026// Projects filtering 1027var fselector = 0; 1028var work_grid = $("#portfolio-grid"); 1029 1030function initWorkFilter(){ 1031 (function($){ 1032 "use strict"; 1033 var isotope_mode; 1034 if (work_grid.hasClass("masonry")){ 1035 isotope_mode = "masonry"; 1036 } else{ 1037 isotope_mode = "fitRows" 1038 } 1039 1040 work_grid.imagesLoaded(function(){ 1041 work_grid.isotope({ 1042 itemSelector: '.mix', 1043 layoutMode: isotope_mode, 1044 filter: fselector 1045 }); 1046 }); 1047 1048 $(".filter").on('click', function(){ 1049 $(".filter").removeClass("active"); 1050 $(this).addClass("active"); 1051 fselector = $(this).attr('data-filter'); 1052 1053 work_grid.isotope({ 1054 itemSelector: '.mix', 1055 layoutMode: isotope_mode, 1056 filter: fselector 1057 }); 1058 return false; 1059 }); 1060 1061 })(jQuery); 1062} 1063 1064 1065 1066/*---------------------------------------------------------- 1067 # Google Maps 1068--------------------------------Lioit.com------------------*/ 1069 1070var gmMapDiv = $("#map-section"); 1071 1072function init_map(){ 1073 (function($){ 1074 1075 $(".map-section").on('click', function(){ 1076 $(this).toggleClass("js-enabled"); 1077 $(this).find(".mt-open").toggle(); 1078 $(this).find(".mt-close").toggle(); 1079 }); 1080 1081 1082 if (gmMapDiv.length) { 1083 var gmCenterAddress = gmMapDiv.attr("data-address"); 1084 var gmMarkerAddress = gmMapDiv.attr("data-address"); 1085 1086 gmMapDiv.gmap3({ 1087 action: "init", 1088 marker: { 1089 address: gmMarkerAddress, 1090 options: { 1091 icon: "assets/images/map-marker.png"
1092 } 1093 }, 1094 map: { 1095 options: { 1096 zoom: 14, 1097 zoomControl: true, 1098 zoomControlOptions: { 1099 style: google.maps.ZoomControlStyle.SMALL 1100 }, 1101 mapTypeControl: false, 1102 scaleControl: false, 1103 scrollwheel: false, 1104 streetViewControl: false, 1105 draggable: true, 1106 styles: [{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#d3d3d3"}]},{"featureType":"transit","stylers":[{"color":"#808080"},{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"visibility":"on"},{"color":"#b3b3b3"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"weight":1.8}]},{"featureType":"road.local","elementType":"geometry.stroke","stylers":[{"color":"#d7d7d7"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#ebebeb"}]},{"featureType":"administrative","elementType":"geometry","stylers":[{"color":"#a7a7a7"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"landscape","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"color":"#efefef"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"color":"#696969"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"visibility":"on"},{"color":"#737373"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"geometry.stroke","stylers":[{"color":"#d6d6d6"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#dadada"}]}] 1107 } 1108 } 1109 }); 1110 } 1111 })(jQuery); 1112} 1113/*---------------------------------------------------------- 1114 # WOW animations 1115--------------------------------Lioit.com------------------*/ 1116 1117function init_wow(){ 1118 (function($){ 1119 1120 var wow = new WOW({ 1121 boxClass: 'wow', 1122 animateClass: 'animated', 1123 offset: 90, 1124 mobile: false, 1125 live: true 1126 }); 1127 1128 if ($("body").hasClass("appear-animate")){ 1129 wow.init(); 1130 } 1131 1132 })(jQuery); 1133} 1134 1135/*---------------------------------------------------------- 1136 # Masonry 1137--------------------------------Lioit.com------------------*/ 1138 1139function init_masonry(){ 1140 (function($){ 1141 1142 $(".masonry").imagesLoaded(function(){ 1143 $(".masonry").masonry(); 1144 }); 1145 1146 })(jQuery); 1147} 1148/*---------------------------------------------------------- 1149 # Masonry Blog 1150--------------------------------Lioit.com------------------*/ 1151jQuery(document).ready(function() { 1152 1153 1154 jQuery('.masonry-blog').isotope({ 1155 layoutMode: 'fitRows', 1156 itemSelector: '.grid-col' 1157}); 1158 1159/*---------------------------------------------------------- 1160 # Content Height 1161--------------------------------Lioit.com------------------*/ 1162 function contentHeight() { 1163 1164 var windowHeight = jQuery(window).height(); 1165 var footerHeight = jQuery('#footer').height(); 1166 1167 jQuery('#content').css('min-height', windowHeight - footerHeight - 150); 1168 1169 } 1170 1171 contentHeight(); 1172 1173 1174 1175 jQuery(function (){ 1176 var get_height = jQuery( '.magzine-content' ).height(), 1177 apply_to = jQuery( '.sidebar' ); 1178 1179 apply_to.height( get_height ); 1180 });
1181 1182 1183 1184}); //ready 1185 1186 1187 1188 1189 1190/*---------------------------------------------------------- 1191 # coming-soon 1192--------------------------------Lioit.com------------------*/ 1193 1194jQuery(document).ready(function () { 1195 jQuery('.coming-soon').each(function(){ 1196 var currCountDown=jQuery(this); 1197 var $years = parseInt(currCountDown.data('years')); 1198 var $months = parseInt(currCountDown.data('months')); 1199 var $days = parseInt(currCountDown.data('days')); 1200 var $hours = parseInt(currCountDown.data('hours')); 1201 var $minutes = parseInt(currCountDown.data('minutes')); 1202 var $seconds = parseInt(currCountDown.data('seconds')); 1203 var twCountInt=setInterval(function(){ 1204 var $endDate = new Date($years, $months, $days, $hours, $minutes, $seconds, 00); 1205 var $thisDate = new Date(); 1206 $thisDate = new Date($thisDate.getFullYear(), $thisDate.getMonth() + 1, $thisDate.getDate(), $thisDate.getHours(), $thisDate.getMinutes(), $thisDate.getSeconds(), 00, 00); 1207 1208 var $daysLeft = parseInt(($endDate-$thisDate)/86400000); 1209 var $hoursLeft = parseInt(($endDate-$thisDate)/3600000); 1210 var $minutsLeft = parseInt(($endDate-$thisDate)/60000); 1211 var $secondsLeft = parseInt(($endDate-$thisDate)/1000); 1212 1213 var $prSeconds = $minutsLeft*60; 1214 $prSeconds = $secondsLeft-$prSeconds; 1215 1216 var $prMinutes = $hoursLeft*60; 1217 var $prMinutes = $minutsLeft-$prMinutes; 1218 1219 var $prHours = $daysLeft*24; 1220 $prHours = ($hoursLeft-$prHours) < 0 ? 0 : $hoursLeft-$prHours; 1221 1222 var $prDays = $daysLeft; 1223 1224 jQuery('>.days>.count' ,currCountDown).text($prDays); 1225 jQuery('>.hours>.count' ,currCountDown).text($prHours); 1226 jQuery('>.minutes>.count',currCountDown).text($prMinutes); 1227 jQuery('>.seconds>.count',currCountDown).text($prSeconds); 1228 if($thisDate>=$endDate){clearInterval(twCountInt);} 1229 },1000); 1230 }); 1231});
vendor: 347 bytes, lines 1231-1238
1231 1232 1233 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1234 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1235 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1236 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 1237 1238 ga('create', '
1238UA-69030711-1
vendor: 46 bytes, lines 1238-1241
1238', 'auto'); 1239 ga('send', 'pageview'); 1240 1241
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.