var _isEditing = false;
function setEditMode(isEditing) {
    _isEditing = isEditing;

    $(".fresheditable").fresheditor("edit", _isEditing);

    $("#saveButton, #discardButton, #editor-toolbar").toggle(_isEditing);
    $("#editButton").toggle(!_isEditing);
}

function addToolbar() {

    $("#editor-toolbar").append("<div id=\"toolbarPosition\"></div>"+
            "<div class=\"buttons\">"+
                "<ul class=\"toolbarSection\">"+
                    "<li><a href=\"#\" class=\"toolbar_bold\" title=\"Bold (Ctrl+B)\">B</a></li>"+
                    "<li><a href=\"#\" class=\"toolbar_italic\" title=\"Italicize (Ctrl+I)\" >I</a></li>"+
                    "<li><a href=\"#\" class=\"toolbar_underline\" title=\"Underline (Ctrl+U)\">U</a></li>"+
                    "<li><a href=\"#\" title=\"Remove Formating (Ctrl+M)\" class=\"toolbar_remove\">&minus;</a></li>"+
                "</ul>"+
                "<ul class=\"toolbarSection\">"+
                    "<li><a href=\"#\" title=\"Link to a web page (Ctrl+L)\" class=\"toolbar_link\">@</a></li>"+
                    "<li><a href=\"#\" title=\"Image (Ctrl+G)\" class=\"toolbar_image\">&nbsp;</a></li>"+
                    "<li><a href=\"#\" title=\"Blockquote (Ctrl+Q)\" class=\"toolbar_blockquote\">&nbsp;</a></li>"+
                    "<li><a href=\"#\" title=\"Code (Ctrl+Alt+K)\" class=\"toolbar_code\">{&nbsp;}</a></li>"+
                "</ul>"+
                "<ul class=\"toolbarSection\">"+
                    "<li><a href=\"#\" title=\"Unordered List (Ctrl+Alt+U)\" class=\"toolbar_ul\">&nbsp;</a></li>"+
                    "<li><a href=\"#\" title=\"Ordered List (Ctrl+Alt+O)\" class=\"toolbar_ol\">&nbsp;</a></li>"+
                    "<li><a href=\"#\" title=\"Superscript (Ctrl+. [period])\" class=\"toolbar_sup\">x<sup>2</sup></a></li>"+
                    "<li><a href=\"#\" title=\"Subscript (Ctrl+Shift+.)\" class=\"toolbar_sub\">x<sub>2</sub></a></li>"+
                "</ul>"+
                "<ul class=\"toolbarSection\">"+
                    "<li><a href=\"#\" title=\"Paragraph (Ctrl+Alt+0)\" class=\"toolbar_p\">P</a></li>"+
                    "<li><a href=\"#\" title=\"Heading 1 (Ctrl+Alt+1)\" class=\"toolbar_h1\">H<sub>1</sub></a></li>"+
                    "<li><a href=\"#\" title=\"Heading 2 (Ctrl+Alt+2)\" class=\"toolbar_h2\">H<sub>2</sub></a></li>"+
                    "<li><a href=\"#\" title=\"Heading 3 (Ctrl+Alt+3)\" class=\"toolbar_h3\">H<sub>3</sub></a></li>"+
                    "<li><a href=\"#\" title=\"Heading 4 (Ctrl+Alt+4)\" class=\"toolbar_h4\">H<sub>4</sub></a></li>"+
                    "<li><a href=\"#\" title=\"Heading 5 (Ctrl+Alt+5)\" class=\"toolbar_h5\">H<sub>5</sub></a></li>"+
                "</ul>"+
            "</div>");
    $(".fresheditable").fresheditor("bindtoolbar");
}

function removeToolbar() {
    $("#editor-toolbar").empty();
}

(function ($) {
    $(document).ready(function () {

        $("#editButton").click(function () {
                setEditMode(true);
                addToolbar();
        });

        $("#discardButton").click(function () {
                setEditMode(false);
                removeToolbar();
        });

        $("#saveButton").click(function () {
            $(".fresheditable").fresheditor("save2", function (obj) {
            //console.log(dojo.query('#content').innerHtml);

            var title = obj.title;
            var content = obj.content;
            //var title = $("#title").html();
            //var content = $("#content").get('value');

              var ooo = parseInt($.url(true).segment(2));
              //var ooo = parseInt($.url(true).attr('fragment'));
              $.ajax({
                  type: "POST",
                  url: "/edit/",
                  data: "nid="+ooo+"&title=" + encodeURIComponent(title) + "&text=" + encodeURIComponent(content),
                  success: function(msg){
                  $("#alert").remove();
                   $("#message").append("<div id='alert' class='alert-message success'><a class='close' href='#'>&times;</a>Successfully saved note.</div>");
                    $("#alert").click(function () {
                        $(this).remove();
                    });
                  },
                  error: function(msg){
                  $("#alert").remove();
                   $("#message").append("<div id='alert' class='alert-message error'><a class='close' href='#'>&times;</a>Error while saving note.</div>");
                    $("#alert").click(function () {
                        $(this).remove();
                    });
                  }
              });
            setEditMode(false);
            removeToolbar();
            });
        });

    });
})(jQuery);

