HOME

jQuery( document ).ready( function() {
        // slider text
        var slidtext = jQuery( '#slidertext' );
        jQuery( function() {
            var slideBegin = 3000,
                transSpeed = 500,
                simple_slideshow = slidtext,
                listItems = simple_slideshow.children( '.main-text' ),
                listLen = listItems.length,
                i = 0,
                changeList = function() {
                    listItems.eq( i )
                        .fadeOut( transSpeed, function() {
                            i += 1, i === listLen && ( i = 0 ), listItems.eq( i )
                                .fadeIn( transSpeed )
                        } )
                };
            listItems.not( ':first' )
                .hide(), setInterval( changeList, slideBegin );
        } );
        // Magnific Popup img
        jQuery( '.big-img' )
            .magnificPopup( {
                delegate: 'a',
                type: 'image',
                closeOnContentClick: false,
                closeBtnInside: false,
                mainClass: 'mfp-with-zoom mfp-img-mobile',
                image: {
                    verticalFit: true,
                },
                gallery: {
                    enabled: false
                },
                zoom: {
                    enabled: true,
                    duration: 300, // don't foget to change the duration also in CSS
                    opener: function( element ) {
                        return element.find( 'img' );
                    }
                }
            } );
			
	    // Magnific Popup img
        jQuery( '.big-img-1' )
            .magnificPopup( {
                type: 'image'
            } );
			
// Magnific Popup dailymotion
$('.big-video').magnificPopup({
  type: 'iframe',
  iframe: {
    patterns: {
      dailymotion: {
        index: 'dailymotion.com',
        id: function(url) {        
            var m = url.match(/^.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/);
            if (m !== null) {
                if(m[4] !== undefined) {
                    return m[4];
                }
                return m[2];
            }
            return null;
        },
        src: 'http://www.dailymotion.com/embed/video/%id%'
      }
    }
  }
});

// Magnific Popup youtube
$('.big-youtube').magnificPopup({
    disableOn: 700,
    type: 'iframe',
    mainClass: 'mfp-with-zoom mfp-img-mobile',
    removalDelay: 0,
    preloader: false,
    fixedContentPos: false,
    iframe: {
        patterns: {
            youtube: {
                src: 'http://www.youtube.com/embed/%id%?autoplay=1&rel=0'
            }
        }
    }
});

// vimeo video
$('.vim-video').magnificPopup({
  type: 'iframe',
  iframe: {
     markup: '<div class="mfp-iframe-scaler">'+
                '<div class="mfp-close"></div>'+
                '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                '<div class="mfp-title">Some caption</div>'+
              '</div>'
  },
  callbacks: {
    markupParse: function(template, values, item) {
     values.title = item.el.attr('title');
    }
  }
  
  
});

			
        // Magnific Popup form
        jQuery( '.popup-form' )
            .magnificPopup( {
                type: 'inline',
                closeOnBgClick: false,
                preloader: false,
                // It looks not nice, so we disable it:
                callbacks: {
                    beforeOpen: function() {
                        jQuery( 'body' )
                            .css( 'overflow', 'hidden' );
                        jQuery( "#date1, #date2, #personbook, #namebook, #emailbook, #phonebook, #messagebook " )
                            .val( "" );
                        jQuery( "form#subscribe .subscribeerror" )
                            .remove();
                        if ( jQuery( window )
                            .width() < 700 ) {
                            this.st.focus = false;
                        } else {
                            this.st.focus = '#subscribeemail';
                        }
                    },
                    beforeClose: function() {
                        jQuery( 'body' )
                            .css( 'overflow', 'auto' );
                        jQuery.dateSelect.hide( {
                            element: 'input[name="date2"]'
                        } );
                        jQuery.dateSelect.hide( {
                            element: 'input[name="date1"]'
                        } );
                    }
                }
            } );
        // step work
        var jQuerycontainerstep = jQuery( '#step-text' );
        jQuerycontainerstep.isotope( {
            itemSelector: '.cont',
            filter: '.planing',
            hiddenStyle: {
                opacity: 0
            },
            visibleStyle: {
                opacity: 1
            }
        } );
        jQuery( '.filt-step' )
            .on( 'click', function( e ) {
                e.preventDefault();
                var jQuerythis = jQuery( this );
                if ( jQuerythis.hasClass( 'active' ) ) {
                    return false;
                }
                var jQueryoptionSet = jQuerythis.parents();
                jQueryoptionSet.find( '.active' )
                    .removeClass( 'active' );
                jQuerythis.addClass( 'active' );
                var selector = jQuery( this )
                    .attr( 'data-filter' );
                jQuerycontainerstep.isotope( {
                    filter: selector,
                } );
                return false;
            } );
        // service
        var jQuerycontainer = jQuery( '#services' );
        jQuerycontainer.isotope( {
            itemSelector: '.service',
            filter: '.passion',
            hiddenStyle: {
                opacity: 0
            },
            visibleStyle: {
                opacity: 1
            }
        } );
        jQuery( '.filt-serv' )
            .on( 'click', function( e ) {
                e.preventDefault();
                var jQuerythis = jQuery( this );
                if ( jQuerythis.hasClass( 'selected' ) ) {
                    return false;
                }
                var jQueryoptionSet = jQuerythis.parents();
                jQueryoptionSet.find( '.selected' )
                    .removeClass( 'selected' );
                jQuerythis.addClass( 'selected' );
                var selector = jQuery( this )
                    .attr( 'data-filter' );
                jQuerycontainer.isotope( {
                    filter: selector,
                } );
                return false;
            } );
// set mansory gallery max width
var maingall = jQuery('#w-gallery-container');
if (maingall.length) {
var masonry = new Macy({
        container: '#w-gallery-container',
        trueOrder: false,
        waitForImages: true,
        debug: true,
        columns: 3,
        breakAt: {
          1200: {
            columns: 3,
          },
          940: {
		    columns: 2,
          },
          520: {
            columns: 2,
          },
          400: {
            columns: 1
          }
        }
      });
} else {
   //nothing happen
}

        // projects width gallery
        var $Wcontainerpro = jQuery( '.w-gallery-container' );
        $Wcontainerpro.isotope( {
            itemSelector: '.w-gallery',
            filter: '*'
        } );
        jQuery( '.filt-projects-w' )
            .on( 'click', function( e ) {
                e.preventDefault();
                var $this = jQuery( this );
                if ( $this.hasClass( 'selected' ) ) {
                    return false;
                }
                var $optionSetpro = $this.parents();
                $optionSetpro.find( '.selected' )
                    .removeClass( 'selected' );
                $this.addClass( 'selected' );
                var selector = $( this )
                    .attr( 'data-project' );
                $Wcontainerpro.isotope( {
                    filter: selector,
                } );
                return false;
            });
  // layout Isotope after each image loads
  $Wcontainerpro.imagesLoaded().progress( function() {
  $Wcontainerpro.isotope('layout');
  });
  // filter galery hide
  $(".filtter-icon").on("click", function() {
  $("#filter-porto").slideToggle(600);
  $("#filter-hide").toggleClass('show');
  });
  // owlCarousel gallery
  $("#owl-testimonial").owlCarousel({
        margin:15,
        responsiveClass:true,
        responsive:{
        0:{
            items:1,
        },
        320:{
            items:1,
        },
        414:{
            items:1,
            loop:true,
        },
        800:{
            items:1,
            loop:true,
        },
        1024:{
            items:1,
            loop:true,
         }
        }
        });
        // owlCarousel gal
        $("#owl-gal").owlCarousel({
        margin:15,
        responsiveClass:true,
        responsive:{
        0:{
            items:1,
            nav:true,
            stagePadding: 0
        },
        320:{
            items:1,
            nav:true,
            stagePadding: 0
        },
        414:{
            items:1,
            nav:true,
            loop:true,
            stagePadding: 0
        },
        800:{
            items:2,
            nav:true,
            loop:true,
            stagePadding: 0
        },
        1024:{
            items:3,
            nav:true,
            loop:true,
            stagePadding: 160
         }
        },
        nav:true,
        navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>']
        });
        // owlCarousel recent post
        var owl = jQuery( "#owl-post" );
        owl.owlCarousel( {
            items: 3,
            pagination: false,
            itemsDesktop: [ 1000, 2 ],
            itemsDesktopSmall: [ 900, 2 ],
            itemsTablet: [ 600, 1 ],
            itemsMobile: false,
            autoPlay: false,
            navigation: true,
            navigationText: [ "<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>" ]
        } );
		// owlCarousel team
        var owl = jQuery( "#owl-team" );
        owl.owlCarousel( {
            margin:15,
        responsiveClass:true,
        responsive:{
        0:{
            items:1,
            nav:true,
            stagePadding: 0
        },
        320:{
            items:1,
            nav:true,
            stagePadding: 0
        },
        414:{
            items:1,
            nav:true,
            loop:true,
            stagePadding: 0
        },
        800:{
            items:2,
            nav:true,
            loop:true,
            stagePadding: 0
        },
        1024:{
            items:2,
            nav:true,
            loop:false,
            stagePadding: 160
         },
         1200:{
            items:3,
            nav:true,
            loop:false,
            stagePadding: 160
         },
         1600:{
            items:3,
            nav:true,
            loop:false,
            stagePadding: 160
         },
        1920:{
            items:4,
            nav:true,
            loop:false,
            stagePadding: 160
         },
         2200:{
            items:5,
            nav:true,
            loop:false,
            stagePadding: 160
         },
         2300:{
            items:6,
            nav:true,
            loop:false,
            stagePadding: 160
         }
        },
        nav:true,
        navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>']
        });

        // owlCarousel brand
        var owl = jQuery( "#owl-brand" );
        owl.owlCarousel( {
            items: 6,
            pagination: false,
            itemsDesktop: [ 1000, 4 ],
            itemsDesktopSmall: [ 900, 3 ],
            itemsTablet: [ 600, 2 ],
            itemsMobile: false,
            autoPlay: 2000,
            stopOnHover: true
        } );
  
  // owl projects detail
  var projectsBig = $("#projectsBig");
  projectsBig.owlCarousel( {
        margin:15,
        responsiveClass:true,
        responsive:{
        0:{
            items:1,
            nav:true,
            stagePadding: 0
        },
        320:{
            items:1,
            nav:true,
            stagePadding: 0
        },
        414:{
            items:1,
            nav:true,
            loop:true,
            stagePadding: 0
        },
        800:{
            items:1,
            nav:true,
            loop:true,
            stagePadding: 0
        },
        1024:{
            items:1,
            nav:true,
            loop:true,
            stagePadding: 0
         }
        },
        nav:true,
        navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>']
        });
        
        // revolution slider
        var revapi;
        revapi = jQuery( '#revolution-slider' )
            .revolution( {
                delay: 15000,
                startwidth: 1170,
                startheight: 600,
                onHoverStop: "on",
                thumbWidth: 100,
                thumbHeight: 50,
                thumbAmount: 3,
                touchenabled: "on",
                stopAtSlide: -1,
                stopAfterLoops: -1,
                touchenabled: "on",
                navigationType: "none",
                dottedOverlay: "",
                fullWidth: "on",
                fullScreen: "on",
                shadow: 0
            } );
			
		// revolution slider
        var revapi;
        revapi = jQuery( '#revolution-slider-half' )
            .revolution( {
                delay:9000,
				startwidth:960,
				startheight:680,
                onHoverStop: "on",
                thumbWidth: 100,
                thumbHeight: 50,
                thumbAmount: 3,
                touchenabled: "on",
                stopAtSlide: -1,
                stopAfterLoops: -1,
                touchenabled: "on",
                navigationType: "none",
                dottedOverlay: "",
                fullWidth: "on",
                shadow: 0
            } );
			
			
 } );