var SITE_URL = "https://chatplayshare.com";
if(!URL_ROOT){
	var URL_ROOT = "/";
}
var plugin = {
	name : "comments",
	
	comments : {},
	commentTimeout : null,
	commentsParsing : false,
	addingComment : false,
	replyingComment : false,
	newChild : false,
	newChildParent : false,
	options :{},
	createOverlay: function(container, button){
		button.html("<img src=\"/plugins/chat/scripts/candy/res/img/spinning.gif\" style=\"width: 20px;\">");
		container.append("<div class=\"details_overlay\">");
	},
	hideOverlay: function(container, button){
		button.html("<i class=\"fal fa-paper-plane\"></i>");
		container.find(".details_overlay").remove();		
	},

	integrate : function(plugins,options){
		var framework = this;

		var headID = document.getElementsByTagName("head")[0];         
		
		if(document.getElementById("comments_plugin_css") == null){
			var cssNode = document.createElement('link');
			cssNode.id = "comments_plugin_css";
			cssNode.type = 'text/css';
			cssNode.rel = 'stylesheet';
			cssNode.href = URLROOT + 'plugins/comments/css/comments.css';
			cssNode.media = 'screen';
			headID.appendChild(cssNode);
		}
		
		if(document.getElementById("comments_plugin_mobile_css") == null){
			var cssNode = document.createElement('link');
			cssNode.id = "comments_plugin_mobile_css";
			cssNode.type = 'text/css';
			cssNode.rel = 'stylesheet';
			cssNode.href = URLROOT + 'plugins/comments/css/mobile/comments.css';
			cssNode.media = 'screen';
			headID.appendChild(cssNode);
		}
		
		var plugin = this;
		
		this.options = options;
		
		$(document).ready(function(){
			var html = "\
				<div class=\"comments comments_" + options.type + "\">";
					if(options.title){
						html = html + "<h3>" + options.title + "</h3>";
					}					
					
					if($d.session && $d.session.isLoggedIn()){
						html += "<div id=\"commentBox\" class=\"clearfix\">\
								<div class=\"comment_box_container\">\
									<div class=\"" + options.answerClasses + "\" id=\"comment\" contenteditable=\"true\"></div>\
									<div class=\"comment_box_buttons\">";
										if(options.anonymous){
											html += "<input type=\"checkbox\" id=\"comment_anonymous\" title=\"Anonymous\" />";
										}
									html += "\
										<a href=\"javascript:;\" class=\"upload_button\"><i class=\"fal fa-cloud-upload\"></i></a>\
										<a href=\"javascript:;\" class=\"send_button\"><i class=\"fal fa-paper-plane\"></i></a>\
									</div>\
								</div>\
						</div>";
					}else{
						html += "<div id=\"commentBox\" class=\"clearfix\"><a href=\""+URLROOT+"login\" title=\"Login to comment\" rel=\"login_link\">Login to comment or vote</a></div>";
					}
	
					html +="<div class=\"comment_sort\">\
							<select id=\"comment_sort\">\
								<option value=\"0\" selected=\"selected\">Newest</option>\
								<option value=\"1\">Top rated</option>\
								<option value=\"2\">Oldest</option>\
							</select>\
						</div>\
						<div id=\"comments_list_container\"><ul id=\"comments_list\"></ul></div>\
					</div>\
			";
			var ele = $('#' + options.element)
			
			
			ele.append(html);
			
			if(typeof(uploader) != "undefined"){
				new uploader({
					field:ele.find(".comment_box_container"),
					button:ele.find(".upload_button").get(0),
					insertBefore:false, 
					containField:false,
					stacked: false,
					fitted: true,
					floatRight:false
				});
				
				ele.find(".comment_box_buttons").css({position:"absolute"});
				
			}
			
			var textarea = ele.find("#comment");
			var addComment = ele.find(".send_button");
			if(addComment.length > 0){
				addComment.click(function(){
					framework.createOverlay(ele.find(".comment_box_container"),addComment);
					plugin.addComment(textarea,null,function(comment){
						framework.hideOverlay(ele.find(".comment_box_container"),addComment);						
						if(typeof(comment.error) == "undefined"){
							textarea.html("");
						}
						
					});
				});
			}
			
			var checkScroll = function(field){
				console.log(field.clientHeight);
				if(field.clientHeight < field.scrollHeight || field.clientHeight >= 67){
					ele.addClass("comment_scroll");
				}else{
					ele.removeClass("comment_scroll");
				}
			};
			
			textarea.keyup(function(e){
				var Ucode = e.keyCode? e.keyCode : e.charCode;
				checkScroll(this);						
			});
			
			
			//setupCheckboxes();
			
			plugin.comments = options.comments;
			if(typeof(plugin.comments) != "object"){
				plugin.comments = {};
			}
			
			plugin.processComments(plugin.comments, options.entityID);
			if($("#comment_sort").length > 0){
				$("#comment_sort").change(function(){
					$d.helpers.showOverlay($("#comments_list_container"));
					$d.network.post(URLROOT+"comments/sort/" + options.type,{entity:options.entityID,sort:$("#comment_sort").val(),session_id:""},function(result){
						options.comments = result;
						plugin.processComments(result)						
					});
					
				});
				
			}
			
			if("" != ""){
				if(typeof(typeof window[""]) === "function"){
					;
				}
			}
			
			$d.initCheckboxes(ele);
			$d.initSelects(ele);
			
			
		});
		
		
	},
	
	processComment : function(comment,append,element,fadeIn){
		var plugin = this;
		var framework = this;
		if(comment != null){
			var image = "";
			
			if(comment.image.startsWith("http")){
				image = comment.image;
			}else{
				image = SITE_URL + comment.image;
			}
			
			var commentUserImage = "<img src=\""+image+"\"/>";
			var commentUsername = comment.username;
			if(comment.link && comment.link != "" && comment.deleted == false) {
				commentUserImage = "<a href=\""+SITE_URL + comment.link+"\"><img src=\""+image+"\"/></a>";
				commentUsername = "<a href=\""+SITE_URL + comment.link+"\">"+comment.username+"</a>";
			}
			
			
			var li = $(document.createElement("li"));
			li.addClass("comment_item clearfix");
			
			li.attr("data-id",comment.id);
			li.attr("point-count",comment.score);
			li.attr("data-parent",comment.parent);
			li.attr("data-level",comment.level);
			li.attr("data-type",comment.type);
			li.attr("data-children",0);
			li.attr("data-guildings",comment.guilds);
			
			li.addClass("level-"+comment.level);
			
			if(comment.parent > 0){
				var p = $("li[data-id="+comment.parent+"] > ul");
				if(p.length > 0){
					element = p;
				}
			}
			
			if(comment.level > 1){
				li.addClass("sub-comment");
				var parent = $(".comment_item[data-id='"+comment.parent+"']");
				parent.addClass("has-children");
				
				parent.data("children",parent.data("children") + 1);
				if(parent.length){
					var setText = function(parent,e){
						var text = "Show";
						if(e.hasClass("collapsed")){
							text = "Hide";
						}
						
						var coText = "comment";
						if(parent.data("children") > 1){
							coText += "s";
						}
						
						e.attr("title",text + " " + parent.data("children") + " " + coText);
						e.find(".comment_count").html(parent.data("children"));
					};
					
					var e = parent.find("> .comment_container .collapse_comments");
					if(e.length == 0){
						parent.find(".comment_left").prepend("<a href=\"javascript:;\" class=\"collapse_comments comment_button\"><i class=\"fas fa-comment-alt-lines\"></i><span class=\"comment_count\">1</span></a>");
						e = parent.find("> .comment_container .collapse_comments");
						
						console.log(e);
						
						e.click(function(){
							var ele = $(this);
							
							if(parent.hasClass("collapsed")){
								parent.removeClass("collapsed");								
							}else{
								parent.addClass("collapsed");
							}
							setText(parent,e);
						});
					}
					
					if(e.length > 0){
						setText(parent,e);
					}
					
				}
			}
			
			var container = $(document.createElement("div"));
			container.addClass("comment_container");
			
			
			container.html("\
					<div class=\"clearfix\">\
						<div class=\"comment_user_image\">"+commentUserImage+"</div>\
						<div class=\"comment_content_area\">\
							<div class=\"comment_top_header\"><span class=\"comment_username\">"+commentUsername+"</span>, <span class=\"comment_timestamp\">"+comment.datetime+"</span></div>\
							<div class=\"comment_content\"></div>\
						</div>\
					</div>\
					<div class=\"clearfix comment_bottom\">\
						<div class=\"comment_left\">\</div>\
						<div class=\"comment_right\">\
							<div class=\"comment_buttons\"></div>\
							<div class=\"comment_voting_buttons\">\</div>\
							<div class=\"comment_score\">"+comment.score+" points</div>\
						</div>\
					</div>\
					<div class=\"previews\"></div>\
			");
			
			li.append(container);
			li.append("<ul class=\"children\"></ul>");
			
			if(comment.loggedIn){
				
				if(comment.deleted == false){
					container.find(".comment_left").append("<a href=\"javascript:;\" class=\"comment_guild\" title=\"Guild this comment\"><i></i><span class=\"comment_guilds\"></span></a>");
					container.find(".comment_voting_buttons").append("<a href=\"javascript:;\" class=\"fas fa-chevron-circle-up upVote comment_upvote_"+comment.id+" "+comment.upclass+"\"></a>\
								<a href=\"javascript:;\" class=\"fas fa-chevron-circle-down downVote comment_downvote_"+comment.id+" "+comment.downclass+"\"></a>");
					var upvote = container.find(".upVote");
					if(upvote.length > 0){
						upvote.click(function(){
							plugin.upvote(comment.id);
						});
					}
					
					var downvote = container.find(".downVote");
					if(downvote.length > 0){
						downvote.click(function(){
							plugin.downvote(comment.id);
						});
					}
					
					var guildButton = container.find(".comment_guild");
					
					var updateGuildCount = function(){
						var con = guildButton.find(".comment_guilds");
						if(li.data("guildings") > 0){
							con.html(li.data("guildings"));
							li.addClass("guilded");
						}else{
							con.html("");
							li.removeClass("guilded");
						}
					};
					
					updateGuildCount();
					
					guildButton.click(function(){
						var doGuild = function(){};
						doGuild = function(c){
							$d.network.post(URLROOT+"credits/guild",{entity:comment.id,type:"comment",uid:comment.user,confirm:c},function(data){
								
								if(data == "confirm"){
									if(confirm("You've already guilded this comment are you sure you'd like to give it another one?")){
										doGuild(1);
									}
								}else{
									if(data != false){
										li.data("guildings",data);
									}else{
										alert("You don't have enough credits");
									}
									updateGuildCount();
								}
							});
						};
						doGuild(0);
					});
						
						var replyButton = $("<a href=\"javascript:;\" class=\"fal fa-reply comment_reply\" title=\"Reply to "+comment.username+"\"></a>");
						container.find(".comment_buttons").append(replyButton);
						
						replyButton.click(function(){
							var existing = $(".comment_reply_box[data-parent="+comment.id+"]");
							$(".comment_reply_box").remove();
							$(".replying").removeClass("replying");
							if(!existing.length){
								container.addClass("replying");
								var replyBox = $("<li class=\"comment_reply_box level-"+comment.level+"\" data-parent=\""+comment.id+"\" data-cparent=\""+comment.parent+"\">\
									<div class=\"comment_reply_content\">\
										<div contenteditable=\"true\" class=\"textarea\"></div>\
										<div class=\"comment_reply_buttons\">\
											<a href=\"javascript:;\" class=\"upload_button\"><i class=\"fal fa-cloud-upload\"></i></a>\
											<a href=\"javascript:;\" class=\"send_button\"><i class=\"fal fa-paper-plane\"></i></a>\
										</div>\
									</div>\
								</li>");
								if(typeof(uploader) != "undefined"){
									new uploader({
										field:$(replyBox).find(".comment_reply_content"),
										button:$(replyBox).find(".upload_button").get(0),
										insertBefore:false,
										containField:false,
										stacked: false,
										fitted: true,
										floatRight:false
									});
								}else{
									replyBox.find(".upload_button").hide();
								}
								
								var textarea = replyBox.find(".textarea");
								
								if(comment.level == 21){
									textarea.html("@"+comment.username + "&nbsp; ");
								}
								
								var checkScroll = function(field){
									if(field.clientHeight < field.scrollHeight || field.clientHeight >= 65){
										$(replyBox).addClass("comment_scroll");
									}else{
										$(replyBox).removeClass("comment_scroll");
									}
								};
								
								textarea.keyup(function(e){
									var Ucode = e.keyCode? e.keyCode : e.charCode;
									if(Ucode == 13) {
										if(e.shiftKey == false){
											e.preventDefault();
											$(this).parent().parent().parent().find(".send_button").click();
											return false;
										}else{
											checkScroll(this);
										}
									}else{
										checkScroll(this);
									}								
								});
								
								replyBox.find(".send_button").click(function(){
									var text = $(this).parent().parent().parent().find(".textarea");
									var par = $(this).parent().parent().parent();
									var button = $(this);
									
									framework.createOverlay(text.parent(),$(this));
									
									var p = par.data("parent");
									if(comment.level == 21){
										p = par.data("cparent");
									}
									plugin.addComment(text,p,function(comment){
										if(typeof(comment.error) == "undefined"){
											par.remove();
											container.removeClass("replying");
										}else{
											framework.hideOverlay(text.parent(),button);
										}
										
									});
								});
								
								container.after(replyBox);
								textarea.focus();
							}
							
						});
					
					
					if(comment.delete == true){
						li.addClass("deleteable");
						
						var deleteButton = $("<a href=\"javascript:;\" class=\"fal fa-trash-alt comment_delete\" title=\"Delete comment\" data-id=\""+comment.id+"\"></a>");
						container.find(".comment_buttons").append(deleteButton);
						deleteButton.click(function(){
							$(".comment_reply_box").remove();
							container.removeClass("replying"); 
							if(confirm("Are you sure you want to delete this comment?")){
								var comment = $(this).attr("data-id");
								
								var p = $(this).parent().parent().parent().parent();
								var type = p.parent().data("type");
								
								$d.helpers.showOverlay(p,"",false,false);
								
								$d.network.post(URLROOT+"comments/delete/" + type,{id:comment,session_id:""},function(){
									plugin.comments[comment] = null;
									
									var children = $(".comment_item[data-parent="+comment+"]");
									if(children.length > 0){		
										p.find(".comment_username").html("deleted");
										p.find(".comment_reply").remove();
										container.removeClass("replying");
										p.find(".comment_delete").remove();
										p.find(".comment_voting_buttons").remove();
										p.addClass("comment_deleted");
										p.find(".comment_content").html("<span class=\"comment_deleted\">[deleted]</span>");
										$d.helpers.hideOverlay();
									}else{
										p.remove();
									}									
								});
								
							}
						});
					}
					
				}else{
					container.addClass("comment_deleted");
				}
			}
			
			
			if(comment.previews && comment.previews.length > 0){
				
			}
			
			var content = container.find(".comment_content"); 
			if(content.length > 0) {
				content.html("<p class=\"comment_inner_content\">"+comment.comment+"</p>");
			}
			
			if(fadeIn == true){
				li.hide();
			}
			
			if(typeof(append) != "undefined" && append == true && typeof(element) != "undefined" && element != null){
				element.append(li);
			}else{
				element.prepend(li);
			}
			
			if(fadeIn == true){
				li.fadeIn(500);
			}
			
			if(typeof(comment.children) != "undefined" && comment.children != null){
				for(var x in comment.children){
					plugin.processComment(comment.children[x],true,element);
				}
			}
			
			return li;
		}
		
	},
	
	processComments : function(comments, id) {
		var plugin = this;
		
		var process = function(comments) {
			if(comments && typeof(comments) != "undefined" && comments != null) {
				var element = $("#comments_list");
				element.html("");
				var count = 0;
						
				for(var commentIndex in comments) {
					var comment = comments[commentIndex];
					if(comment != null){
						plugin.processComment(comment,true,element);
					}
				}
			}
		};
		
		
		if(comments && typeof(comments) != "undefined" && comments != null) {
			process(comments);
			plugin.updateList();
			$d.helpers.hideOverlay();
		}
	},

	updateList : function(){
		$("#comments_list li.comment_no_comment").remove();	
		
		var commentList = $("#comments_list li");		
		if(commentList.length > 1){
			$("#comment_sort").css({display:"block"});
		}else{
			$("#comment_sort").css({display:"none"});
		}
		
		if(commentList.length == 0){
			var li = $(document.createElement("li"));
			li.addClass("comment_item clearfix comment_no_comment");			
			
			if($d.session && $d.session.isLoggedIn()){
				li.html("<h5>Be the first to comment!</h5>");
			}else{
				//li.html("<h5><a href=\""+URLROOT+"login\" title=\"Login to comment\" rel=\"login_link\">Login to comment</a></h5>");
			}
			$("#comments_list").append(li);
		}
	},

	addComment : function(element,parent,callback) {
		var plugin = this;
		
		if(typeof(parent) == "undefined" || parent == null){
			parent = 0;
		}
		
		if(plugin.addingComment == false){
			plugin.addingComment = true;
			
			if(typeof(element) != "undefined" && element != null){
				var text = $(element);
			}
			else{
				var text = $("#comment");
			}
			
			if(text.length > 0) {
				var isDiv = false;
				if(text.is("div")){
					isDiv = true;
					var content = $d.helpers.stripHTML(text.html());
				}else{var content = text.val();}
				
				var domField = null;
				if(element){
					domField = element.parent().get(0);
					if(domField.uploader){
						var used = {};
						
						for(var x in domField.uploader.uploads){
							var upload = domField.uploader.uploads[x];
							if(upload != null){
								if(upload.url){
									if(!used[upload.url]){
										content += " " + upload.url.replace("%2F","/");
										used[upload.url] = true;
									}
								}
							}
						}
					}
				}
				
				if(content == "") {
					alert("Please enter a comment");
					plugin.addingComment = false;
				}
				else {
					var anonymous = false;
					if(plugin.options.anonymous){
						var anonymous = document.getElementById("comment_anonymous").checked;
					}
					if(anonymous == true) {anonymous = 1;}
					else {anonymous = 0;}
					
					if(!isDiv){
						text.attr("disabled",true);
						text.css({width:"69%"});
						
						var loading = $("#comment_loading").css({display:"block"});
					}
					
					$d.network.request({
						type:"POST",
						url:URLROOT+"comments/save/" + plugin.options.type,
						data:{id:plugin.options.entityID, content:content, anonymous:anonymous, parent:parent, session_id:""}
					}).done(function(result){						
						if(result != "") {
							var newComment = JSON.parse(result);
							
							if(callback){
								try{callback(newComment);}
								catch(e){}
							}
							
							
							if(typeof(newComment.error) == "undefined"){
								if(domField != null && domField.uploader){
									domField.uploader.clear();
								}
								text.val("");
								plugin.comments[newComment.id] = newComment;
								
								$("li[data-id="+newComment.parent+"]").addClass("collapsed");
								var pComment = plugin.processComment(newComment,false,$("#comments_list"),true);
								plugin.updateList();
							}else{
								if(newComment.error == "spam"){
									var element = $("#comments_list");
									if($("#comments_list #spam_error_wait").length > 0){
										$("#comments_list #spam_error_wait").html(newComment.wait);
									} else {
										element.prepend("<div class=\"spam_error\"><p>You're doing the thing too quickly please wait <span id=\"spam_error_wait\">" + newComment.wait + "</span> seconds</p></div>");
									}
								}
							}
						} else {
							alert("Could not post your comment, please try again");
						}
					}).always(function(result){
						if(!isDiv){
							text.attr("disabled",false);
							text.attr("style",'');
							loading.css({display:"none"});							
						}
						plugin.addingComment = false;
					});
				}
			}
		}
	},

	downvote : function(id) {
		var plugin = this;
		
		var uoption = $(".comment_upvote_"+id);
		var doption = $(".comment_downvote_"+id);
		
		var comment = $(".comment_item[data-id="+id+"]");
		
		
		var points = parseInt(comment.attr("point-count"));
		
		if(doption.hasClass("selected")) {
			doption.removeClass("selected");
			points++;
		} else if(uoption.hasClass("selected")) {
			uoption.removeClass("selected");
			doption.addClass("selected");
			points--;
			points--;
		} else {
			doption.addClass("selected");
			points--;
		}
		
		if(plugin.comments[id]){
			plugin.comments[id].upclass = "";
			plugin.comments[id].downclass = "";
			
			if(doption.hasClass("selected")){
				plugin.comments[id].upclass = "";
				plugin.comments[id].downclass = "selected";
			}else if(uoption.hasClass("selected")){
				plugin.comments[id].upclass = "selected";
				plugin.comments[id].downclass = "";
			}
			
			plugin.comments[id].score = points;
		}
		
		comment.attr("point-count",points);
		comment.find(".comment_score").first().html(points + " points");
		
		
		$d.network.post(URLROOT+"comments/downVote/" + plugin.options.type, {cid:id,session_id:""}, function(result) {});
	},

	upvote : function(id) {
		var plugin = this;
		
		var uoption = $(".comment_upvote_"+id);
		var doption = $(".comment_downvote_"+id);
		
		var comment = $(".comment_item[data-id="+id+"]");
		var index = id;
		
		var points = parseInt(comment.attr("point-count"));
		
		if(uoption.hasClass("selected")) {
			uoption.removeClass("selected");
			points--;
		} else if(doption.hasClass("selected")) {
			doption.removeClass("selected");		
			uoption.addClass("selected");
			points++;
			points++;
		} else {
			uoption.addClass("selected");
			points++;
		}
		
		if(plugin.comments[id]){
			plugin.comments[id].upclass = "";
			plugin.comments[id].downclass = "";
			
			if(doption.hasClass("selected")){
				plugin.comments[id].upclass = "";
				plugin.comments[id].downclass = "selected";
			}else if(uoption.hasClass("selected")){
				plugin.comments[id].upclass = "selected";
				plugin.comments[id].downclass = "";
			}
			
			plugin.comments[id].score = points;
		}
		
		
		comment.attr("point-count",points);
		comment.find(".comment_score").first().html(points + " points");
		
 		$d.network.post(URLROOT+"comments/upVote/" + plugin.options.type, {cid:id,session_id:""}, function(result) {});
	}
};


