$(function(){
	$(".showbox").owlCarousel({
	    loop : true,
	    items : 1,
	    nav : true,
	    navText : ['',''],
	    dots:false,
	    autoplay:false,
	    navSpeed:1000,
	});
	$(".productbox .slidebox").owlCarousel({
	    loop : false,
	    items : 6,
	    responsive:{
            0:{
                items : 2
            },
            660:{
                items : 3
            },
            768:{
                items : 4
            },
            960:{
            	items : 6
            },
            1024:{
            	items : 8
            }
        },
	    nav : true,
	    navText : ['',''],
	    dots:false,
	    autoplay:false,
	    navSpeed:1000,
	});
	// $(".lookbookbox").on('click', '.item', function(event) {
	// 	$(".popupbox").addClass('open');
	// });
	// $(".popupbox").on('click', '.close', function(event) {
	// 	$(".popupbox").removeClass('open');
	// });

    var my_delay = 2000;

    function load_image(){
        var _grid = $('.lookbookbox').imagesLoaded(function(){
            _grid.masonry({
                itemSelector:'.item',
                gutter:0,
            });
        });
    }

    function load_image2(){
        /*var _grid = $('.lookbookbox').imagesLoaded(function(){
            _grid.masonry({
                itemSelector:'.item',
                gutter:0,
            });
        });
        _grid.masonry('reloadItems');*/

		var $owl = $(".showbox");
		$owl.trigger('destroy.owl.carousel');
		$owl.owlCarousel({
		    loop : true,
		    items : 1,
		    nav : true,
		    navText : ['',''],
		    dots:false,
		    autoplay:false,
		    navSpeed:1000,
		});

    }

    function ajax_get(page,cid,Max_Pic){
                $.ajax({
                   type     :   "POST",
                   url      :   "/lookbook/ajax/ajax_get_data.php",
                   dataType :   'json',
                   async    :   true,
                   cache    :   false,
                   data     :   {page:page,cid:cid,Max_Pic:Max_Pic},
                   success  :   function(e){
                        if(e.Status == 1){
                            var page = $("#look_page").val();
                            page = parseInt(page);
                            $("#look_page").val(page+1);

                            $(".lookbookbox").append(e.data1);
                            $(".showbox").append(e.data2);
                            $(".Max_Pic").html(e.Max_Pic);
                            setTimeout(load_image2(),my_delay);
                        }
                   }
                });
    }

}).on("click",".look_pic",function(){
    var pid = $(this).data('pid');
    var Look_ID = $(this).data('id');
    if(pid){
        var $owl = $(".showbox");
        $owl.trigger('to.owl.carousel',[(pid-1),0,true]);

        $.ajax({
            type     :   "POST",
            url      :   "/lookbook/ajax/ajax_get_prod.php",
            dataType :   'json',
            async    :   true,
            cache    :   false,
            data     :   {Look_ID:Look_ID},
            success  :   function(e){
                $(".slidebox").html('');
                if(e.Status == 1){
                    $(".slidebox").append(e.data);
                    var $owl = $(".slidebox");
                    $owl.trigger('destroy.owl.carousel');
                    $(".productbox .slidebox").owlCarousel({
                        loop : false,
                        items : 6,
                        responsive:{
                            0:{
                                items : 2
                            },
                            660:{
                                items : 3
                            },
                            768:{
                                items : 4
                            },
                            960:{
                                items : 5
                            },
                            1024:{
                                items : 6
                            }
                        },
                        nav : true,
                        navText : ['',''],
                        dots:false,
                        autoplay:false,
                        navSpeed:1000,
                    }).removeClass('owl-hidden');
                }
            }
        });
    }
}).on("click",".owl-prev,.owl-next",function(){
    var Look_ID = $(".owl-stage .active").find(".pic").data('id');
    $.ajax({
        type     :   "POST",
        url      :   "/lookbook/ajax/ajax_get_prod.php",
        dataType :   'json',
        async    :   true,
        cache    :   false,
        data     :   {Look_ID:Look_ID},
        success  :   function(e){
                $(".slidebox").html('');
                if(e.Status == 1){
                    $(".slidebox").append(e.data);
                    var $owl = $(".slidebox");
                    $owl.trigger('destroy.owl.carousel');
                    $(".productbox .slidebox").owlCarousel({
                        loop : false,
                        items : 6,
                        responsive:{
                            0:{
                                items : 2
                            },
                            660:{
                                items : 3
                            },
                            768:{
                                items : 4
                            },
                            960:{
                                items : 5
                            },
                            1024:{
                                items : 6
                            }
                        },
                        nav : true,
                        navText : ['',''],
                        dots:false,
                        autoplay:false,
                        navSpeed:1000,
                    }).removeClass('owl-hidden');
                }
        }
    });
});