(function($){

  $.fn.minibar = function(options) {

​

    var defaults = {

      },

      settings = $.extend({}, defaults, options);

​

      this.each(function() {

        var $this = $(this);

​

      var mouseX = 0,

              mouseY = 0,

                selectionLength,

                activeElement;

            $this.mousemove(function(e) {

                // track mouse position

                mouseX = e.pageX;

                mouseY = e.pageY;

            });

            $(document).mousedown(function() {

                $("#menu").fadeOut();

            });

            if($.browser.msie) {

                $this.mouseup(function() {

                    // get the mouse position an show the menu

                    if(document.selection && document.selection.createRange().text.length) { // ie6 hack to check if anything is selected

                        $("#menu").css("top", mouseY - 30).css("left", mouseX + 10).stop(true, true).fadeIn();

                        selectionLength = document.selection.createRange().text.length;

                    }

                });

            } else {

                $this.select(function() {

                    console.log(document.activeElement);

                    $("#menu").css("top", mouseY - 30).css("left", mouseX + 10).fadeIn("1000");

                    $('textarea').removeClass('active');

                    $(document.activeElement).addClass('active');

                });

            }

​

            $("#bold").click(function() {

                wrapText("<b>", "</b>");

                $("#menu").fadeOut();

                emptySelection();

            });

​

            $("#italic").click(function() {

                wrapText("<i>", "</i>");

                $("#menu").fadeOut();

                emptySelection();

            });

            $("#underline").click(function() {

                wrapText("<u>", "</u>");

                $("#menu").fadeOut();

                emptySelection();

            });

            $("#link").click(function() {

                var url = prompt("Enter URL", "http://");

                if (url != null)

                    wrapText("<a href='" + url + "'>", "</a>");

                $("#menu").fadeOut();

                emptySelection();

            });

            var emptySelection = function() {

              if (document.selection) {

                document.selection.empty();

              } else if (window.getSelection) {

                    window.getSelection().removeAllRanges();

                }

            }

            var wrapText = function(startText, endText){

              //alert($this.caret().text.length);

              //if(!$this.caret().text.length) {

                //return;

              //}

                // Get the text before the selection

                $this = $('textarea.active');

                var before = $this.val().substring(0, $this.caret().start);

                // Get the text after the selection

                var after = $this.val().substring($this.caret().end, $this.val().length);

                // merge text before the selection, a selection wrapped with inserted text and a text after the selection

                $this.val(before + startText + $this.caret().text + endText + after);

                //alert($this[0].innerHTML);

                // Update the preview

                $("#preview").html($this.val());

            }

      });

      // returns the jQuery object to allow for chainability.

      return this;

  }

})(jQuery);

​

​

​

​

        $(document).ready(function() {

          $('textarea').minibar();

        });