//
// ...the magic starts here...
//
/////////////////////////////////


// ND2 Widgets

;(function(factory) {

  // Establish the root object, `window` (`self`) in the browser, or `global` on the server.
  // We use `self` instead of `window` for `WebWorker` support.
  var root = (typeof self === 'object' && self.self === self && self) ||
            (typeof global === 'object' && global.global === global && global);

  // Set up Backbone appropriately for the environment. Start with AMD.
  if (typeof define === 'function' && define.amd) {
    define(['jquery', 'Waves', 'exports' ], function($, Waves, exports) {
      // Export global even in AMD case in case this script is loaded with
      // others that may still expect a global Backbone.
      factory($, Waves, exports);
      return $;
    });

  // Next for Node.js or CommonJS. jQuery may not be needed as a module.
  } else if (typeof exports !== 'undefined') {
    var $ = require('jquery');
    var Waves = require('Waves');
    factory(root, Waves, root);
  // Finally, as a browser global.
  } else {
    factory(root.jQuery || root.$, root.Waves || undefined, root);
  }

}(function($, Waves, exports) {
    "use strict";

    $.widget("nd2.gallery", {
        options: {
            count: 15,
            delay: 100,
            duration: 400,
            cols: 5
        },
        _create: function() {
            var el = this.element;
            var opts = $.extend(this.options, el.data("options"));
            $(document).trigger("creategallery");
            var _html = "";
            var _delay;
            for (var i = 1; i <= opts.count; i++) {
                var calcDelay = (Math.round(i * (opts.delay / 1000) * 10) / 10);
                _delay = (calcDelay > 2) ? (i % 5 / 10) : calcDelay;
                _html += "<div class='dummybox wow zoomIn' data-wow-duration='" + opts.duration + "' data-wow-delay='" + _delay + "s'>" + i + "</div>";
            }
            el.html(_html);
        },
        _update: function() {

        },
        refresh: function() {
            return this._update();
        }
    });

    $(document).bind("pagecreate", function(e) {
        $(document).trigger("gallerybeforecreate");
        return $("nd2-gallery", e.target).gallery();
    });

    // nd2-include
    $.widget("nd2.include", {
        options: {
            src: null,
            post: {}
        },
        _create: function() {
            var el = this.element;
            var opts = $.extend(this.options, el.data("options"));
            $(document).trigger("createinclude");

            if (opts.src !== null) {
                el.load(opts.src, function() {
                    el.enhanceWithin();

                    // Apply waves.js
                    if (typeof Waves !== "undefined") {
                        Waves.attach('a', ['waves-button']);
                        Waves.attach('button', ['waves-button']);
                        Waves.init();

                        $("body").find(".ui-flipswitch-on").removeClass("waves-effect");
                        Waves.attach('.ui-flipswitch', ['waves-button', 'waves-light']);

                    }

                });
            }
        },
        _update: function() {
            console.log("update?");
        },
        refresh: function() {
            return this._update();
        }
    });

    $(document).bind("pagecreate", function(e) {
        $(document).trigger("includebeforecreate");
        return $("nd2-include", e.target).include();
    });


    // nd2-ad
    $.widget("nd2.ad", {
        options: {
            banner: null,
            path: null,
            active: null,
            extension: null,
            post: {}
        },
        _create: function() {

            var _self = this;

            window.setTimeout(function() {

                if (typeof window.nd2 !== 'undefined' && typeof window.nd2.settings !== 'undefined' && typeof window.nd2.settings.advertising !== 'undefined') {
                    if (typeof window.nd2.settings.advertising.path !== 'undefined') {
                        _self.options.path = window.nd2.settings.advertising.path;
                    }
                    if (typeof window.nd2.settings.advertising.active !== 'undefined') {
                        _self.options.active = window.nd2.settings.advertising.active;
                    }
                    if (typeof window.nd2.settings.advertising.extension !== 'undefined') {
                        _self.options.extension = window.nd2.settings.advertising.extension;
                    }
                }

                var el = _self.element;
                var opts = $.extend(_self.options, el.data("options"));
                $(document).trigger("createinclude");

                if (opts.active && opts.banner !== null) {
                    var src = (opts.path || "") + opts.banner + (opts.extension || "");
                    el.addClass("nd2-banner");
                    el.load(src, function() {
                        el.enhanceWithin();
                    });
                }

            }, 600);

        },
        _update: function() {
            //			console.log("update?");
        },
        refresh: function() {
            return this._update();
        }
    });

    $(document).bind("pagecreate", function(e) {
        $(document).trigger("includebeforecreate");
        return $("nd2-ad", e.target).ad();
    });


    // nd2-tabs
    $.widget("nd2.tabs", {
        options: {},
        settings: {
            activeTab: false,
            activeIdx: 0,
            swipe: true
        },
        _create: function() {
            var _self = this;
            var el = this.element;
            _self.settings = $.extend(_self.settings, {
                swipe: el.data('swipe')
            });
            el.addClass("nd2Tabs");

            el.find("li[data-tab]").each(function(idx) {
                $(this).addClass("nd2Tabs-nav-item");
                if ($(this).data("tab-active") && !_self.settings.activeTab) {
                    $(this).addClass("nd2Tabs-active");
                    _self.settings.activeTab = $(this).data("tab");
                    _self.settings.activeIdx = idx;
                }
            });

            // Select First if activeTab is not set
            if (!_self.settings.activeTab) {
                var firstEl = el.find("li[data-tab]").first();
                if (firstEl.length > 0) {
                    firstEl.addClass("nd2Tabs-active");
                    _self.settings.activeTab = firstEl.data("tab");
                } else {
                    _self.destroyTabs();
                }
            }

            // Bind Swipe Event
            if (_self.settings.swipe) {
                $("div[role=main]").on("swipeleft", function(event) {
                    _self.changeNavTab(true);
                }).on("swiperight", function(event) {
                    _self.changeNavTab(false);
                });
            }

            // Waves.js
            if (typeof Waves !== "undefined") {
                Waves.attach('.nd2Tabs-nav-item', ['waves-button', 'waves-light']);
                Waves.init();
            }

            // Bind Events
            el.on("click", ".nd2Tabs-nav-item:not('.nd2Tabs-active')", function(e) {
                e.preventDefault();
                _self.switchTab($(this), $(this).data('tab'), $(this).closest('.nd2Tabs').find(".nd2Tabs-nav-item").index($(this)[0]));
            });

            if (_self.settings.activeTab) {
                _self.prepareTabs();
            }

        },
        _update: function() {},
        refresh: function() {
            return this._update();
        },
        destroyTabs: function() {
            this.element.remove();
        },
        changeNavTab: function(left) {
            var $tabs = $('ul[data-role="nd2tabs"] li');

            var len = $tabs.length;
            var curidx = 0;

            $tabs.each(function(idx) {
                if ($(this).hasClass("nd2Tabs-active")) {
                    curidx = idx;
                }
            });

            var nextidx = 0;
            if (left) {
                nextidx = (curidx >= len - 1) ? 0 : curidx + 1;
            } else {
                nextidx = (curidx <= 0) ? len - 1 : curidx - 1;
            }
            $tabs.eq(nextidx).click();

        },
        switchTab: function(obj, tabKey, toIdx) {
            var _self = this;

            var direction = (parseInt(toIdx, 10) > _self.settings.activeIdx) ? "right" : "left";
            var directionTo = (parseInt(toIdx, 10) < _self.settings.activeIdx) ? "right" : "left";

            obj.parent().find(".nd2Tabs-active").removeClass("nd2Tabs-active");

            obj.addClass('nd2Tabs-active');

            _self.settings.activeIdx = parseInt(toIdx, 10);
            _self.settings.activeTab = tabKey;

            // Activate Content Tab
            var oldContent = obj.closest('.ui-page').find(".nd2Tabs-content-tab.nd2Tab-active");

            oldContent.addClass("to-" + directionTo);
            window.setTimeout(function() {
                oldContent.removeClass("nd2Tab-active to-" + directionTo);
            }, 400);

            var newContent = obj.closest('.ui-page').find(".nd2Tabs-content-tab[data-tab='" + _self.settings.activeTab + "']");

            newContent.addClass("nd2Tab-active from-" + direction);

            window.setTimeout(function() {
                newContent.removeClass("from-" + direction);
            }, 150);

        },
        prepareTabs: function() {
            var _self = this;
            var tabs = $("body").find("[data-role='nd2tab']");
            if (tabs.length > 0) {
                tabs.addClass("nd2Tabs-content-tab");
                tabs.each(function(idx) {
                    if ($(this).data('tab') == _self.settings.activeTab) {
                        $(this).addClass('nd2Tab-active');
                    }
                });
            } else {
                _self.destroyTabs();
            }
        }
    });

    $(document).bind("pagebeforeshow", function(e) {
        $(document).trigger("includebeforecreate");
        return $("[data-role='nd2tabs']", e.target).tabs();
    });


    // nd2Toast
    (function($) {
        $.nd2Toast = function(options) {

            var _self = this;

            _self.defaults = {
                message: "",
                action: {
                    link: null,
                    title: null,
                    fn: null,
                    color: "lime"
                },
                ttl: 3000
            };

            _self.isClosed = false;

            _self.toastId = null;

            _self.options = $.extend(_self.defaults, options);

            _self.getToast = function() {
                return $("body").find("#" + _self.toastId);
            };

            _self.hasPendingToasts = function() {
                return ($("body").find(".nd2-toast").length > 0);
            };

            _self.getOtherToast = function() {
                return $("body").find(".nd2-toast");
            };

            _self.hasAction = function() {
                return (_self.options.action.title &&
                    (_self.options.action.link || _self.options.action.fn));
            };

            _self.getAction = function() {
                return (_self.hasAction()) ? "<span class='nd2-toast-action'><a href='#toastAction' class='ui-btn ui-btn-inline clr-btn-accent-" + _self.options.action.color + "'>" + _self.options.action.title + "</a></span>" : "";
            };

            _self.getMessage = function() {
                return "<span class='nd2-toast-message'>" + _self.options.message + "</span>";
            };

            _self.generateId = function() {
                _self.toastId = "toast" + Math.random().toString(16).slice(2);
            };

            _self.create = function() {

                if (!_self.hasPendingToasts()) {

                    _self.generateId();

                    var hasActionClass = (!_self.hasAction()) ? "no-action" : "";
                    var toast = "<div id='" + _self.toastId + "' class='nd2-toast nd2-toast-off " + hasActionClass + "'><div class='nd2-toast-wrapper'>" + _self.getMessage() + _self.getAction() + "</div></div>";

                    $("body").append(toast);

                    window.setTimeout(function() {
                        _self.bindAction();
                        _self.show();
                    }, 50);

                } else {
                    window.setTimeout(function() {
                        _self.abortOtherToasts();
                    }, 100);
                }
            };

            _self.bindAction = function() {
                if (_self.hasAction()) {

                    var toast = _self.getToast();
                    var hasLink = (_self.options.action.link);
                    var hasEvent = (_self.options.action.fn && typeof _self.options.action.fn === "function");

                    toast.find(".nd2-toast-action a").on("click", function(e) {
                        if (hasEvent) {
                            _self.options.action.fn(e);
                        }
                        if (hasLink) {
                            $("body").pagecontainer("change", _self.options.action.link);
                        }
                        _self.hide();
                    });

                }
            };

            _self.show = function() {
                var toast = _self.getToast();
                toast.removeClass("nd2-toast-off");

                $("body").addClass("nd2-toast-open");

                window.setTimeout(function() {
                    _self.hide();
                }, _self.options.ttl);

            };

            _self.hide = function() {
                if (_self.isClosed) return;

                _self.isClosed = true;

                var toast = _self.getToast();
                if (toast.length > 0) {

                    toast.addClass("nd2-toast-off");

                    if (_self.hasPendingToasts()) {
                        $("body").removeClass("nd2-toast-open");
                    }

                    window.setTimeout(function() {
                        _self.destroyToast();
                    }, 400);
                }

            };

            _self.destroyToast = function() {
                var toast = _self.getToast();
                toast.remove();
            };

            _self.abortOtherToasts = function() {

                if (_self.hasPendingToasts()) {

                    var toast = _self.getOtherToast();
                    if (toast) {

                        toast.addClass("nd2-toast-off");

                        $("body").removeClass("nd2-toast-open");

                        window.setTimeout(function() {

                            toast.remove();
                            _self.create();

                        }, 400);

                    }

                }

            };

            _self.create();

        };

        $("body").on("click", "[data-role='toast']", function(e) {
            e.preventDefault();
            var options = {
                action: {}
            };

            if ($(this).data('toast-message')) {
                options.message = $(this).data('toast-message');
            }
            if ($(this).data('toast-ttl')) {
                options.ttl = $(this).data('toast-ttl');
            }
            if ($(this).data('toast-action-title')) {
                options.action.title = $(this).data('toast-action-title');
            }
            if ($(this).data('toast-action-link')) {
                options.action.link = $(this).data('toast-action-link');
            }
            if ($(this).data('toast-action-color')) {
                options.action.color = $(this).data('toast-action-color');
            }

            new $.nd2Toast(options);

        });

    }($));


    // nd2Search
    (function($) {
        $.nd2Search = function(options) {

            var _self = this;

            _self.defaults = {
                placeholder: "Search",
                source: [],
                defaultIcon: 'star',
                fn: function(r) {
                    console.log("No Callback function defined.");
                }
            };

            _self.options = $.extend(_self.defaults, options);

            _self.applyWaves = function() {
                if (typeof Waves !== "undefined") {
                    Waves.attach('.nd2-search-button, .nd2-search-back-button', ['waves-button']);
                    Waves.init();
                }
            };

            _self.getSearchButton = function(offset) {
                return "<a href='#' class='ui-btn ui-btn-right wow fadeIn nd2-search-button' style='margin-right: " + offset + "px;' data-wow-delay='1s'><i class='zmdi zmdi-search'></i></a>";
            };

            _self.getBackButton = function() {
                return "<a href='#' class='ui-btn ui-btn-left wow fadeIn nd2-search-back-button' data-wow-delay='0.2s'><i class='zmdi zmdi-arrow-back'></i></a>";
            };

            _self.getSearchInput = function() {
                return "<input type='text' class='nd2-search-input' value='' placeholder='" + _self.options.placeholder + "' />";
            };

            _self.activateSearch = function() {
                _self.getHeader().addClass("nd2-search-active");
                _self.getSearchInputObj().val('').focus();
            };

            _self.hideSearch = function() {
                _self.getHeader().removeClass("nd2-search-active");
            };

            _self.getHeader = function() {
                return $("body").find(".ui-page-active div[data-role='header']").first();
            };

            _self.getSearchInputObj = function() {
                return _self.getHeader().find('.nd2-search-input');
            };

            _self.bindEvents = function() {
                _self.getHeader()
                    .on('click', '.nd2-search-button', function(e) {
                        e.preventDefault();
                        _self.activateSearch();
                    })
                    .on('click', '.nd2-search-back-button', function(e) {
                        e.preventDefault();
                        _self.hideSearch();
                    });

                _self.bindAutocomplete();

            };

            _self.bindAutocomplete = function() {

                _self.getSearchInputObj().autocomplete({
                        delay: 500,
                        minLength: 1,
                        source: _self.options.source,
                        select: function(e, ui) {
                            if (typeof ui.item !== 'undefined' && typeof ui.item.value !== 'undefined') {
                                if (typeof _self.options.fn === 'function') {
                                    _self.options.fn(ui.item.value);
                                    _self.hideSearch();
                                }
                            }
                        }
                    })
                    .autocomplete('instance')._renderItem = function(ul, item) {
                        if (typeof item === 'string') {
                            item = {
                                icon: _self.options.defaultIcon,
                                value: item,
                                label: item
                            };
                        }

                        var icon = (typeof item.icon !== 'undefined') ? "<i class='zmdi zmdi-" + item.icon + "'></i>" : "<i class='zmdi zmdi-" + _self.options.defaultIcon + "'></i>";
                        return $("<li class='nd2-search-result-item'>")
                            .attr("data-value", item.value)
                            .append("<span class='icon'>" + icon + "</span><span class='term'>" + item.label + "</span>")
                            .appendTo(ul);
                    };


            };

            _self.create = function() {
                var header = _self.getHeader();
                var content = null;
                if (header.length > 0) {

                    var firstBtnRight = header.find(".ui-btn-right");

                    if (firstBtnRight.length > 0) {
                        firstBtnRight.first().before(_self.getSearchButton(firstBtnRight.length * (firstBtnRight.outerWidth())));
                    } else {
                        header.append(_self.getSearchButton(0));
                    }

                    header.css({
                        'minHeight': header.height() + 'px'
                    });

                    header.prepend(_self.getBackButton());
                    header.prepend(_self.getSearchInput());

                    _self.applyWaves();
                    _self.bindEvents();

                }

            };

            window.setTimeout(function() {
                _self.create();
            }, 500);
        };

    }($));

    // nd2 Project Settings
    (function($) {
        $.nd2 = function(options) {

            var _self = this;

            _self.defaults = {
                stats: {
                    analyticsUA: null // Your UA-Code for Example: 'UA-123456-78'
                },
                advertising: {
                    active: false, // true | false
                    path: null, // "/examples/fragments/adsense/",
                    extension: null // ".html"
                }
            };


            _self.options = $.extend(_self.defaults, options);

            _self.build = function() {

                _self.globalSettings();
                _self.bindNavigationSwipe();
                _self.iniWow();
                _self.iniWaves();
                _self.iniSmoothTransition();
                _self.iniGoogleAnalytics();

            };

            _self.globalSettings = function() {
                window.nd2 = {
                    settings: _self.options
                };
            };

            _self.bindNavigationSwipe = function() {
                $(".ui-page:not('.nd2-no-menu-swipe')").on("swiperight swipeleft", function(e) {
                    if ($(".ui-page-active").jqmData("panel") !== "open") {
                        if (e.type === "swiperight") {
                            $(".ui-panel.ui-panel-position-left:first").panel("open");
                        }
                    }
                });
            };

            _self.iniWow = function() {
                if (typeof WOW !== "undefined") {
                    new WOW().init();
                }
            };

            _self.iniWaves = function() {
                if (typeof Waves !== "undefined") {
                    Waves.attach('a', ['waves-button']);
                    Waves.attach('button', ['waves-button']);
                    Waves.init();
                    $("body").find(".ui-flipswitch-on").removeClass("waves-effect");
                    Waves.attach('.ui-flipswitch', ['waves-button', 'waves-light']);
                }
            };

            _self.iniSmoothTransition = function() {
                    $("body").addClass("nd2-ready");
                    $(document).on("pagechange",function(){
                        $("body").removeClass("nd2-ready");
                    })
                    .bind("pagecontainershow ", function(e) {
                       $('body').css('opacity','1');
                    });
                    $(window).on('navigate',function(event,state) {
                        $('body').css('opacity','1');
                    });
            };

            _self.getUrlParts = function(url) {
                var a = document.createElement('a');
                a.href = url;

                return {
                    href: a.href,
                    host: a.host,
                    hostname: a.hostname,
                    port: a.port,
                    pathname: a.pathname,
                    protocol: a.protocol,
                    hash: a.hash,
                    search: a.search
                };
            };

            _self.iniGoogleAnalytics = function() {

                var _ga = {
                    send: function(url) {
                        if (url) {
                            ga('send', 'pageview', url);
                        } else {
                            ga('send', 'pageview');
                        }
                    }
                };

                if (_self.options.stats.analyticsUA) {
                    (function(i, s, o, g, r, a, m) {
                        i['GoogleAnalyticsObject'] = r;
                        i[r] = i[r] || function() {
                            (i[r].q = i[r].q || []).push(arguments)
                        }, i[r].l = 1 * new Date();
                        a = s.createElement(o),
                            m = s.getElementsByTagName(o)[0];
                        a.async = 1;
                        a.src = g;
                        m.parentNode.insertBefore(a, m)
                    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

                    ga('create', _self.options.stats.analyticsUA, 'auto');
                    _ga.send(null);

                    // Trigger Page Change

                    $("body").on("pagechange", function(evt, data) {
                        _ga.send(_self.getUrlParts(data.options.absUrl).pathname);
                    });

                }

            };

            _self.build();

        };

    })($);

    exports.chartThemeGenerator = function(color) {

        var _self = this;

        _self.colorIndex = ['red', 'pink', 'purple', 'deep-purple', 'indigo', 'blue', 'light-blue', 'cyan', 'teal', 'green', 'light-green', 'lime', 'yellow', 'amber', 'orange', 'deep-orange', 'brown', 'grey', 'blue-grey'];
        _self.colorHex = {
                red: '#F44336',
                pink: '#E91E63',
                purple: '#9C27B0',
                deep_purple: '#673AB7',
                indigo: '#3F51B5',
                blue: '#2196F3',
                light_blue: '#03A9F4',
                cyan: '#00BCD4',
                teal: '#009688',
                green: '#4CAF50',
                light_green: '#8BC34A',
                lime: '#CDDC39',
                yellow: '#FFEB3B',
                amber: '#FFC107',
                orange: '#FF9800',
                deep_orange: '#FF5722',
                brown: '#795548',
                grey: '#9E9E9E',
                blue_grey: '#607D8B'
            },

            _self.indexByColor = _self.colorIndex.indexOf(color);

        _self.alpha = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r'];

        if (_self.indexByColor > -1) {
            var colorArray = [];
            var colorArrayAfter = [];
            var cLoop = 0;
            _self.colorIndex.forEach(function(ci) {
                if (cLoop < _self.indexByColor) {
                    colorArrayAfter.push(ci);
                } else {
                    colorArray.push(ci);
                }
                cLoop++;
            });

            colorArray = colorArray.concat(colorArrayAfter);

            var css = [];

            for (var i = 0; i < _self.alpha.length; i++) {
                var alpha = _self.alpha[i];
                var colorName = colorArray[i];
                var colorNice = colorName.replace('-', '_');
                var hex = _self.colorHex[colorNice];
                // General
                // css.push(".nd2-chart .ct-series-"+alpha+" .ct-bar, .nd2-chart .ct-series-"+alpha+" .ct-line, .nd2-chart .ct-series-"+alpha+" .ct-point, .nd2-chart .ct-series-"+alpha+" .ct-slice-donut {	stroke: "+hex+"; } .nd2-chart .ct-series-"+alpha+" .ct-area, .nd2-chart .ct-series-"+alpha+" .ct-slice-pie { fill: "+hex+"; } ");

                // Color Themes
                css.push(".nd2-chart.clr-theme-" + color + " .ct-series-" + alpha + " .ct-bar, .nd2-chart.clr-theme-" + color + " .ct-series-" + alpha + " .ct-line, .nd2-chart.clr-theme-" + color + " .ct-series-" + alpha + " .ct-point, .nd2-chart.clr-theme-" + color + " .ct-series-" + alpha + " .ct-slice-donut {	stroke: " + hex + "; } .nd2-chart.clr-theme-" + color + " .ct-series-" + alpha + " .ct-area, .nd2-chart.clr-theme-" + color + " .ct-series-" + alpha + " .ct-slice-pie { fill: " + hex + "; } ");
            }

            console.log("/* Chart-Color-Theme: " + color + " */\n" + css.join(" ") + "\n\n");

        }

    };

}));