MINI MINI MANI MO
/* -----------------------------------------------------------------------------
File: JS Core
Version: 1.0
Last change: 00/00/00
Author: HTMLMATE Team
-------------------------------------------------------------------------------- */
(function() {
"use strict";
var Genius = {
init: function() {
this.Basic.init();
},
Basic: {
init: function() {
this.preloader();
this.menuBar();
this.onePageNav();
this.quickScroll2();
this.counterUp();
this.courseSlide();
this.datePicker();
this.bannerParalax();
this.serviceSlide();
this.testimonialSlide();
this.videoPopup();
this.sponsorSlide();
this.bestproductSlide();
this.faqTAB();
this.contactMAP();
this.rateReview();
this.categorySlide();
this.testi_2Slide();
this.teacher2SLIDE();
this.teacher3SLIDE();
this.buttonSlide();
this.testimonialSlide_3();
this.categorySlide_3();
this.advance3SLIDE();
this.productRange();
this.searchBAR();
this.mobileMenu();
this.mainSlide();
this.countDown();
this.switchOpen();
this.quickScroll();
},
/* Start Of Preloader
================================================*/
preloader: function (){
jQuery(window).on('load', function(){
jQuery('#preloader').fadeOut('slow',function(){jQuery(this).remove();});
});
},
/* End Of Preloader
================================================*/
/* - Start of menu bar
================================================*/
menuBar: function (){
jQuery(window).on('scroll', function() {
if (jQuery(window).scrollTop() > 50) {
jQuery('.main-menu-container').addClass('menu-bg-overlay')
} else {
jQuery('.main-menu-container').removeClass('menu-bg-overlay')
}
})
},
onePageNav: function (){
jQuery(window).on('scroll', function() {
if (jQuery(window).scrollTop() > 20) {
jQuery('.header_3').addClass('full-width-menu')
} else {
jQuery('.header_3').removeClass('full-width-menu')
}
})
},
quickScroll2: function (){
$('.quick-menu').on("click", "a", function(){
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top -65
}, 1000);
return false;
}
}
});
},
/* - End of menu bar
================================================*/
/* Start Of counter-up
================================================*/
counterUp: function (){
$('.counter-count').counterUp({
delay: 50,
time: 2000,
});
},
/* - End Of counter-up
================================================*/
/* Start Of course slide
================================================*/
mainSlide: function (){
$('#slider-item').owlCarousel({
margin:0,
responsiveClass:true,
nav: true,
dots: true,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:1,
},
700:{
items:1,
},
800:{
items:1,
},
1000:{
items:1,
}
},
})
},
/* End Of course slide
================================================*/
/* Start Of course slide
================================================*/
courseSlide: function (){
$('#course-slide-item').owlCarousel({
margin:30,
responsiveClass:true,
nav: true,
dots: false,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:1,
},
700:{
items:2,
},
800:{
items:3,
},
1000:{
items:3,
}
},
})
},
/* End Of course slide
================================================*/
/* Start Of Date picker
================================================*/
datePicker: function (){
$( "#datepicker" ).datepicker();
},
/* - End Start Of Date picker
================================================*/
/* Start Of parallax
================================================*/
bannerParalax: function (){
jQuery('.jarallax').jarallax({
speed: 0.5,
});
},
/* End Of Preloader
================================================*/
/* Start Of service slide
================================================*/
serviceSlide: function (){
$('#service-slide-item').owlCarousel({
margin:85,
responsiveClass:true,
nav: false,
autoplay: false,
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:1,
},
700:{
items:2,
},
1000:{
items:3,
}
},
})
},
/* End Of service slide
================================================*/
/* Start Of service slide
================================================*/
testimonialSlide: function (){
$('#testimonial-slide-item').owlCarousel({
margin:85,
responsiveClass:true,
nav: true,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
autoplay: false,
dots: false,
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:1,
},
700:{
items:1,
},
1000:{
items:2,
}
},
})
},
/* End Of service slide
================================================*/
/* Start of popup
================================================*/
videoPopup: function (){
jQuery('.popup-with-zoom-anim').magnificPopup({
disableOn: 200,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
},
/* End of popup
================================================*/
/* Start Of service slide
================================================*/
sponsorSlide: function (){
$('.sponsor-item').owlCarousel({
margin: 2,
responsiveClass:true,
nav: true,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
autoplay: false,
dots: true,
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:2,
},
600:{
items:3,
},
700:{
items:4,
},
1000:{
items:6,
}
},
})
},
/* End Of service slide
================================================*/
/* Start Of best product
================================================*/
bestproductSlide: function (){
$('#best-product-slide-item').owlCarousel({
margin:25,
responsiveClass:true,
nav: true,
dots: false,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:2,
},
700:{
items:2,
},
800:{
items:2,
},
1000:{
items:4,
}
},
})
},
/* End Of best product
================================================*/
/* Start Of best product
================================================*/
faqTAB: function (){
$(".tab-content-1").hide();
$(".tab-content-1:first").show();
/* if in tab mode */
$("ul.product-tab").on("click", "li", function() {
$(".tab-content-1").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
$("ul.product-tab li").removeClass("active");
$(this).addClass("active");
$(".tab_drawer_heading").removeClass("d_active");
$(".tab_drawer_heading[rel^='"+activeTab+"']").addClass("d_active");
});
/* if in drawer mode */
$(".tab_drawer_heading").on("click", function() {
$(".tab-content-1").hide();
var d_activeTab = $(this).attr("rel");
$("#"+d_activeTab).fadeIn();
$(".tab_drawer_heading").removeClass("d_active");
$(this).addClass("d_active");
$("ul.product-tab li").removeClass("active");
$("ul.product-tab li[rel^='"+d_activeTab+"']").addClass("active");
});
/* Extra class "tab_last"
to add border to right side
of last tab */
$('ul.product-tab li').last().addClass("tab_last");
},
/* End Of best product
================================================*/
/* Start Contact Map section
================================================*/
contactMAP: function (){
function isMobile() {
return ('ontouchstart' in document.documentElement);
}
function init_gmap() {
if ( typeof google == 'undefined' ) return;
var options = {
center: [40.712775, -74.005973],
zoom: 14,
styles: [
{elementType: 'geometry', stylers: [{color: '#eeeeee'}]},
{elementType: 'labels.text.stroke', stylers: [{color: '#eeeeee'}]},
{elementType: 'labels.text.fill', stylers: [{color: '#eeeeee'}]},
{
featureType: 'administrative.locality',
elementType: 'labels.text.fill',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'poi',
elementType: 'labels.text.fill',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'poi.park',
elementType: 'geometry',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'poi.park',
elementType: 'labels.text.fill',
stylers: [{color: '#c6c9c3'}]
},
{
featureType: 'road',
elementType: 'geometry',
stylers: [{color: '#c6c9c3'}]
},
{
featureType: 'road',
elementType: 'geometry.stroke',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'road',
elementType: 'labels.text.fill',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'road.highway',
elementType: 'geometry',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'road.highway',
elementType: 'geometry.stroke',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'road.highway',
elementType: 'labels.text.fill',
stylers: [{color: '#cdc9c2'}]
},
{
featureType: 'transit',
elementType: 'geometry',
stylers: [{color: '#e4e4e3'}]
},
{
featureType: 'transit.station',
elementType: 'labels.text.fill',
stylers: [{color: '#e4e4e3'}]
},
{
featureType: 'water',
elementType: 'geometry',
stylers: [{color: '#c3c7cc'}]
},
{
featureType: 'water',
elementType: 'labels.text.fill',
stylers: [{color: '#c3c7cc'}]
},
{
featureType: 'water',
elementType: 'labels.text.stroke',
stylers: [{color: '#c3c7cc'}]
}
],
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
navigationControl: true,
scrollwheel: false,
streetViewControl: true,
}
if (isMobile()) {
options.draggable = false;
}
$('#googleMaps').gmap3({
map: {
options: options
},
marker: {
latLng: [40.712775, -74.005973],
options: { icon: 'assets/img/map.png' }
}
});
}
init_gmap();
},
/* End Contact Map section
================================================*/
/* - Start of faq accordion
================================================*/
rateReview: function (){
$(':radio').change(function() {
console.log('New star rating: ' + this.value);
});
},
/* - End of faq accordion
================================================*/
/* Start Of best product
================================================*/
categorySlide: function (){
$('.category-slide-item').owlCarousel({
margin:25,
responsiveClass:true,
nav: true,
dots: false,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:2,
},
700:{
items:3,
},
1000:{
items:4,
}
},
})
},
/* End Of best product
================================================*/
/* Start Of service slide
================================================*/
testi_2Slide: function (){
$('.testimonial-secound-slide-area').owlCarousel({
margin:10,
responsiveClass:true,
nav: false,
autoplay: false,
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:1,
},
700:{
items:1,
},
1000:{
items:1,
}
},
})
},
/* End Of service slide
================================================*/
/* Start Of teacher secoud Slide
================================================*/
teacher2SLIDE: function (){
$('.teacher-secound-slide').owlCarousel({
margin:25,
responsiveClass:true,
nav: true,
dots: false,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:2,
},
700:{
items:2,
},
1000:{
items:4,
}
},
})
},
/* End Of teacher secoud Slide
================================================*/
/* Start Of teacher thired Slide
================================================*/
teacher3SLIDE: function (){
$('.teacher-third-slide').owlCarousel({
margin:30,
responsiveClass:true,
nav: true,
dots: false,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>",
"<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:2,
},
700:{
items:3,
},
1000:{
items:5,
}
},
})
},
/* End Of teacher thired Slide
================================================*/
/* Start Of best product
================================================*/
buttonSlide: function (){
$('.button-tab').owlCarousel({
margin:0,
responsiveClass:true,
nav: true,
dots: false,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:2,
},
600:{
items:4,
},
700:{
items:5,
},
1000:{
items:6,
}
},
})
},
/* End Of best product
================================================*/
/* Start Of service slide
================================================*/
testimonialSlide_3: function (){
$('.testimonial-secound-slide-area_3').owlCarousel({
margin:85,
responsiveClass:true,
nav: true,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
autoplay: false,
dots: false,
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:1,
},
700:{
items:1,
},
1000:{
items:1,
}
},
})
},
/* End Of service slide
================================================*/
/* Start Of category slide
================================================*/
categorySlide_3: function (){
$('.category-slide').owlCarousel({
margin:0,
responsiveClass:true,
nav: true,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>","<i class='fas fa-chevron-right'></i>"],
autoplay: false,
dots: false,
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:2,
},
600:{
items:3,
},
700:{
items:4,
},
1000:{
items:5,
}
},
})
},
/* End Of category slide
================================================*/
/* Start Of teacher thired Slide
================================================*/
advance3SLIDE: function (){
$('.service-slide_3').owlCarousel({
margin:10,
responsiveClass:true,
nav: true,
dots: false,
autoplay: false,
navText:["<i class='fas fa-chevron-left'></i>",
"<i class='fas fa-chevron-right'></i>"],
smartSpeed: 1000,
responsive:{
0:{
items:1,
},
400:{
items:1,
},
600:{
items:2,
},
700:{
items:2,
},
1000:{
items:3,
}
},
})
},
/* End Of teacher thired Slide
================================================*/
/* Start Of category slide
================================================*/
productRange: function (){
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 800,
values: [ 175, 500 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
},
/* End Of category slide
================================================*/
/* - Start of search bar
================================================*/
searchBAR: function (){
$('.toggle-overlay').on('click', function() {
$('.search-body').toggleClass('search-open');
});
},
/* - End of search bar
================================================*/
mobileMenu: function (){
jQuery('.mobile-menu nav').meanmenu();
function slideMenu() {
var activeState = jQuery('#menu-container .menu-list').hasClass('active');
jQuery('#menu-container .menu-list').animate({
left: activeState ? '0%' : '-100%'
}, 400);
}
jQuery('.alt-menu-btn').on ("click" , function(event) {
event.stopPropagation();
jQuery('.hamburger-menu').toggleClass('open');
jQuery('.menu-list').toggleClass('active');
slideMenu();
jQuery('body').toggleClass('overflow-hidden');
});
},
switchOpen: function (){
$('.color-switcher .open').on("click", function() {
$('.color-switcher').toggleClass("open-switcher");
});
},
countDown: function (){
if ($('.coming-countdown').length > 0) {
// Specify the deadline date
var deadlineDate = new Date('Decembar 21, 2018 23:59:59').getTime();
// Cache all countdown boxes into consts
var countdownDays = document.querySelector('.days .number');
var countdownHours = document.querySelector('.hours .number');
var countdownMinutes = document.querySelector('.minutes .number');
var countdownSeconds = document.querySelector('.seconds .number');
// Update the count down every 1 second (1000 milliseconds)
setInterval(function () {
// Get current date and time
var currentDate = new Date().getTime();
// Calculate the distance between current date and time and the deadline date and time
var distance = deadlineDate - currentDate;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Insert the result data into individual countdown boxes
countdownDays.innerHTML = days;
countdownHours.innerHTML = hours;
countdownMinutes.innerHTML = minutes;
countdownSeconds.innerHTML = seconds;
}, 1000);
};
},
quickScroll: function (){
$(window).on("scroll", function() {
if ($(this).scrollTop() > 200) {
$('.scrollup').fadeIn();
} else {
$('.scrollup').fadeOut();
}
});
$('.scrollup').on("click", function() {
$("html, body").animate({
scrollTop: 0
}, 800);
return false;
});
},
}
}
jQuery(document).ready(function (){
Genius.init();
});
})();
OHA YOOOO