// search toggle
$('.searchbtn').on('click', function() {
    $('.searchbox').fadeToggle('fast');
});

// language
$('.currentlang').on('click', function() {
    $('.langarrow').toggleClass('rotate');
    $('.langarrow').toggleClass('rotate-reset');
    $('.otherlang').slideToggle(150);
});

// slider
$('.slider').slick({
    infinite: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    arrow: true,
    dots: true
});

// ig slider
$('.ig_slider').slick({
    infinite: true,
    slidesToShow: 8,
    slidesToScroll: 2,
    arrow: false,
    dots: true
});

// related slider
$('.related_slider').slick({
    infinite: true,
    slidesToShow: 5,
    slidesToScroll: 1,
    arrow: false,
    dots: false,
    responsive: [
    {
      breakpoint: 1199,
      settings: {
        slidesToShow: 4
      }
    },
    {
      breakpoint: 991,
      settings: {
        slidesToShow: 3
      }
    },
    {
      breakpoint: 767,
      settings: {
        slidesToShow: 2
      }
    }
    ,
    {
      breakpoint: 500,
      settings: {
        slidesToShow: 1
      }
    }
  ]
});


// video
document.addEventListener("DOMContentLoaded",
    function() {
        var div, n,
            v = document.getElementsByClassName("youtube-player");
        for (n = 0; n < v.length; n++) {
            div = document.createElement("div");
            div.setAttribute("data-id", v[n].dataset.id);
            div.innerHTML = labnolThumb(v[n].dataset.id);
            div.onclick = labnolIframe;
            v[n].appendChild(div);
        }
    });

function labnolThumb(id) {
    var thumb = '<img src="../img/videocover.png">',
        play = '<div class="play"></div>';
    return thumb.replace("ID", id) + play;
}

function labnolIframe() {
    var iframe = document.createElement("iframe");
    var embed = "http://player.youku.com/embed/ID";
    iframe.setAttribute("src", embed.replace("ID", this.dataset.id));
    iframe.setAttribute("frameborder", "0");
    iframe.setAttribute("allowfullscreen", "1");
    this.parentNode.replaceChild(iframe, this);
}

// scroll top
$(document).ready(function() {
    //Check to see if the window is top if not then display button
    $(window).scroll(function() {
        if ($(this).scrollTop() > 50) {
            $('.scrollToTop').fadeIn();
        } else {
            $('.scrollToTop').fadeOut();
        }
    });
    //Click event to scroll to top
    $('.scrollToTop').click(function() {
        $('html, body').animate({
            scrollTop: 0
        }, 500);
        return false;
    });
});


// side nav
(function() {
    var bodyEl = $('body'),
        navToggleBtn = bodyEl.find('.nav-toggle-btn,.closesidenav,.sidebg');

    navToggleBtn.on('click', function(e) {
        bodyEl.toggleClass('active-nav');
        bodyEl.toggleClass('active-slidebg');
        e.preventDefault();
    });
})();

// category sidemenu
$('.category_sidemenu ul i').on('click', function() {
    $(this).toggleClass('rotate');
    $(this).toggleClass('rotate-reset');
    $(this).parents(".menu").children(".lvtwo").slideToggle(150);
});



$('.open_sidecate').on('click', function() {
    $(this).parents(".category_sidemenu").children(".category_sidemenu ul.menu_ul").slideToggle(150);
});


$( document ).ready(function loadfooterHeight() {
  var footerheight = $("footer").outerHeight();
  $(".wrapper").css('padding-bottom', footerheight);
});

$(window).on('resize', function() {
    var footerheight = $("footer").outerHeight();
    $(".wrapper").css('padding-bottom', footerheight);
});



// address & delivery


$('.deliveryOption .option').on('click', function() {
    $('.deliveryOption .option').removeClass('active');
    $(this).addClass('active');
});

$('.billOption .option').on('click', function() {
    $('.billOption .option').removeClass('active');
    $(this).addClass('active');
});


$('#samedelivery').hide();
$('#checkdelivery_01').on('click', function() {
    $('#samedelivery').slideToggle('fast');
});


// close product layer
$('button.addtocart_Btn').on('click', function() {
    $('body').addClass('fixed');
    $('.productlayer').fadeIn('fast');
});

$('.closelayer').on('click', function() {
    $('body').removeClass('fixed');
    $('.productlayer').fadeOut('fast');
});


// popup msg
$('button.popuplayer-btn').on('click', function() {
    $('body').addClass('fixed');
    $('.popuplayer').fadeIn('fast');
});

$('.closepopup-btn').on('click', function() {
    $('body').removeClass('fixed');
    $('.popuplayer').fadeOut('fast');
});









// Instantiate EasyZoom instances
var $easyzoom = $('.easyzoom').easyZoom();

// Setup thumbnails example
var api1 = $easyzoom.filter('.easyzoom--with-thumbnails').data('easyZoom');

$('.thumbnails').on('click', 'a', function(e) {
    var $this = $(this);

    e.preventDefault();

    // Use EasyZoom's `swap` method
    api1.swap($this.data('standard'), $this.attr('href'));
});

// Setup toggles example
var api2 = $easyzoom.filter('.easyzoom--with-toggle').data('easyZoom');

$('.toggle').on('click', function() {
    var $this = $(this);
    if ($this.data("active") === true) {
        $this.text("Switch on").data("active", false);
        api2.teardown();
    } else {
        $this.text("Switch off").data("active", true);
        api2._init();
    }
});

// product details tab
$(document).ready(function() { 

  (function ($) { 
    $('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
    
    $('.tab ul.tabs li a').click(function (g) { 
      var tab = $(this).closest('.tab'), 
        index = $(this).closest('li').index();
      
      tab.find('ul.tabs > li').removeClass('current');
      $(this).closest('li').addClass('current');
      
      tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp();
      tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown();
      
      g.preventDefault();
    } );
  })(jQuery);

});

// preview img
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function(e) {
            $('#preview').attr('src', e.target.result);
            $( ".uploadicon" ).remove();
        };

        reader.readAsDataURL(input.files[0]);
    }
}

// input quantity
jQuery('<div class="quantity-nav"><div class="quantity-button quantity-up">+</div><div class="quantity-button quantity-down">-</div></div>').insertAfter('.quantity input');
jQuery('.quantity').each(function() {
    var spinner = jQuery(this),
        input = spinner.find('input[type="number"]'),
        btnUp = spinner.find('.quantity-up'),
        btnDown = spinner.find('.quantity-down'),
        min = input.attr('min'),
        max = input.attr('max');

    btnUp.click(function() {
        var oldValue = parseFloat(input.val());
        if (oldValue >= max) {
            var newVal = oldValue;
        } else {
            var newVal = oldValue + 1;
        }
        spinner.find("input").val(newVal);
        spinner.find("input").trigger("change");
    });

    btnDown.click(function() {
        var oldValue = parseFloat(input.val());
        if (oldValue <= min) {
            var newVal = oldValue;
        } else {
            var newVal = oldValue - 1;
        }
        spinner.find("input").val(newVal);
        spinner.find("input").trigger("change");
    });

});