$(document).ready(function(){
        var color = "#FFFFFF";
        $("#colorbutton").click(function(){
            $("#colorchart").css("display", "block");
        });
        $("#colorchart > table > tbody > tr > td").click(function(){
            color = $(this).css("background-color");
            console.log(color);
        });
        $("#boldbutton").click(function(){
            $("#derp").html($("#input")[0].selectionStart + ' - ' + $("#input")[0].selectionEnd);
        });
        $("#italicbutton").click(function(){
            var tag1 = "[i]";
            var tag2 = "[/i]";
            string = $("#input").val();
            start = $("#input")[0].selectionStart;
            end = $("#input")[0].selectionEnd;
            console.log("string: \"" + string + "\"; start: " + start + "; end: " + end);
            $("#input").val(string.slice(0, start) + tag1 + string.slice(start, end) + tag2 + string.slice(end));
        });
    });