var options = {
		type:"topic",
		anonymous : "1",
		comments : [{"id":30704,"user":84772,"comment":"Burned my arm because I made a bowl of ramen and filled the boiling water all the way to the brim. I repeated this mistake (and consequently got burned) several more times after that.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/QuantumShittingThroughTheNthDimension","date":"2018-08-26","delete":false,"datetime":"Aug 26th 2018 20:54","timestamp":1535316862,"loggedIn":false,"username":"QuantumShittingThroughTheNthDimension","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"},{"id":30703,"user":86451,"comment":"i&nbsp; once try to fly and i success to broke my arm in the end","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/ahmed","date":"2018-08-26","delete":false,"datetime":"Aug 26th 2018 17:27","timestamp":1535304445,"loggedIn":false,"username":"ahmed","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"},{"id":30697,"user":29812,"comment":"Decided to wash my feet with fruit juice in my grandparents' kitchen because they were dirty. Tried to stand up on the linoleum floor, slipped over and cut my eyebrow open on their kitchen table. Went to hospital for stitches.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/marinedalek","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:09","timestamp":1535162975,"loggedIn":false,"username":"marinedalek","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":2,"level":1,"children":[{"id":30698,"user":76868,"comment":"lmfao Fruit juice?","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/toinanbe","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:10","timestamp":1535163003,"loggedIn":false,"username":"toinanbe","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":2,"children":[{"id":30699,"user":29812,"comment":"Ribena","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/marinedalek","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:10","timestamp":1535163038,"loggedIn":false,"username":"marinedalek","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":2,"level":3,"children":[{"id":30700,"user":76868,"comment":"I keep hearing about that and I want to taste it.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/toinanbe","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:11","timestamp":1535163091,"loggedIn":false,"username":"toinanbe","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":4,"children":[],"deleted":0,"parent":30699,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"}],"deleted":0,"parent":30698,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"}],"deleted":0,"parent":30697,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"}],"deleted":0,"parent":0,"previews":[],"entity":4997,"guilds":1,"type":"1","type_string":"topic"},{"id":30694,"user":29812,"comment":"Pretended to be an aeroplane in my grandparents' living room and headbutted the video recorder. Was taken to hospital with suspected concussion.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/marinedalek","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:07","timestamp":1535162877,"loggedIn":false,"username":"marinedalek","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":2,"level":1,"children":[{"id":30696,"user":76868,"comment":"you're so smort","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/toinanbe","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:08","timestamp":1535162910,"loggedIn":false,"username":"toinanbe","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":2,"children":[],"deleted":0,"parent":30694,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"}],"deleted":0,"parent":0,"previews":[],"entity":4997,"guilds":1,"type":"1","type_string":"topic"},{"id":30692,"user":29812,"comment":"Jumped off a climbing frame and had a sprained ankle for a week","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/marinedalek","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:07","timestamp":1535162844,"loggedIn":false,"username":"marinedalek","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":2,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":4997,"guilds":1,"type":"1","type_string":"topic"},{"id":30691,"user":85695,"comment":"Got a concussion jumping off of my one story house to &quot;keep up w da boys&quot;","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/dogsarethebest","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:07","timestamp":1535162829,"loggedIn":false,"username":"dogsarethebest","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":2,"level":1,"children":[{"id":30693,"user":76868,"comment":"DAKOTA WHAT.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/toinanbe","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:07","timestamp":1535162874,"loggedIn":false,"username":"toinanbe","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":2,"children":[{"id":30695,"user":85695,"comment":"VIDA IDK","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/dogsarethebest","date":"2018-08-25","delete":false,"datetime":"Aug 25th 2018 02:08","timestamp":1535162896,"loggedIn":false,"username":"dogsarethebest","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":2,"level":3,"children":[],"deleted":0,"parent":30693,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"}],"deleted":0,"parent":30691,"previews":[],"entity":4997,"guilds":0,"type":"1","type_string":"topic"}],"deleted":0,"parent":0,"previews":[],"entity":4997,"guilds":1,"type":"1","type_string":"topic"}],
		entityID : "4997",
		title : "Comments",
		element : "discussion_container",
		buttonText : "Add Comment",
		buttonClasses : "small_button small_button_green",
		answerClasses : ""	
};

