define([
	"helper/APICalls",
	"helper/HostApp"
],

function(APICalls, HostApp) {

	function NewPost() {

		this.profiles = JSON.parse(controller.getCachedProfiles());
		for (var key in this.profiles) {
			var item = this.profiles[key];
			if(!item.entity) item.entity = key;
			if(!item.name) item.name = key;
		}

		this.mentions = [];
		document.body.className = "new_post";

		// Textarea

		this.container = $("<table id='new_post_container'><tr class='text'><td><div></div><textarea></textarea></td></tr><tr><td id='status_bar'></td></tr></table>");
		this.textarea = this.container.find("textarea");
		this.highlighter = this.container.find("div");

		$(document.body).append(this.container);

		this.textarea.keyup(this.keyup.bind(this));
		this.textarea.keydown(this.keydown.bind(this));

		this.suggestions = $("<ul id='suggestions'></ul>");

		$(document.body).append(this.suggestions);

		// Status bar
		this.counter = $("<span>256</span>");
		var buttons = $(
			"<p>" +	
			//"<button id='images'><img src='images/images.png'></button>" +
			"<button id='private'><img src='img/public.png'></button>" +
			"<button id='send'><img src='img/send.png'></button>" +
			"</p>");
		
		this.buttons = {
			images: buttons.find("#images"),
			is_private: buttons.find("#private"),
			send: buttons.find("#send")
		}

		//this.buttons.images.bind("click", this.addImage.bind(this));
		this.buttons.is_private.bind("click", this.toggleIsPrivate.bind(this));
		this.buttons.send.bind("click", this.send.bind(this));

		this.container.find("#status_bar").append(this.counter);
		this.container.find("#status_bar").append(buttons);

		this.textarea.focus();
		this.setIsPrivate(false);
	}

	NewPost.prototype.setStatus = function(status_string) {
		if (status_string && status_string.length > 0) {
			this.status = JSON.parse(status_string);
			this.setIsPrivate(this.status.permissions && !this.status.permissions.public);
			this.setMentions(this.status);
		} else {
			this.status = null;
		}

		// FIXME set string, private, mentions, etc.
	};

	NewPost.prototype.setString = function(string) {
		this.textarea.val(string);
	}

	NewPost.prototype.setMentions = function(status) {

		var mentions = [this.profiles[status.entity]];
		var text = this.profiles[status.entity].name + " ";
		var start = text.length;

		if(status.mentions && status.mentions.length > 0) {

			var mentions_text = ""
			for (var i = 0; i < status.mentions.length; i++) {

				var entity = status.mentions[i].entity;

				// Sometimes there are mentions without entity, don't know why
				if(entity) {
					// fix broken profiles
					var profile = this.profiles[entity];
					if(!profile) {
						profile = {};
						this.profiles[entity] = profile;
					}
					if(!profile.entity) profile.entity = entity;
					if(!profile.name) profile.name = entity;

					// add profile to mentions and textarea
					mentions.push(profile);
					mentions_text += profile.name;

					// add space after mention
					if(i < status.mentions.length) {
						mentions_text += " ";
					}
				}
			}
			if (mentions_text.length > 0) {
				text += "\n\n/cc " + mentions_text;
			};

		}

		this.mentions = mentions;
		this.textarea.val(text);
		this.parseText(text);

		// Select other mentions so user can start writing and removing them
		var end = text.length;
		this.textarea.get(0).setSelectionRange(start, end);
	}

	NewPost.prototype.setIsPrivate = function(is_private) {
		this.is_private = is_private;
		if (this.is_private) {
			this.buttons.is_private.find("img").attr("src", "img/private.png");
		} else {
			this.buttons.is_private.find("img").attr("src", "img/public.png");
		}
	}

	NewPost.prototype.toggleIsPrivate = function() {
		this.setIsPrivate(!this.is_private);
	}

	NewPost.prototype.keyup = function(e) {
		if(!e) return;

		var key = e.which;
		if(key != 38 && key != 40 && key != 13) {

			this.applyText($(this.textarea).val());

		} else {

			var lis = this.suggestions.find("li");

			if (lis.length > 0) {
				e.preventDefault();
				var active = this.suggestions.find(".active");
				if(key == 38) { // up
					var prev = active.prev();
					if(active.lentgh == 0) {
						lis.last().addClass("active");
					} else if(prev) {
						active.removeClass("active");
						prev.addClass("active");
					}
				} else if(key == 40) { // down 
					var next = active.next();
					if(active.length == 0) {
						lis.first().addClass("active");
					} else if(next) {
						active.removeClass("active");
						next.addClass("active");
					}
				} else if(key == 13) { // enter
					if(active.length > 0) {
						this.replaceWithName(this.textarea.val(), this.suggestions.find("li.active").get(0).item);
					}
				}
			}
		}
	}

	NewPost.prototype.keydown = function(e) {
		var key = e.which;
		var lis = this.suggestions.find("li");
		if(lis.length > 0 && (key == 38 || key == 40 || key == 13)) {
			e.preventDefault();
		}
	}

	NewPost.prototype.replaceAll = function(txt, replace, with_this) {
		return txt.replace(new RegExp(replace, 'g'),with_this);
	}

	NewPost.prototype.replaceWithName = function(txt, with_item) {
		var words = txt.match(/(^|\s)\^([^\s]+)/);
		var replace = words[2];

		var original = txt.replace("^" + replace, with_item.name);
		this.textarea.val(original);

		this.mentions.push(with_item);

		this.applyText(original);
	}

	NewPost.prototype.applyText = function (text) {
		var words = text.match(/(^|\s)\^([^\s]+)/);
		this.suggestions.html("");

		if(words) {
			var name = words[2];
			for (var key in this.profiles) {
				var item = this.profiles[key];
				if((item.name.toLowerCase().indexOf(name.toLowerCase()) != -1) || item.entity.toLowerCase().indexOf(name.toLowerCase()) != -1) {
					var li = $("<li><strong>" + item.name + "</strong> <em>" + item.entity + "</em></li>")
					li.get(0).item = item;
					this.suggestions.append(li);
				}
			}
		}

		this.parseText(text);
	}

	NewPost.prototype.parseText = function(text) {
		// parse the text:
		// replace all the line braks by <br/>, and all the double spaces by the html version &nbsp;
		text = this.replaceAll(text,'\n','<br/>');
		text = this.replaceAll(text,'  ','&nbsp;&nbsp;');

		// replace the words by a highlighted version of the words

		var remove = [];
		
		for (var i=0;i<this.mentions.length; i++) {
			var name = this.mentions[i].name;
			if(text.match(new RegExp(name))) {
				text = this.replaceAll(text, name, '<span>' + name + '</span>');    
			} else {
				remove.push(this.mentions[i]);
			}
		}

		for (var i = 0; i < remove.length; i++) {
			this.mentions.splice(this.mentions.indexOf(remove[i]), 1);
		}

		// re-inject the processed text into the div
		this.highlighter.html(text);

		var count = 256 - this.textarea.val().length + (this.mentions.length * 6);
		this.counter.html(count);
	}

	NewPost.prototype.send = function() {

		var count = 256 - this.textarea.val().length + (this.mentions.length * 6);
		if(count >= 0 && count <= 256) {
			this.sendNewMessage();
			return true;
		} else {
			debug("BEEP");
			return false;
		}
	}

	NewPost.prototype.sendNewMessage = function() {

		var content = this.textarea.val();

        var type = "https://tent.io/types/status/v0#";
        var data = {
            type: type,
            content: {
                text: content
            },
            permissions: {
            	public: !this.is_private
            }
        };

        var mentions = [];
        if (this.status) {
        	mentions.push({
        		entity: this.status.entity,
        		post: this.status.id,
        		type: this.status.type
        	});
        }

        for (var i = 0; i < this.mentions.length; i++) {
        	var mention = this.mentions[i];
        	mentions.push({
        		entity: mention.entity
        	});
        }

        data.mentions = mentions;

        // Make tent flavored markdown mentions
        for (var i = 0; i < this.mentions.length; i++) {
        	var mention = this.mentions[i];
        	data.content.text = this.replaceAll(data.content.text, mention.name, "^[" + mention.name + "](" + i + ")")
        }

        APICalls.post(HostApp.serverUrl("new_post"), JSON.stringify(data), {
            content_type: data.type,
            accept: 'application/vnd.tent.post.v0+json; type="https://tent.io/types/status/v0#"',
            callback: function(resp) {
				if (resp.status >= 200 < 300) {
					new_post_window.closeWindow();
					controller.getNewData();
				} else {
					new_post_window.beep();
				}
            }
        });
    }
/*
    NewPost.prototype.sendNewMessageWithImage = function(content, in_reply_to_status_id, in_reply_to_entity, location, image_data_uri, is_private, callback) {

        var url = URI(APICalls.mkApiRootPath("/posts"));

        var data = {
            "type": "https://tent.io/types/post/photo/v0.1.0",
            "published_at": parseInt(new Date().getTime() / 1000, 10),
            "permissions": {
                "public": !is_private
            },
            "content": {
                "caption": content,
            },
        };

        if (location) {
            data["content"]["location"] = { "type": "Point", "coordinates": location }
        }

        var mentions = this.parseMentions(content, in_reply_to_status_id, in_reply_to_entity);
        if (mentions.length > 0) {
            data["mentions"] = mentions;
            if (is_private) {
                var entities = {};
                for (var i = 0; i < mentions.length; i++) {
                    var entity = mentions[i]["entity"]
                    entities[entity] = true;
                };

                data["permissions"]["entities"] = entities;
            }
        }

        var data_string = JSON.stringify(data);

        var boundary = "TentAttachment----------TentAttachment";
        var post = "--" + boundary + "\r\n";

        post += 'Content-Disposition: form-data; name="post"; filename="post.json"\r\n';
        post += 'Content-Length: ' + data_string.length + '\r\n';
        post += 'Content-Type: application/vnd.tent.v0+json\r\n';
        post += 'Content-Transfer-Encoding: binary\r\n\r\n';
        post += data_string;

        post += "\r\n--" + boundary + "\r\n";

        var blob_string = image_data_uri.split(',')[1];
        var mime_type = image_data_uri.split(',')[0].split(':')[1].split(';')[0];
        var ext = "png";
        if (mime_type == "image/jpeg") {
            ext = "jpeg";
        } else if (mime_type == "image/gif") {
            ext = "gif";
        }


        post += 'Content-Disposition: form-data; name="photos[0]"; filename="photo.' + ext + '"\r\n';
        post += 'Content-Length: ' + blob_string.length + "\r\n";
        post += 'Content-Type: ' + mime_type + "\r\n";
        post += 'Content-Transfer-Encoding: base64\r\n\r\n';
        post += blob_string;
        post += "\r\n--" + boundary + "--\r\n";

        var newCallback = function(resp) {
            if (resp.status == 403) {
                var err = JSON.parse(resp.responseText);
                HostApp.alertTitleWithMessage(resp.statusText, err.error);
            }
            callback(resp);
        }

        APICalls.postMultipart(url.toString(), newCallback, post, boundary);
    }
*/

	return NewPost;
})