$(function() {
    // 検索条件の引き継ぎ
    $.each(categories, function(parent, children) {
        $.each(children, function(child, name) {
            $("input[name^=" + parent + "]").each(function() {
                var label = $(this).parent("label").text();
                if (label == name) {
                    $(this).prop("checked", true);
                    return false;
                }
            });
        });
    });

    if (posted) {
        $("#search_btn").trigger("click");
    }
    
    // チェックボックス解除
    $(".remove-check").click(function() {
        $(this).parents(".search-option-container").find("input[type=checkbox]").prop("checked", false);
    });

    // masonry
    var minWidth = 209;
    var $masonry = $(".masonry");

    // Setup Masonry behavior
    function masonry_update() {
        var flag;
        if ($("html").width() < minWidth) {
            $masonry.masonry("destroy");
            flag = 0;
        } else {
            // Initialize Masonry after loading images have been completed.
            $masonry.imagesLoaded(function() {
                $masonry.masonry({
                    itemSelector: ".gallery-item",
                    columnWidth: ".grid-sizer",
                    isFitWidth: true
                });
            });
        }
    }
    
    masonry_update();
    
    // Initialize LazyLoad
    var $lazy = $("img.lazy");
    $lazy.lazyload({
        effect: "fadeIn",
        effectspeed: 1000,
        threshold: 400
    });

    // Refresh Masonry after LazyLoad images have been loaded.
    // cite: http://stackoverflow.com/questions/11398005/jquery-lazyload-callback
    $lazy.load(function() {
        masonry_update();
    });

    // Update Masonry if the window width is changed
    var timer = false;
    $(window).resize(function(){
        if (timer !== false) {
            clearTimeout(timer);
        }
        timer = setTimeout(function() {
            masonry_update();
        }, 200);
    });

    // Initialize MagnificPopup
    $masonry.magnificPopup({
        delegate: "a",
        type: "image",
        disableOn: function() {
            if($(window).width() < minWidth) {
                return false;
            }
            return true;
        },

        // Gallery Option
        gallery: {
            enabled: true
        },

        // image Content-type Option
        image: {
            cursor: null,
            titleSrc: function(item) {
                
                var picture = $.parseJSON(item.el.find("img").attr("data-picture"));
                var studio  = $.parseJSON(item.el.find("img").attr("data-studio"));

                var $title = $("<div />").addClass("gallery-attr");

                if (picture != null && Object.keys(picture).length) {
                    var $pictureHeader = $("<span />").html("撮影カテゴリ : ");
                    $title.append($pictureHeader);

                    var pictureLink = [];
                    for (var key in picture) {
                        pictureLink.push('<a href="' + picture[key] + '">' + key + "</a>");
                    }
                    
                    var $pictureLink = $("<span />").addClass("category-link");
                    $pictureLink.html(pictureLink.join(", "));
                    $title.append($pictureLink);
                }

                if (studio != null && Object.keys(studio).length) {
                    var $studioHeader = $("<span />").html("スタジオ : ");
                    $title.append($studioHeader);

                    var studioLink = [];
                    for (var key in studio) {
                        studioLink.push('<a href="' + studio[key] + '">' + key + "</a>");
                    }

                    var $studioLink = $("<span />").addClass("category-link");
                    $studioLink.html(studioLink.join(", "));
                    $title.append($studioLink);
                }

                return $title;
            }
        }
    });
    
    function getCategoryLink(category)
    {
        for (var prop in category) {
            console.log();
        }
    }
    
    
});