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":27227,"user":29316,"comment":"Skin Flute.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/cat.jpg","link":"\/profile\/imyourzer0","date":"2017-02-15","delete":false,"datetime":"Feb 15th 2017 03:47","timestamp":1487130452,"loggedIn":false,"username":"imyourzer0","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":3407,"guilds":0,"type":"1","type_string":"topic"},{"id":26887,"user":84317,"comment":"I'd recommend piano! It's easy enough to pick up the basics. The positive aspect to learning piano also is that you can play songs at really beginner levels, which is more encouraging than the squeaks and indistinguishable sounds you might get from other instruments like clarinet or violin. &nbsp;When you can tangibly hear a song it makes you want to continue to learn harder songs. Guitar is nice to learn too, but the fingering can get quite difficult.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/notecard23","date":"2017-01-23","delete":false,"datetime":"Jan 23rd 2017 04:30","timestamp":1485145851,"loggedIn":false,"username":"notecard23","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":3407,"guilds":0,"type":"1","type_string":"topic"},{"id":26884,"user":79084,"comment":"Realistically? The kazoo.<br \/>\n<br \/>\nBut if you want an instrument that *sounds* like it takes talent, but with minimal effort, the Appalachian or &quot;lap&quot; dulcimer. Has four strings, but you really only control pitch on one of them. They're the recorder flute of stringed instruments.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/cat.jpg","link":"\/profile\/Ullur","date":"2017-01-21","delete":false,"datetime":"Jan 21st 2017 07:47","timestamp":1484984830,"loggedIn":false,"username":"Ullur","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":3407,"guilds":0,"type":"1","type_string":"topic"},{"id":26879,"user":84309,"comment":"I'm personal to learning the piano first, at least if you need to learn how to read sheet music also.  once you can read and play pick anything you like","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/topicallybored","date":"2017-01-21","delete":false,"datetime":"Jan 21st 2017 00:12","timestamp":1484957532,"loggedIn":false,"username":"topicallybored","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":3407,"guilds":0,"type":"1","type_string":"topic"},{"id":26877,"user":83197,"comment":"if you want to learn an instrument just go for something you like the sound of. no instrument is super easy to learn. it is better to go with something that can keep your interest.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/cat.jpg","link":"\/profile\/Orangebolt222","date":"2017-01-20","delete":false,"datetime":"Jan 20th 2017 18:51","timestamp":1484938301,"loggedIn":false,"username":"Orangebolt222","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":3407,"guilds":0,"type":"1","type_string":"topic"},{"id":26876,"user":83197,"comment":"Mayo","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/cat.jpg","link":"\/profile\/Orangebolt222","date":"2017-01-20","delete":false,"datetime":"Jan 20th 2017 18:50","timestamp":1484938219,"loggedIn":false,"username":"Orangebolt222","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":3407,"guilds":0,"type":"1","type_string":"topic"},{"id":26875,"user":76712,"comment":"Electric Triangle","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/ThisIsNotANameItsASandwich","date":"2017-01-20","delete":false,"datetime":"Jan 20th 2017 15:01","timestamp":1484924464,"loggedIn":false,"username":"ThisIsNotANameItsASandwich","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":6,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":3407,"guilds":1,"type":"1","type_string":"topic"}],
		entityID : "3407",
		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);
				}
			}
		}
	});
}