var ngToggle = angular.module('ngToggle', []);
ngToggle
    .directive('ngToggle', function($timeout) {
        return {
            restrict: 'E',
            replace: true,
            scope: {
                config: '=?',
                ngToggleChange: '&?',
                ngToggleClick: '&?',
                val: '=ngModel',
                ngDefault: '=?',
                ngTrueVal: '=?',
                ngFalseVal: '=?',
                ngNullVal: '=?',
                ngWidth: '=?',
                ngHeight: '=?',
                ngTrueTip: '=?',
                ngFalseTip: '=?',
                ngNullTip: '=?',
            },
            template: '<div class="ng-toggle-wrap" ng-style="styleWrap" ng-class="{\'vertical\': vertical}"><div class="ng-toggle-switch" ng-style="styleSwitch" ng-class="{\'true\': val==ngTrueVal, \'false\': val==ngFalseVal}" ng-click="toggle()"><div class="ng-toggle-false"></div><div class="ng-toggle-true"></div><div class="ng-toggle-handle" ng-style="styleHandle"></div></div><div class="ng-toggle-tooltip" ng-show="tooltip"><span ng-class="{\'active\': showTooltip1}"><span ng-show="tooltip1"></span>{{tooltip1}}&nbsp;&bull;</span><br ng-show="triToggle"><span ng-class="{\'active\': showTooltip2}" ng-show="triToggle"><span ng-show="tooltip2"></span>{{tooltip2}}&nbsp;&bull;</span><br><span ng-class="{\'active\': showTooltip3}"><span ng-show="tooltip3"></span>{{tooltip3}}&nbsp;&bull;</span></div></div>',
            link: function(scope, element, attrs) {

                /* Catch Config, allow attr overrides */

                if (angular.isDefined(scope.config)) {

                    /* Tri-toggle Setting */

                    if (angular.isDefined(scope.config.triToggle) && !angular.isDefined(attrs.triToggle)) {
                        if (scope.config.triToggle) {
                            attrs.triToggle = scope.config.triToggle;
                        }
                    }

                    /* ngToggleChange Function */
                    if (angular.isDefined(scope.config.change) && !angular.isDefined(attrs.ngToggleChange)) {
                        scope.ngToggleChange = scope.config.change;
                    }

                    /* ngToggleClick Function */

                    if (angular.isDefined(scope.config.click) && !angular.isDefined(attrs.ngToggleClick)) {
                        scope.ngToggleClick = scope.config.click;
                    }

                    /* Model Binding */

                    if (angular.isDefined(scope.config.val) && !angular.isDefined(attrs.val)) {
                        scope.val = scope.config.val;
                    }

                    /* Default Value */

                    if (angular.isDefined(scope.config.default) && !angular.isDefined(attrs.ngDefault)) {
                        scope.ngDefault = scope.config.default;
                    }

                    /* Values */

                    if (angular.isDefined(scope.config.trueVal) && !angular.isDefined(attrs.ngTrueVal)) {
                        scope.ngTrueVal = scope.config.trueVal;
                    }
                    if (angular.isDefined(scope.config.falseVal) && !angular.isDefined(attrs.ngFalseVal)) {
                        scope.ngFalseVal = scope.config.falseVal;
                    }
                    if (angular.isDefined(scope.config.nullVal) && !angular.isDefined(attrs.ngNullVal)) {
                        scope.ngNullVal = scope.config.nullVal;
                    }

                    /* Width & Height */

                    if (angular.isDefined(scope.config.width) && !angular.isDefined(attrs.ngWidth)) {
                        scope.ngWidth = scope.config.width;
                    }
                    if (angular.isDefined(scope.config.height) && !angular.isDefined(attrs.ngHeight)) {
                        scope.ngHeight = scope.config.height;
                    }

                    /* Custom Colors */

                    if (angular.isDefined(scope.config.falseColor) && !angular.isDefined(attrs.ngFalseColor)) {
                        attrs.ngFalseColor = scope.config.falseColor;
                    }
                    if (angular.isDefined(scope.config.nullColor) && !angular.isDefined(attrs.ngNullColor)) {
                        attrs.ngNullColor = scope.config.nullColor;
                    }
                    if (angular.isDefined(scope.config.trueColor) && !angular.isDefined(attrs.ngTrueColor)) {
                        attrs.ngTrueColor = scope.config.trueColor;
                    }

                    /* Vertical Setting */

                    if (angular.isDefined(scope.config.vertical) && !angular.isDefined(attrs.vertical)) {
                        attrs.vertical = scope.config.vertical;
                    }

                    /* ToolTips */

                    if (angular.isDefined(scope.config.trueTip) && !angular.isDefined(attrs.ngTrueTip)) {
                        scope.ngTrueTip = scope.config.trueTip;
                    }
                    if (angular.isDefined(scope.config.falseTip) && !angular.isDefined(attrs.ngFalseTip)) {
                        scope.ngFalseTip = scope.config.falseTip;
                    }
                    if (angular.isDefined(scope.config.nullTip) && !angular.isDefined(attrs.ngNullTip)) {
                        scope.ngNullTip = scope.config.nullTip;
                    }
                    if (!angular.isDefined(scope.ngTrueTip) && !angular.isDefined(attrs.ngFalseTip) && !angular.isDefined(attrs.ngNullTip)) {
                        scope.tooltip = false;
                    } else {
                        scope.tooltip = true;
                    }
                }

                /* Default Styling */

                scope.triToggle = false;
                scope.vertical = false;
                scope.styleWrap = {};
                scope.styleSwitch = {};
                scope.styleHandle = {};

                /* Is TriToggle? */

                if (angular.isDefined(attrs.triToggle)) {
                    scope.triToggle = true;
                }

                /* Custom Container Size */

                if (angular.isDefined(scope.ngWidth)) {
                    scope.styleWrap.width = scope.ngWidth + 6 + 'px';
                }
                if (angular.isDefined(scope.ngHeight)) {
                    scope.styleWrap.height = scope.ngHeight + 6 + 'px';
                }

                /* Custom Switch and Handle Size */

                if (angular.isDefined(attrs.vertical) && attrs.vertical) {

                    scope.vertical = true;

                    scope.tooltip1 = scope.ngTrueTip;
                    scope.tooltip2 = scope.ngNullTip;
                    scope.tooltip3 = scope.ngFalseTip;

                    if (angular.isDefined(scope.ngWidth)) {
                        scope.styleSwitch.height = scope.ngWidth + 'px';
                        scope.styleHandle.height = scope.ngWidth - 6 + 'px';
                    }
                    if (angular.isDefined(scope.ngHeight)) {
                        scope.styleSwitch.width = scope.ngHeight + 'px';
                        scope.styleHandle.width = scope.ngHeight * 0.428 + 'px';
                    }
                } else {

                    scope.tooltip1 = scope.ngFalseTip;
                    scope.tooltip2 = scope.ngNullTip;
                    scope.tooltip3 = scope.ngTrueTip;

                    if (angular.isDefined(scope.ngWidth)) {
                        scope.styleSwitch.width = scope.ngWidth + 'px';
                        scope.styleHandle.width = scope.ngWidth * 0.428 + 'px';
                    }
                    if (angular.isDefined(scope.ngHeight)) {
                        scope.styleSwitch.height = scope.ngHeight + 'px';
                        scope.styleHandle.height = scope.ngHeight - 6 + 'px';
                    }
                }

                /* Custom Border Radii */

                if (angular.isDefined(scope.ngWidth) && angular.isDefined(scope.ngHeight)) {
                    if (scope.ngWidth <= scope.ngHeight) {
                        scope.styleSwitch['border-radius'] = (scope.ngHeight + 6) / 2 + 'px';
                        scope.styleHandle['border-radius'] = scope.ngHeight / 2 + 'px';
                    } else {
                        scope.styleSwitch['border-radius'] = (scope.ngWidth + 6) / 2 + 'px';
                        scope.styleHandle['border-radius'] = scope.ngWidth / 2 + 'px';
                    }
                } else if (angular.isDefined(scope.ngWidth)) {
                    if (scope.ngWidth <= 30) {
                        scope.styleSwitch['border-radius'] = 18 + 'px';
                        scope.styleHandle['border-radius'] = 15 + 'px';
                    } else {
                        scope.styleSwitch['border-radius'] = (scope.ngWidth + 6) / 2 + 'px';
                        scope.styleHandle['border-radius'] = scope.ngWidth / 2 + 'px';
                    }
                } else if (angular.isDefined(scope.ngHeight)) {
                    if (scope.ngHeight >= 56) {
                        scope.styleSwitch['border-radius'] = 31 + 'px';
                        scope.styleHandle['border-radius'] = 28 + 'px';
                    } else {
                        scope.styleSwitch['border-radius'] = (scope.ngHeight + 6) / 2 + 'px';
                        scope.styleHandle['border-radius'] = scope.ngHeight / 2 + 'px';
                    }
                }

                /* Custom CSS Color Overrides */

                function updateCustomColor() {
                    switch (scope.val) {
                        case scope.ngTrueVal:
                            if (angular.isDefined(attrs.ngTrueColor)) {
                                scope.styleSwitch['background-color'] = attrs.ngTrueColor;
                            }
                            break;
                        case scope.ngFalseVal:
                            if (angular.isDefined(attrs.ngFalseColor)) {
                                scope.styleSwitch['background-color'] = attrs.ngFalseColor;
                            }
                            break;
                        default:
                            if (scope.triToggle) {
                                if (angular.isDefined(attrs.ngNullColor)) {
                                    scope.styleSwitch['background-color'] = attrs.ngNullColor;
                                }
                            }
                            break;
                    }
                }

                /* Custom Position Maintenance */

                function equals(val, valtwo) {
                    if (typeof val == 'object' && typeof valtwo == 'object') {
                        if (JSON.stringify(val) === JSON.stringify(valtwo)) {
                            return true;
                        }
                        return false;
                    }
                    return val === valtwo;
                }

                function updatePosition() {
                    if (equals(scope.val, scope.ngFalseVal)) {
                        if (angular.isDefined(scope.ngWidth)) {
                            scope.styleHandle.left = 3 + 'px';
                        }
                    } else if (equals(scope.val, scope.ngNullVal)) {
                        if (scope.triToggle) {
                            if (angular.isDefined(attrs.vertical) && attrs.vertical) {
                                if (angular.isDefined(scope.ngHeight)) {
                                    scope.styleHandle.left = scope.ngHeight * 0.22 + 3 + 'px';
                                }
                            } else if (angular.isDefined(scope.ngWidth)) {
                                scope.styleHandle.left = scope.ngWidth * 0.22 + 3 + 'px';
                            }
                        }
                    } else {
                        if (angular.isDefined(attrs.vertical) && attrs.vertical) {
                            if (angular.isDefined(scope.ngHeight)) {
                                scope.styleHandle.left = (scope.ngHeight) * 0.517 + 'px';
                            }
                        } else if (angular.isDefined(scope.ngWidth)) {
                            scope.styleHandle.left = (scope.ngWidth) * 0.517 + 'px';
                        }
                    }
                }

                /* Custom Tooltip */

                function updateTooltip() {
                    scope.showTooltip1 = false;
                    scope.showTooltip2 = false;
                    scope.showTooltip3 = false;
                    if (scope.val === scope.ngTrueVal) {
                        if (scope.vertical) {
                            scope.showTooltip1 = true;
                        } else {
                            scope.showTooltip3 = true;
                        }
                    } else if (scope.val === scope.ngFalseVal) {
                        if (scope.vertical) {
                            scope.showTooltip3 = true;
                        } else {
                            scope.showTooltip1 = true;
                        }
                    } else {
                        if (scope.triToggle) {
                            scope.showTooltip2 = true;
                        }
                    }
                }

                /* Logic */

                scope.toggle = function() {
                    if (scope.val === scope.ngTrueVal) {
                        scope.val = scope.ngFalseVal;
                    } else if (scope.val === scope.ngFalseVal && scope.triToggle) {
                        scope.val = scope.ngNullVal;
                    } else {
                        scope.val = scope.ngTrueVal;
                    }
                    if (typeof scope.ngToggleClick != 'undefined') {
                        $timeout(function() {
                            scope.ngToggleClick(scope.val);
                        });
                    }
                };

                scope.$watch('val', function() {
                    updateCustomColor();
                    updatePosition();
                    updateTooltip();
                    if (typeof scope.ngToggleChange != 'undefined') {
                        $timeout(function() {
                            scope.ngToggleChange(scope.val);
                        });
                    }
                });

                /* Value Configuration */

                if (!angular.isDefined(scope.ngTrueVal)) {
                    scope.ngTrueVal = 1;
                }
                if (!angular.isDefined(scope.ngFalseVal)) {
                    scope.ngFalseVal = 0;
                }
                if (!angular.isDefined(scope.ngNullVal)) {
                    scope.ngNullVal = null;
                }
                if (!angular.isDefined(scope.val)) {
                    if (angular.isDefined(scope.ngDefault)) {
                        scope.val = scope.ngDefault;
                    } else {
                        scope.val = scope.ngNullVal;
                    }
                }
            },
        };
    });