if(typeof($d) == "undefined"){
	
	$d = {
		initCheckboxes:function(element){
			element.find("input[type=checkbox]").each(function(){
				var c = $(this);
				if(!c.attr("checkbox_setup")){
					
					c.attr("checkbox_setup",true);
					
					var id = c.attr("id");
					var container = $(document.createElement("div"));					
					
					container.addClass(c.get(0).className);
					c.get(0).className = "";
					
					container.addClass("checkbox");
					container.attr("id",id);
					container.prop("name",id);
					
					c.attr("id",id + "-checkbox");
					container.prop("checked",c.get(0).checked);
					container.prop("value",c.val());
					container.prop("type","checkbox");
					container.attr("type","checkbox");
					
					if(c.prop("title")){container.append("<span>"+c.prop("title")+"</span>");}
					
					c.before(container);
					c.remove();
					container.append(c);
					
					if(c.get(0).checked){
						container.addClass("checked");
					}
					
					
					var checkUncheck = function(){
						c.addClass("toSave");
						if(c.get(0).checked){container.addClass("checked");}
						else{container.removeClass("checked");}
					};
					
					container.click(function(){
						var container = $(this);
						c.click();
						container.prop("checked",c.get(0).checked);
						checkUncheck();
					});
					
					
				}
			});
		},
		initSelects: function(element){
			try{
				if(!this.helpers.isMobile()){
					element.find("select").select2();
				}
			}catch(e){}
		},
		session: {
			isLoggedIn:function(){return false;}
		},
		helpers: {
			stripHTML : function(string){
				var div = $(document.createElement("div"));
				div.html(string.replace(/(<br>|<br\/>|<br \/>)/gm,'\n').replace(/<\/p>/gm,'\n\n'));
				return div.text().trim();
			},
			showOverlay : function(containers, content, realignLeft, realignTop) {
				if(!content) {content = "";}
				// Adds a default loading icon
				if($.trim(content) == "") {content = "<img src=\""+URLROOT+"themes/default/images/content/catloading.gif\" width=\"64\" height=\"51\"/>";}
				if(containers) {
					containers.each(function() {
						var container = $(this);
						container.append("<div class=\"details_overlay\"><div class=\"details_overlay_content\">"+content+"</div></div>");
						var contentDiv = $(".details_overlay_content");
						
						if(typeof(realignLeft) == "undefined" || realignLeft == true || realignLeft == null){
							var contentLeft = (container.outerWidth()/2)-(contentDiv.outerWidth()/2);
							contentDiv.css({left:contentLeft+"px"});
						}
						if(typeof(realignTop) == "undefined" || realignTop == true || realignTop == null){
							var contentTop = (container.outerHeight()/2)-(contentDiv.outerHeight()/2);
							contentDiv.css({top:contentTop+"px"});
						}
						
						
					});
				}
			},			
			hideOverlay : function(container) {
				if(container) {container.find("details_overlay").remove();}
				else {
					$(".details_overlay").each(function() {
						$(this).remove();
					});
				}
			},
		},
		network:{
			request:$.ajax,
			post:$.post,
			get:$.get	
		}
	}
	
	plugin.integrate(null,options);
}else{
	$d.plugins.add(plugin,options);
	$d.plugins.get("comments").integrate($d.plugins,options);
	
	$d.network.addHandler("comments", "update-score",function(data){
		
		if(typeof(data) != "undefined" && data != null){
			var comment = $(".comment_item[data-id="+data.comment+"]");
			if(comment.length > 0){
				if(typeof(plugin.comments[data.comment]) == "undefined"){
					plugin.comments[data.comment] = {};
				}
				if(typeof(plugin.comments[data.comment].score) == "undefined"){
					plugin.comments[data.comment].score = 0;
				}
				plugin.comments[data.comment].score = data.score;
				comment.attr("point-count",data.score);
				comment.find(".comment_score").html(data.score + " points");
			}
		}
	});
	
	$d.network.addHandler("comments","deleted",function(data){
		if(typeof(data) != "undefined" && data != null){
			var p = $(".comment_item[data-id="+data+"]");			
			var children = $(".comment_item[data-parent="+data+"]");
			if(children.length > 0){		
				p.find(".comment_username").html("deleted");
				p.find(".comment_reply").remove();
				p.find(".comment_delete").remove();
				p.find(".comment_voting_buttons").remove();
				p.addClass("comment_deleted");
				p.find(".comment_content").html("<span class=\"comment_deleted\">[deleted]</span>");
				$d.helpers.hideOverlay();
			}else{
				p.remove();
			}
		}
	});
	
	$d.network.addHandler("comments","added",function(data){
		if(typeof(data.comment) != "undefined"){
			var newComment = data;							
			
			if(typeof(newComment.error) == "undefined"){
				if(!plugin.comments[newComment.id]){
					setTimeout(function(){
						plugin.comments[newComment.id] = newComment;
						
						var pComment = plugin.processComment(newComment,false,$("#comments_list"),true);
						$d.plugins.get("comments").updateList();
					},1000);
				}
			}
		}
	});
}