/**
 * Created by wisestone on 2018-09-17.
 */

'use strict';

define(['app'],
    function (app) {

        app.directive('owlMobileTopMenu', ["$log",
            function ($log) {
                return {
                    restrict: 'A',
                    link: function (scope, element, attr) {
                        $(document).ready(function () {
                            osInitSubMenus();
                        });

                        function subMenuForTabletPC() {
                            $('.menu-mobile .avatar-w').click(function () {
                                $('.menu-mobile .logged-user-info-ws').toggle();
                                return false;
                            });
                        }

                        function osInitSubMenus() {

                            var screenWidth = $(window).width();
                            var loggedUserInfoBox = $('.menu-mobile .logged-user-info-ws');
                            loggedUserInfoBox.hide();

                            $('.mobile-menu-trigger').click(function () {
                                $('.menu-mobile .menu-and-user').slideToggle(200, 'swing');
                                return false;
                            });

                            if (screenWidth > 750) {
                                subMenuForTabletPC();
                            }

                            $(window).resize(function () {

                                var resizeWidth = $(window).width();

                                //세로모드
                                if (loggedUserInfoBox.show()) {
                                    loggedUserInfoBox.hide();
                                }

                                if (resizeWidth > 750) {
                                    subMenuForTabletPC();

                                } else if (resizeWidth < 750) {
                                    $('.menu-mobile .avatar-w').off('click');
                                }
                            });


                            // INIT MENU TO ACTIVATE ON HOVER
                            var menu_timer;
                            $('.menu-activated-on-hover').on('mouseenter', 'ul.main-menu > li.has-sub-menu', function () {
                                var $elem = $(this);
                                clearTimeout(menu_timer);
                                $elem.closest('ul').addClass('has-active').find('> li').removeClass('active');
                                $elem.addClass('active');
                            });

                            $('.menu-activated-on-hover').on('mouseleave', 'ul.main-menu > li.has-sub-menu', function () {
                                var $elem = $(this);
                                menu_timer = setTimeout(function () {
                                    $elem.removeClass('active').closest('ul').removeClass('has-active');
                                }, 30);
                            });

                            // INIT MENU TO ACTIVATE ON CLICK
                            $('.menu-activated-on-click').on('click', 'li.has-sub-menu > a', function (event) {
                                $log.debug("실행");
                                var $elem = $(this).closest('li');
                                if ($elem.hasClass('active')) {
                                    $elem.removeClass('active');
                                } else {
                                    $elem.closest('ul').find('li.active').removeClass('active');
                                    $elem.addClass('active');
                                }
                                return false;
                            });
                        }
                    }
                };
            }])
    });