.directive('searchdirective', function( $window, $document ) {
            return function(scope, element, attrs) {
            // beast

            var doc = document;
            var toggleSlideLeft = element.find( ".toggle-slide-left" );
            var body = doc.body;
            var mask = document.createElement("div");
            var slideMenuLeft = element.find( ".slide-menu-left" );
            var activeNav;
            mask.className = "mask-uc";

            toggleSlideLeft.click(function(){
                $(body).addClass("sml-open");
                $(body).append(mask);
                activeNav = "sml-open";
            })

            mask.addEventListener( "click", function(){
                $(body).removeClass( activeNav );
                activeNav = "";
                body.removeChild(mask);
            });

            /* hide active menu if close menu button is clicked */
            $(".close-menu").click(function(){

                    $(body).removeClass( activeNav );
                    activeNav = "";
                    body.removeChild(mask);

            });


        };
});