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":16746,"user":68427,"comment":"I like ThisIsTheEighthUsernameIveTried's answer. Comic books tend to last longer (as in, more issues\/volumes) and don't need to stick to the main plot as strictly. They can explore tangents and break into out-of-mood storylines without too much issues. Graphic novels, on the other hand, tend to be more focused and side stories and asides are kept to a minimum. A graphic novel is more likely to have an overarching plot that will be resolved at the end of the series with sub-story-arc throughout.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/TheSkeptic","date":"2015-05-08","delete":false,"datetime":"May 08th 2015 06:05","timestamp":1431065136,"loggedIn":false,"username":"TheSkeptic","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":0,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":14135,"user":43753,"comment":"Style of publication. Collections of a limited run, like Watchmen, can be considered to be graphic novels, whereas collections of a group in a larger series, like Batman: City of Owls (which is Volume 2 of New 52 Batman) wouldn't be in the same line. There are also publications published in the graphic novel format originally.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/Aquilarden","date":"2015-03-16","delete":false,"datetime":"Mar 16th 2015 08:20","timestamp":1426494059,"loggedIn":false,"username":"Aquilarden","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":0,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12761,"user":64574,"comment":"The Length,it will usually be limited to its own little world. Something like Watchmen or V for Vendetta. ","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/Laurelespp","date":"2015-01-27","delete":false,"datetime":"Jan 27th 2015 01:41","timestamp":1422322880,"loggedIn":false,"username":"Laurelespp","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":0,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12380,"user":60144,"comment":"Length of the book, scope of the story probably. Whether it's serialized as well, I suppose.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/RaskolnikovsAxe","date":"2015-01-08","delete":false,"datetime":"Jan 08th 2015 19:36","timestamp":1420745771,"loggedIn":false,"username":"RaskolnikovsAxe","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":3,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12358,"user":38498,"comment":"I think a comic is serialized. It's generally released in smaller parts that form a long, epic, collective story. A graphic novel can be a one-shot book, which might have sequels, but generally could stand on its own. My opinion.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/RoswellM","date":"2015-01-07","delete":false,"datetime":"Jan 07th 2015 06:49","timestamp":1420613372,"loggedIn":false,"username":"RoswellM","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":10,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12241,"user":37211,"comment":"Comics are the equivalent of a TV series, with episodes that contain discreet storylines and links to a story arc, while graphic novels are like films a more substantial storyline and more time devoted to character development. ","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/cat.jpg","link":"\/profile\/ThisIsTheEighthUsernameIveTried","date":"2014-12-30","delete":false,"datetime":"Dec 30th 2014 20:29","timestamp":1419971342,"loggedIn":false,"username":"ThisIsTheEighthUsernameIveTried","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12186,"user":34807,"comment":"I always kind of figured the difference was:<br \/>\nGraphic novel = Manga<br \/>\nComic = Superheroes<br \/>\n<br \/>\nI'm probably wrong, though!","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/Precieux","date":"2014-12-27","delete":false,"datetime":"Dec 27th 2014 04:56","timestamp":1419656205,"loggedIn":false,"username":"Precieux","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":-5,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12180,"user":49922,"comment":"I think it's the intent of the story behind the illustration.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/ImmortalSquid","date":"2014-12-26","delete":false,"datetime":"Dec 26th 2014 20:52","timestamp":1419627137,"loggedIn":false,"username":"ImmortalSquid","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":0,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12168,"user":58034,"comment":"I think graphic novel is probably a much, much broader category that includes novels with graphics that aren't comic books. For instance, Captain Underpants or even Cat's Cradle by Kurt Vonnegut or the Dark Tower series by Stephen King.<br \/>\n<br \/>\nNot all graphic novels have to be in comic book format. I guess what I'm getting at is that there may not be a line that divides these two categories, so much as there is a large genre that incorporates aspects of both genres (graphic novels that are in comic book format).","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/giraffe.jpg","link":"\/profile\/Zevondevotee","date":"2014-12-26","delete":false,"datetime":"Dec 26th 2014 09:29","timestamp":1419586149,"loggedIn":false,"username":"Zevondevotee","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":1,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12138,"user":31812,"comment":"Graphic novels have a spine.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/cat.jpg","link":"\/profile\/MenOnlySeeBasicColours","date":"2014-12-25","delete":false,"datetime":"Dec 25th 2014 01:46","timestamp":1419471977,"loggedIn":false,"username":"MenOnlySeeBasicColours","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":3,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12127,"user":57198,"comment":"Page number, primarily.","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/ConsumerOfStories","date":"2014-12-24","delete":false,"datetime":"Dec 24th 2014 02:42","timestamp":1419388940,"loggedIn":false,"username":"ConsumerOfStories","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":4,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"},{"id":12123,"user":48823,"comment":"I would say it's about how characters behave!","image":"https:\/\/chatplayshare.com\/themes\/default\/images\/profiles\/rhino.jpg","link":"\/profile\/DarkMatterGuy","date":"2014-12-23","delete":false,"datetime":"Dec 23rd 2014 21:28","timestamp":1419370083,"loggedIn":false,"username":"DarkMatterGuy","upclass":"","downclass":"","upvoted":false,"downvoted":false,"score":0,"level":1,"children":[],"deleted":0,"parent":0,"previews":[],"entity":1159,"guilds":0,"type":"1","type_string":"topic"}],
		entityID : "1159",
		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);
				}
			}
		}
	});
}