function getRandomAnimation(){
    var animationList = [ 'fadeOut' ,   'fadeIn' , 'slideOutDown', 'slideOutUp', 'slideOutRight', 'slideOutLeft']; 
    return animationList[Math.floor(Math.random() * animationList.length)];
}  

$(document).ready(function() { 

	$('.sub_cate').change(function(){
var sel = $('.sub_cate option:selected');

var  loc = '/en/products-detail/' + sel.html()+ '/'+ sel.val() ;

		window.location = loc;
	})

	 
	$('.btn_cate').click( function () {
		$('.menu_main li').removeClass('active').removeClass('active_child');
		$(this).parents('li').addClass('active');
		$('.menu_main .child').addClass('d-none');

		
		$('.bg_cate').attr('src' ,$(this).attr('data-bg'));
		$('.menu_main .'+ $(this).attr('data-cate')).removeClass('d-none').addClass('active_child');

	});
	
	$('.btn_sub_cate').click(function(){
		$('.sub_child').addClass('d-none');
		
	console.log($(this).parents('.child').attr('data-cate') +'-' +  $(this).parent('li').attr('class'));
		$('.'+$(this).parents('.child').attr('data-cate') +'-' +  $(this).parent('li').attr('class')).removeClass('d-none');
		
	})
	
	
	$('.products .menu_main .btn_cate[data-cate=c1]').click()
	
	
	
	 let props = {
   loop:true,
    margin:0,
    nav:false,
    dots:true,
    autoplay:true,
    autoplayTimeout:3500,
 
    responsive:{
        0:{
            items:1
        }
       
    }
      };
      
       props['animateOut'] = getRandomAnimation();
      props['animateIn'] = 'fadeIn';
      
      
	$('.owl-carousel').owlCarousel(props)

});