$(document).ready(function(){

    //slide right
    $("#msg_container").bind("mouseenter",
        function(){
        $(this).animate({
            left: "0px"        
        }, 50)
    })
    
    //slide left
    $("#msg_container").bind("mouseleave",
        function(){
        $(this).animate({
            left: "-685px"        
        }, 50)
    })

    //submit note
    $("#msg").keyup(function(e){
        //if enter submit
        if (e.which == 13){
            string = $("#msg").attr("value")
            var re = new RegExp(/^@(\d+) (.+)/)
            status = re.exec(string)
            if (status == null){
                $("span#status_note").text("status: "+ "syntax error")
                $("span#status_note").fadeIn(1000)
                $("span#status_note").fadeOut(1000)            
                return
            }
            else{
                $.ajax({
                    type: "POST",
                    url: "/sendnote",
                    data: {"receivercode": status[1], "message": status[2]},
                    dataType: "text",
                    beforeSend: function() {
                        $("span#status_note").text("status: " + "sending...") 
                        $("span#status_note").fadeIn(1000)
                    },
                    complete: function(XMLHttpRequest, textStatus){
                        $("span#status_note").text("status: " + textStatus)
                        $("span#status_note").fadeIn(1000)
                        $("span#status_note").fadeOut(1000)
                        if (textStatus == "success"){
                            $("#msg").attr("value", "")
                        }
                    }
                })
            }
        }
    })
})