var isAndroid = kendo.support.mobileOS.android;


var currentExample,
    currentSection;


var TITLES = {
    "actionsheet": "ActionSheet",
    "grid": "Grid",
    "scheduler": "Scheduler",
    "application": "Application",
    "buttongroup": "ButtonGroup",
    "collapsible": "Collapsilble",
    "drawer": "Drawer",
    "mobile-button": "Button",
    "mobile-forms": "Forms",
    "mobile-layout": "Layout",
    "mobile-listview": "ListView",
    "mobile-tabstrip": "TabStrip",
    "mobile-view": "View",
    "modalview": "ModalView",
    "navbar": "NavBar",
    "popover": "PopOver",
    "scroller": "Scroller",
    "scrollview": "ScrollView",
    "splitview": "SplitView",
    "mobile-styling": "Styling",
    "switch": "Switch",
    "touchevents": "Touch Events"
};

// override datasources

navDataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: NAV_JSON_URL,
            dataType: "json"
        }
    },
    change: function(e) {
        $.each(this.view(), function(index, group) {
            group.items.sort(function(a, b) {
                if (a.text === "Basic usage") {
                    return false;
                }

                if (b.text === "Basic usage") {
                    return true;
                }

                // console.log(a, b);
                return a.text > b.text;
            });
        });
    },

    schema: {
        model: {
            id: "url"
        },
        parse: function(response) {
            for (var i = 0; i < response.length; i++) {
                response[i].section = TITLES[response[i].url.split("/")[0]];
            }
            return response;
        }
    },
    group: { field: "section" }
})

searchDataSource = navDataSource;

function nullCurrentExample(e) {
    currentExample = null;
}

function removeView(e) {
    if (!e.view.element.data("persist")) {
        e.view.purge();
    }
}

function initSearch(e) {
    var searchBox = e.view.element.find("#demos-search");

    searchBox.on("input", function() {
        searchExamplesFor(searchBox.val(), product);
    });

    searchBox.on("blur", function() {
        if (searchBox.val() == "") {
            hideSearch();
        }
    });
}

var desktop = !kendo.support.mobileOS;

function showSearch() {
    $("#normal").addClass("navbar-hidden");
    $("#search").removeClass("navbar-hidden");
    if (desktop) {
       setTimeout(function() {
            $("#demos-search").focus();
       });
    } else {
        $("#demos-search").focus();
    }
}

function hideSearch() {
    $("#normal").removeClass("navbar-hidden");
    $("#search").addClass("navbar-hidden");
}

function checkSearch(e) {
    if (!searchDataSource.filter()) {
        e.preventDefault();
        this.replace([]);
        $("#search-tooltip").show();
    } else {
        $("#search-tooltip").hide();
    }
}

function showDemoLayout(e) {
    currentExample = null;
    currentSection = null;
    navDataSource.fetch(function() {
        var url = e.view.id,
            element = e.view.element;

        currentExample = navDataSource.get(url);

        if (currentExample) {
            element.find("[data-icon=source-code]").show();
        } else {
            element.find("[data-icon=source-code]").hide();
        }
    });
}

var sourceCode;

function openDojo(e) {
    window.dojo.postSnippet(sourceCode, window.location.href.replace(window.location.hash, ""));
    e.preventDefault();
}

function goToSourceCode() {
    app.navigate("#source-code-view?view=" + app.view().id);
}

function showSourceCode(e) {
    app.showLoading();
    $("#source-code-container").empty();

    $.get("../source/mobile?path=" + encodeURIComponent("~/Views/demos/" + e.view.params.view + ".cshtml")).then(function(response) {
        $("#source-code-container").html(response);
        sourceCode = $("#source-code-container").find(".prettyprint").text();
        prettyPrint();
        app.hideLoading();
    });
}

function disableInSourceCode(e) {
    if (app.view().id === "#source-code-view") {
        e.preventDefault();
    }
}

window.app = new kendo.mobile.Application($(document.body), {
    layout: "examples",
    transition: "slide",
    skin: "nova",
    icon: {
        "" : '@Url.Content("~/content/mobile/AppIcon72x72.png")',
        "72x72" : '@Url.Content("~/content/mobile/AppIcon72x72.png")',
        "76x76" : '@Url.Content("~/content/mobile/AppIcon76x76.png")',
        "114x114" : '@Url.Content("~/content/mobile/AppIcon72x72@2x.png")',
        "120x120" : '@Url.Content("~/content/mobile/AppIcon76x76@2x.png")',
        "152x152" : '@Url.Content("~/content/mobile/AppIcon76x76@2x.png")'
    }
});