|
|
"use strict";
|
|
|
jQuery(document).ready(function($) {
|
|
|
//×îÐÂ×îÈ«×îºÃµÄBootstrapÄ£°å£ºhttp://www.bootstrapmb.com
|
|
|
// Preloader
|
|
|
jQuery(window).on('load', function() {
|
|
|
jQuery("#status_1").fadeOut();
|
|
|
jQuery("#preloader").delay(350).fadeOut("slow");
|
|
|
});
|
|
|
|
|
|
|
|
|
var xv_ww=$(window).width(),xv_slideshow=true;
|
|
|
$(window).on('resize load', function() {
|
|
|
xv_ww = $(window).width();
|
|
|
if(xv_ww <= 767) {
|
|
|
$('.responsive-menu').removeClass('xv-menuwrapper').addClass('dl-menuwrapper');
|
|
|
$('.lg-submenu').addClass("dl-submenu");
|
|
|
} else {
|
|
|
$('.responsive-menu').removeClass('dl-menuwrapper').addClass('xv-menuwrapper');
|
|
|
$('.lg-submenu').removeClass("dl-submenu");
|
|
|
}
|
|
|
});
|
|
|
$('#dl-menu').dlmenu({
|
|
|
animationClasses: {
|
|
|
classin: 'dl-animate-in-5',
|
|
|
classout: 'dl-animate-out-5'
|
|
|
}
|
|
|
});
|
|
|
|
|
|
// Menu js for Position fixed
|
|
|
$(window).scroll(function() {
|
|
|
var window_top = $(window).scrollTop() + 1;
|
|
|
if (window_top > 160) {
|
|
|
$('.prs_navigation_main_wrapper').addClass('menu_fixed animated fadeInDown');
|
|
|
} else {
|
|
|
$('.prs_navigation_main_wrapper').removeClass('menu_fixed animated fadeInDown');
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$('.second-nav-toggler').on('click', function(e) {
|
|
|
e.preventDefault();
|
|
|
var mask = '<div class="mask-overlay">';
|
|
|
|
|
|
$('body').toggleClass('active');
|
|
|
$(mask).hide().appendTo('body').fadeIn('fast');
|
|
|
$('.mask-overlay, .manu-close').on('click', function() {
|
|
|
$('body').removeClass('active');
|
|
|
$('.mask-overlay').remove();
|
|
|
});
|
|
|
});
|
|
|
|
|
|
|
|
|
// Main Slider Animation
|
|
|
|
|
|
(function($) {
|
|
|
|
|
|
//Function to animate slider captions
|
|
|
function doAnimations(elems) {
|
|
|
//Cache the animationend event in a variable
|
|
|
var animEndEv = 'webkitAnimationEnd animationend';
|
|
|
|
|
|
elems.each(function() {
|
|
|
var $this = $(this),
|
|
|
$animationType = $this.data('animation');
|
|
|
$this.addClass($animationType).one(animEndEv, function() {
|
|
|
$this.removeClass($animationType);
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//Variables on page load
|
|
|
var $myCarousel = $('#carousel-example-generic'),
|
|
|
$firstAnimatingElems = $myCarousel.find('.item:first').find("[data-animation ^= 'animated']");
|
|
|
|
|
|
//Initialize carousel
|
|
|
$myCarousel.carousel();
|
|
|
|
|
|
//Animate captions in first slide on page load
|
|
|
doAnimations($firstAnimatingElems);
|
|
|
|
|
|
//Pause carousel
|
|
|
$myCarousel.carousel('pause');
|
|
|
|
|
|
|
|
|
//Other slides to be animated on carousel slide event
|
|
|
$myCarousel.on('click slide.bs.carousel', function(e) {
|
|
|
var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']");
|
|
|
doAnimations($animatingElems);
|
|
|
});
|
|
|
|
|
|
|
|
|
})(jQuery);
|
|
|
|
|
|
|
|
|
|
|
|
//-----------Search box jquery------------//
|
|
|
|
|
|
$( ".searchd" ).on( "click", function() {
|
|
|
$( ".searchbox" ).addClass( "open", 1000);
|
|
|
});
|
|
|
|
|
|
$( ".close" ).on( "click", function() {
|
|
|
$( ".searchbox" ).removeClass( "open", 1000);
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
//------------------------ OWL JS Start --------------------//
|
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.ne_tranding_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:true,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
animateOut: 'bounceInDown',
|
|
|
animateIn: 'bounceInDown',
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 1,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.ne_businees_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:true,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 2,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 3,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.neww_businees_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:true,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 2,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 4,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.ne_businees_slider_wrapper1 .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:true,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 2,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 3,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.ne_contact_map_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:true,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 2,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 3,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.ne_contact_testi_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:true,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 1,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.ne_blogto_testi_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:false,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 1,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.ne_sport_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay:false,
|
|
|
responsiveClass: true,
|
|
|
navText : ['<i class="fa fa-angle-left" aria-hidden="true"></i>','<i class="fa fa-angle-right" aria-hidden="true"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
600: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 1,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
|
|
|
// Featured Products Js
|
|
|
$('.ss_featured_products .owl-carousel').owlCarousel({
|
|
|
loop:true,
|
|
|
margin:0,
|
|
|
nav:true,
|
|
|
navText:["<i class='fa fa-angle-left'></i>" , "<i class='fa fa-angle-right'></i>"],
|
|
|
dots:false,
|
|
|
responsive:{
|
|
|
0:{
|
|
|
items:1
|
|
|
},
|
|
|
600:{
|
|
|
items:1
|
|
|
},
|
|
|
900:{
|
|
|
items:1
|
|
|
},
|
|
|
1000:{
|
|
|
items:1
|
|
|
},
|
|
|
1200:{
|
|
|
items:1
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
// Featured Products Js
|
|
|
$('.ne_lns_slider_wrapper .owl-carousel').owlCarousel({
|
|
|
loop:true,
|
|
|
margin:0,
|
|
|
nav:true,
|
|
|
navText:["<i class='fa fa-angle-left'></i>" , "<i class='fa fa-angle-right'></i>"],
|
|
|
dots:false,
|
|
|
responsive:{
|
|
|
0:{
|
|
|
items:1
|
|
|
},
|
|
|
600:{
|
|
|
items:1
|
|
|
},
|
|
|
900:{
|
|
|
items:1
|
|
|
},
|
|
|
1000:{
|
|
|
items:1
|
|
|
},
|
|
|
1200:{
|
|
|
items:1
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
|
$('.prs_pn_slider_wraper .owl-carousel').owlCarousel({
|
|
|
loop: true,
|
|
|
margin: 10,
|
|
|
autoplay: true,
|
|
|
responsiveClass: true,
|
|
|
smartSpeed: 1200,
|
|
|
navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
|
|
|
responsive: {
|
|
|
0: {
|
|
|
items: 1,
|
|
|
nav: true
|
|
|
},
|
|
|
500: {
|
|
|
items: 3,
|
|
|
nav: true
|
|
|
},
|
|
|
700: {
|
|
|
items: 4,
|
|
|
nav: true
|
|
|
},
|
|
|
1000: {
|
|
|
items: 6,
|
|
|
nav: true,
|
|
|
loop: true,
|
|
|
margin: 20
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
|
|
|
|
|
|
// -------------------------------------------------------------
|
|
|
// Shuffle
|
|
|
// -------------------------------------------------------------
|
|
|
|
|
|
$(window).on("load", function() {
|
|
|
/** this is come when complete page is fully loaded, including all frames, objects and images **/
|
|
|
|
|
|
if ($('#gridWrapper').length > 0) {
|
|
|
|
|
|
/* initialize shuffle plugin */
|
|
|
var $grid = $('#gridWrapper');
|
|
|
|
|
|
$grid.shuffle({
|
|
|
itemSelector: '.portfolio-wrapper' // the selector for the items in the grid
|
|
|
});
|
|
|
|
|
|
/* reshuffle when user clicks a filter item */
|
|
|
$('#filter a').on('click', function (e) {
|
|
|
e.preventDefault();
|
|
|
|
|
|
// set active class
|
|
|
$('#filter a').removeClass('active');
|
|
|
$(this).addClass('active');
|
|
|
|
|
|
// get group name from clicked item
|
|
|
var groupName = $(this).attr('data-group');
|
|
|
|
|
|
// reshuffle grid
|
|
|
$grid.shuffle('shuffle', groupName );
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
/* 09. VENOBOX JS */
|
|
|
$('.venobox').venobox({
|
|
|
numeratio: true,
|
|
|
titleattr: 'data-title',
|
|
|
titlePosition: 'top',
|
|
|
spinner: 'wandering-cubes',
|
|
|
spinColor: '#007bff'
|
|
|
});
|
|
|
|
|
|
// Magnific popup-video
|
|
|
|
|
|
$('.test-popup-link').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>',
|
|
|
patterns: {
|
|
|
youtube: {
|
|
|
index: 'youtube.com/',
|
|
|
id: 'v=',
|
|
|
src: 'https://www.youtube.com/embed/ryzOXAO0Ss0'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
// other options
|
|
|
});
|
|
|
|
|
|
|
|
|
// Contact Form Submition
|
|
|
function checkRequire(formId , targetResp){
|
|
|
targetResp.html('');
|
|
|
var email = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/;
|
|
|
var url = /(http|ftp|https):\/\/[\w-]+(\.[\w-]+)+([\w.,@?^=%&:\/~+#-]*[\w@?^=%&\/~+#-])?/;
|
|
|
var image = /\.(jpe?g|gif|png|PNG|JPE?G)$/;
|
|
|
var mobile = /^[\s()+-]*([0-9][\s()+-]*){6,20}$/;
|
|
|
var facebook = /^(https?:\/\/)?(www\.)?facebook.com\/[a-zA-Z0-9(\.\?)?]/;
|
|
|
var twitter = /^(https?:\/\/)?(www\.)?twitter.com\/[a-zA-Z0-9(\.\?)?]/;
|
|
|
var google_plus = /^(https?:\/\/)?(www\.)?plus.google.com\/[a-zA-Z0-9(\.\?)?]/;
|
|
|
var check = 0;
|
|
|
$('#er_msg').remove();
|
|
|
var target = (typeof formId == 'object')? $(formId):$('#'+formId);
|
|
|
target.find('input , textarea , select').each(function(){
|
|
|
if($(this).hasClass('require')){
|
|
|
if($(this).val().trim() == ''){
|
|
|
check = 1;
|
|
|
$(this).focus();
|
|
|
targetResp.html('You missed out some fields.');
|
|
|
$(this).addClass('error');
|
|
|
return false;
|
|
|
}else{
|
|
|
$(this).removeClass('error');
|
|
|
}
|
|
|
}
|
|
|
if($(this).val().trim() != ''){
|
|
|
var valid = $(this).attr('data-valid');
|
|
|
if(typeof valid != 'undefined'){
|
|
|
if(!eval(valid).test($(this).val().trim())){
|
|
|
$(this).addClass('error');
|
|
|
$(this).focus();
|
|
|
check = 1;
|
|
|
targetResp.html($(this).attr('data-error'));
|
|
|
return false;
|
|
|
}else{
|
|
|
$(this).removeClass('error');
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
return check;
|
|
|
}
|
|
|
$(".submitForm").on("click", function() {
|
|
|
var _this = $(this);
|
|
|
var targetForm = _this.closest('form');
|
|
|
var errroTarget = targetForm.find('.response');
|
|
|
var check = checkRequire(targetForm , errroTarget);
|
|
|
if(check == 0){
|
|
|
var formDetail = new FormData(targetForm[0]);
|
|
|
formDetail.append('form_type' , _this.attr('form-type'));
|
|
|
$.ajax({
|
|
|
method : 'post',
|
|
|
url : 'ajax.php',
|
|
|
data:formDetail,
|
|
|
cache:false,
|
|
|
contentType: false,
|
|
|
processData: false
|
|
|
}).done(function(resp){
|
|
|
if(resp == 1){
|
|
|
targetForm.find('input').val('');
|
|
|
targetForm.find('textarea').val('');
|
|
|
errroTarget.html('<p style="color:green;">Mail has been sent successfully.</p>');
|
|
|
}else{
|
|
|
errroTarget.html('<p style="color:red;">Something went wrong please try again latter.</p>');
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
});
|
