/**
 * Cassiopeia
 */

var Design = {
    keybindings: function () {
        // Remove previous bindings
        Cargo.Core.KeyboardShortcut.Remove("Left");
        Cargo.Core.KeyboardShortcut.Remove("Right");

        Cargo.Core.KeyboardShortcut.Add("Left", 37, function () {
            Action.Project.Prev();
            return false;
        });

        Cargo.Core.KeyboardShortcut.Add("Right", 39, function () {
            Action.Project.Next();
            return false;
        });
    },

    resizeSlideshow: function (el, obj, state) {
        if (state == "resize") {
            el.find("> *").css({
                "-webkit-transition": "margin 0s ease",
                "-moz-transition": "margin 0s ease",
                "transition": "margin 0s ease"
            });
        } else {
            el.find("> *").css({
                "-webkit-transition": "margin " + obj.options.transition_duration + "s ease",
                "-moz-transition": "margin " + obj.options.transition_duration + "s ease",
                "transition": "margin " + obj.options.transition_duration + "s ease"
            });
        }

        // Resize and position the containing element
        obj.resizeContainer();
        Cargo.Plugins.elementResizer.refresh();
    },

    groupNavigation: function () {
        var navGroups = [];

        $(".navigation div[data-type]").each(function () {
            var type = this.getAttribute("data-type");

            if ($.inArray(type, navGroups) == -1) {
                // first unwrap if already wrapped
                if ($(this).parent().hasClass("group")) {
                    $(this).unwrap();
                }

                if (type == "link" || type == "page") {
                    var items = $(".navigation div[data-type='link'], .navigation div[data-type='page']");
                    navGroups.push("link", "page");
                } else {
                    var items = $(".navigation div[data-type='" + type + "']");
                    navGroups.push(type);
                }

                items.wrapAll("<span class='group' />");
            }
        });
    },

    formatThumbnails: function () {
        $(".thumbnail[data-formatted!='true']").each(function () {
            if ($(this).find(".thumb_image img").attr("src") == "/_gfx/thumb_custom.gif") {
                $(this).addClass("default_thumb");
            }

            $(this).attr("data-formatted", "true");
        });
    },

    mobileIcons: function () {
        if (navigator.userAgent.match(/i(Phone|Pod|Pad)|windows/gi)) {

            $(".project_nav").addClass("mobile");

        }
    }
};

/**
 * Events
 */

$(function () {
    Design.mobileIcons();
    Design.keybindings();
    Design.formatThumbnails();

    if (Cargo.Helper.IsOnSet() && Cargo.Model.Project.GetType() != "page") {
        $(".show_index").show();
    }

    // divide the nav in groups
    Design.groupNavigation();
});

Cargo.Event.on("element_resizer_init", function (plugin) {
    plugin.setOptions({
        adjustElementsToWindowHeight: Cargo.Model.DisplayOptions.attributes.image_scale_vertical
    });
});

Cargo.Event.on("slideshow_resize", function (el, obj) {
    Design.resizeSlideshow(el, obj, "resize");
});

Cargo.Event.on("slideshow_transition_start", function (el, obj) {
    Design.resizeSlideshow(el, obj);
});

Cargo.Event.on("fullscreen_destroy_hotkeys", function () {
    Design.keybindings();
});

Cargo.Event.on("project_load_complete", function (pid) {
    $('#customscroll').mCustomScrollbar('scrollTo', 'top', {
        scrollInertia: 500,
    });

    setTimeout(function () {
        $('#customscroll').mCustomScrollbar('scrollTo', 'top', {
            scrollInertia: 500,
        });
    }, 1300);
    Design.mobileIcons();

    if (Cargo.Model.Project.GetType() == "project") {
        if (!Cargo.Model.DisplayOptions.attributes.thumbs_below_projects || Cargo.Helper.IsOnSet()) {
            $(".show_index").show();
        }
    }
});

Cargo.Event.on("show_index_complete", function (pid) {
    if (Cargo.Plugins.hasOwnProperty("columnizer")) {
        Cargo.Plugins.columnizer.updateTargets();
    }

    $(".show_index").hide();
});

Cargo.Event.on("pagination_complete", function () {
    if (Cargo.Plugins.hasOwnProperty("columnizer")) {
        Cargo.Plugins.columnizer.updateTargets();
    }
    Design.formatThumbnails();
    Design.groupNavigation();
});

Cargo.Event.on("navigation_reset", function () {
    Design.groupNavigation();
});