// Copyright (C) 2014 Jacob Barkdull
//
//	This program is free software: you can redistribute it and/or modify
//	it under the terms of the GNU Affero General Public License as
//	published by the Free Software Foundation, either version 3 of the
//	License, or (at your option) any later version.
//
//	This program is distributed in the hope that it will be useful,
//	but WITHOUT ANY WARRANTY; without even the implied warranty of
//	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//	GNU Affero General Public License for more details.
//
//	You should have received a copy of the GNU Affero General Public License
//	along with this program.  If not, see <http://www.gnu.org/licenses/>.
//
//--------------------
//
// Source Code and Installation Instructions:
//	http://slimgur.com/hashover.php?source


// Default form settings
if (rows	== undefined) { var rows	=  '2'; }
if (name_on	== undefined) { var name_on	=  'yes'; }
if (email_on	== undefined) { var email_on	=  'yes'; }
if (sites_on	== undefined) { var sites_on	=  'yes'; }
if (passwd_on	== undefined) { var passwd_on	=  'yes'; }

// Add comment stylesheet to page header
var head = document.getElementsByTagName('head')[0];
var links = document.getElementsByTagName('link');

if (document.querySelector('link[href="/hashover/comments.css"]') == null) {
	link = document.createElement('link');
	link.rel = 'stylesheet';
	link.href = '/hashover/comments.css';
	link.type = 'text/css';
	head.appendChild(link);
}

// Add comment RSS feed to page header
link = document.createElement('link');
link.rel = 'alternate';
link.href = '/hashover.php?rss=' + location.href.replace(/#.*$/g, '') + "&title=" + document.title;
link.type = 'application/rss+xml';
link.title = 'Comments';
head.appendChild(link);

// Put number of comments into "cmtcount" identified HTML element
if (document.getElementById('cmtcount') != null) {
	if (0 != 0) {
		document.getElementById('cmtcount').innerHTML = '0';
	}
}

// Displays reply form
function reply(r, f) {
	var reply_form = '\n<span class="optionbuttons" style="float: right;">\n';

	if (name_on == 'yes' || email_on == 'yes' || passwd_on == 'yes' || sites_on == 'yes') {
		reply_form += '\n';
	}

	reply_form += '<input type="button" value="Cancel" onClick="cancelform(\''+r+'\'); return false;">\n\
	</span>\n\
	<b class="cmtfont">Reply To Comment</b>\n\
	<span class="options" id="options-'+r+'"><hr style="clear: both;">\n\
	<table width="100%" cellpadding="0" cellspacing="0" align="center">\n\
	<tbody>\n<tr>\n';

	if (name_on == 'yes') {
		reply_form += '<td width="1%" rowspan="2">\n<img align="left" width="34" height="34" src="/hashover/images/avatar.png">\n</td>\n';
	}

	if (name_on == 'yes') {
		reply_form += '<td align="right">\n<input type="text" name="name" title="Nickname or Twitter @username" value="Nickname or @user" maxlength="30" class="opt-name" onFocus="this.value=(this.value == \'Nickname or @user\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'Nickname or @user\' : this.value;">\n</td>\n';
	}

	if (passwd_on == 'yes') {
		reply_form += '<td align="right">\n<input type="text" value="Password" name="password" title="Password (only needed for editing/deleting comment later)" class="opt-password" onFocus="this.value=(this.value == \'Password\') ? \'\' : this.value; this.type=\'password\';" onBlur="this.value=(this.value == \'\') ? \'Password\' : this.value; this.type=(this.value == \'Password\') ? \'text\' : \'password\';">\n</td>\n';
	}
	
	if (email_on == 'yes') {
		reply_form += '<td align="right">\n<input type="text" name="email" title="E-mail Address" value="E-mail Address" class="opt-email" onFocus="this.value=(this.value == \'E-mail Address\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'E-mail Address\' : this.value;">\n</td>\n';
	}

	if (sites_on == 'yes') {
		reply_form += '<td align="right">\n<input type="text" name="website" title="Website" value="Website" class="opt-website" onFocus="this.value=(this.value == \'Website\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'Website\' : this.value;">\n</td>\n';
	}

	reply_form += '</tr>\n\
	</tbody>\n</table>\n</span>\n\
	<center>\n\
	<textarea rows="6" cols="62" name="comment" onFocus="this.value=(this.value==\'Type Reply Here (other fields optional)\') ? \'\' : this.value;" onBlur="this.value=(this.value==\'\') ? \'Type Reply Here (other fields optional)\' : this.value;" style="width: 100%;" title="Accepted HTML: &lt;b&gt;, &lt;u&gt;, &lt;i&gt;, &lt;s&gt;, &lt;pre&gt;, &lt;ul&gt;, &lt;ol&gt;, &lt;li&gt;, &lt;blockquote&gt;, &lt;code&gt; escapes HTML, URLs automagically become links, and [img]URL here[/img] will display an external image.">Type Reply Here (other fields optional)</textarea><br>\n\
	<input class="post_cmt" type="submit" value="Post Reply" style="width: 100%;" onClick="return noemailreply(\''+r+'\');" onsubmit="return noemailreply(\''+r+'\');">\n\
	<input type="hidden" name="cmtfile" value="' + f + '">\n\
	<input type="hidden" name="reply_to" value="'+f+'">\n\
	</center>\n';

	document.getElementById('cmtopts-' + r).style.display = 'none';
	document.getElementById('cmtforms-' + r).innerHTML = reply_form;
	return false;
}

// Displays edit form
function editcmt(e, f, s) {
	var cmtdata = document.getElementById('cmtdata-' + e).innerHTML.replace(/<br>/gi, '\n').replace(/<\/?a(\s+.*?>|>)/gi, '').replace(/<img.*?title="(.*?)".*?>/gi, '[img]$1[/img]').replace(/^\s+|\s+$/g, '').replace('<code style="white-space: pre;">', '<code>');
	var website = (document.getElementById('opt-website-' + e) != undefined) ? document.getElementById('opt-website-' + e).href : 'Website';
	document.getElementById('cmtopts-' + e).style.display = 'none';

	document.getElementById('cmtforms-' + e).innerHTML = '\n<span class="optionbuttons" style="float: right;">\n\
	<input type="submit" name="edit" value="." style="display: none;">\
	<input type="submit" name="delete" class="delete" value="Delete" onClick="return delwarn();">\n\
	<label for="notify" title="Subscribe to E-mail Notifications">\n\
	<input type="checkbox"' + ((s != '0') ? ' checked="true"' : '') + ' id="notify" name="notify"> Subscribe\n\
	</label>\n\
	<input type="button" value="Cancel" onClick="cancelform(\''+e+'\'); return false;">\n\
	</span>\n\
	<b class="cmtfont">Edit Comment</b>\n\
	<span class="options"><hr style="clear: both;">\n\
	<table width="100%" cellpadding="0" cellspacing="0" align="center">\n\
	<tbody>\n<tr>\n\
	<td width="1%" rowspan="2">\n\
	<img align="left" width="34" height="34" src="/hashover/images/avatar.png">\n\
	</td>\n\
	<td align="right">\n\
	<input type="text" name="name" title="Nickname or Twitter @username" value="' + document.getElementById('opt-name-' + e).innerHTML.replace(/<.*?>(.*?)<.*?>/gi, '$1') + '" maxlength="30" class="opt-name" onFocus="this.value=(this.value == \'Nickname or @user\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'Nickname or @user\' : this.value;">\n\
	</td>\n\
	<td align="right">\n\
	<input type="text" value="Password" name="password" title="Password (only needed for editing/deleting comment later)" class="opt-password" onFocus="this.value=(this.value == \'Password\') ? \'\' : this.value; this.type=\'password\';" onBlur="this.value=(this.value == \'\') ? \'Password\' : this.value; this.type=(this.value == \'Password\') ? \'text\' : \'password\';">\n\
	</td>\n\
	<td align="right">\n\
	<input type="text" name="email" title="E-mail Address" value="E-mail Address" class="opt-email" onFocus="this.value=(this.value == \'E-mail Address\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'E-mail Address\' : this.value;">\n\
	</td>\n\
	<td align="right">\n\
	<input type="text" name="website" title="Website" value="' + website + '" class="opt-website" onFocus="this.value=(this.value == \'Website\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'Website\' : this.value;">\n\
	</td>\n\
	</tr>\n\
	</tbody>\n</table>\n</span>\n\
	<center>\n\
	<textarea rows="10" cols="62" name="comment" style="width: 100%;" title="Accepted HTML: &lt;b&gt;, &lt;u&gt;, &lt;i&gt;, &lt;s&gt;, &lt;pre&gt;, &lt;ul&gt;, &lt;ol&gt;, &lt;li&gt;, &lt;blockquote&gt;, &lt;code&gt; escapes HTML, URLs automagically become links, and [img]URL here[/img] will display an external image.">' + cmtdata + '</textarea><br>\n\
	<input class="post_cmt" type="submit" name="edit" value="Save Edit" style="width: 100%;">\n\
	<input type="hidden" name="cmtfile" value="' + f + '">\n\
	</center>\n';
	return false
}

// Function to cancel reply and edit forms
function cancelform(f) {
	document.getElementById('cmtopts-' + f).style.display = '';
	document.getElementById('cmtforms-' + f).innerHTML = '';
	return false;
}

// Function to like a comment
function like(c, f) {
	// Load "like.php"
	var like = new XMLHttpRequest();
	like.open('GET', '/hashover/scripts/like.php?like=image-Wkz/' + f);
	like.send();

	// Get number of likes
	if (document.getElementById('likes-' + c).innerHTML != '') {
		var likes = parseInt(document.getElementById('likes-' + c).innerHTML.replace(/[^0-9]/g, ''));
	} else {
		var likes = parseInt(0);
	}

	// Change "Like" button title and class; Increase likes
	if (document.getElementById('like-' + c).className == 'like') {
		document.getElementById('like-' + c).className = 'liked';
		document.getElementById('like-' + c).title = 'You \'Liked\' This Comment';
		likes++;
	} else {
		document.getElementById('like-' + c).className = 'like';
		document.getElementById('like-' + c).title = '\'Like\' This Comment';
		likes--;
	}

	// Change number of likes
	var like_count = (likes != 1) ? likes + ' Likes' : likes + ' Like';
	document.getElementById('likes-' + c).innerHTML = (likes > 0) ? '<b>' + like_count + '</b>' : '';
}

// Displays options
function options(r) {
	if (name_on == 'yes' || email_on == 'yes' || passwd_on == 'yes' || sites_on == 'yes') {
		if (document.getElementById('options-' + r).style.maxHeight != '200px') {
			document.getElementById('options-' + r).style.maxHeight = '200px';
		} else {
			document.getElementById('options-' + r).style.maxHeight = '0px';
		}
	}

	return false;
}

// Displays a "blank email address" warning
// function noemail() {
//	if (email_on == 'yes' && (document.comment_form.email.value == '' || document.comment_form.email.value == 'E-mail Address')) {
//		var answer = confirm('You will not receive notification of replies to your comment without supplying an e-mail.');
//
//		if (answer == false) {
//			document.comment_form.email.focus();
//			return false;
//		}
//	}
// }

// Displays a "blank email address" warning when replying
// function noemailreply(f) {
//	if (email_on == 'yes' && (document.getElementById('reply_form-' + f).email.value == '' || document.getElementById('reply_form-' + f).email.value == 'E-mail Address')) {
//		var answer = confirm('You will not receive notification of replies to your comment without supplying an e-mail.');
//
//		if (answer == false) {
//			document.getElementById('options-' + f).style.display = '';
//			document.getElementById('reply_form-' + f).email.focus();
//			return false;
//		}
//	}
// }

// Displays confirmation dialog for deletion
function delwarn() {
	var answer = confirm('Are you sure you want to delete this comment?');

	if (answer == false) {
		return false;
	}
}

// Get page title
if (document.title != '') {
	var pagetitle = ' on "'+document.title+'"';
} else {
	var pagetitle = '';
}

var show_cmt = '';

function parse_template(object, sort, method) {
	var indent = (sort == false || method == 'ascending') ? object['indent'] : '16px 0px 12px 0px';

	if (!object['deletion_notice']) {
		var 
			permalink = object['permalink'],
			cmtclass = (sort == false || method == 'ascending') ? object['cmtclass'] : 'cmtdiv',
			avatar = object['avatar'],
			name = object['name'],
			thread = (object['thread']) ? object['thread'] : '',
			date = object['date'],
			likes = (object['likes']) ? object['likes'] : '',
			like_link = (object['like_link']) ? object['like_link'] : '',
			edit_link = (object['edit_link']) ? object['edit_link'] : '',
			reply_link = object['reply_link'],
			comment = object['comment'],
			form = '',
			cmtopts_style = ''
		;

		show_cmt += '<a name="' + permalink + '"></a>\n';
		show_cmt += '<div style="margin: ' + indent + '; clear: both;" class="' + cmtclass + '">\n';
		show_cmt += '	<span class="cmtnumber">' + avatar + '</span>\n';
		show_cmt += '	<div class="cmtbubble">\n';
		show_cmt += '		<div class="cmtheader">' + name + ' ' + thread + '</div>\n';
		show_cmt += '		<div id="cmtdata-' + permalink + '" class="cmtdata">' + comment + '</div><br>\n';
		show_cmt += '		<form name="reply_form-' + permalink + '" id="reply_form-' + permalink + '" method="post" action="/hashover.php">\n';
		show_cmt += '			<div id="cmtforms-' + permalink + '" align="left">' + form + '</div>\n';
		show_cmt += '		</form>\n';
		show_cmt += '\n';
		show_cmt += '		<div id="cmtopts-' + permalink + '" class="cmtopts"' + cmtopts_style + '>\n';
		show_cmt += '			<span class="cmtdate">' + date + '&nbsp; <span id="likes-' + permalink + '">' + likes + '</span></span>\n';
		show_cmt += '			<span class="cmtbuttons" style="float: right;">' + like_link + ' ' + edit_link + ' ' + reply_link + '</span>\n';
		show_cmt += '		</div>\n';
		show_cmt += '	</div>\n';
		show_cmt += '</div>\n';
	} else {
		show_cmt += '<a name="' + object['permalink'] + '"></a>\n';
		show_cmt += '<div style="margin: ' + indent + '; clear: both;" class="' + object['cmtclass'] + '">\n';
		show_cmt += object['deletion_notice'] + '\n';
		show_cmt += '</div>\n';
	}
}

function sort_comments(method) {
	var methods = {
		ascending: function() {
			for (var comment in comments) {
				parse_template(comments[comment], true, method);
			}
		},

		descending: function() {
			for (var comment = (comments.length - 1); comment >= 0; comment--) {
				parse_template(comments[comment], true, method);
			}
		},

		byname: function() {
			var tmpSortArray = comments.slice(0).sort(function(a, b) {
				if(a.sort_name < b.sort_name) return -1;
				if(a.sort_name > b.sort_name) return 1;
			})

			for (var comment in tmpSortArray) {
				parse_template(tmpSortArray[comment], true, method);
			}
		},

		bydate: function() {
			var tmpSortArray = comments.slice(0).sort(function(a, b) {
				return b.sort_date - a.sort_date;
			})

			for (var comment in tmpSortArray) {
				parse_template(tmpSortArray[comment], true, method);
			}
		},

		bylikes: function() {
			var tmpSortArray = comments.slice(0).sort(function(a, b) {
				return b.sort_likes - a.sort_likes;
			})

			for (var comment in tmpSortArray) {
				parse_template(tmpSortArray[comment], true, method);
			}
		}
	}

	show_cmt = '';
	document.getElementById('sort_div').innerHTML = 'Loading...' + '\n';
	methods[method]();
	document.getElementById('sort_div').innerHTML = show_cmt + '\n';
}
// Place "hashover" DIV
if (document.getElementById("hashover") == null) {
	document.write("<div id=\"hashover\"></div>\n");
}

show_cmt += '<a name="comments"></a><br><b class="cmtfont">Post a Comment'+pagetitle+':</b>';
show_cmt += '<br><br>\n';
show_cmt += '<form id="comment_form" name="comment_form" action="/hashover.php" method="post">\n';
show_cmt += '<span class="cmtnumber">';
	show_cmt += '<img align="left" width="20" height="20" src="/hashover/images/avatar.png">';
show_cmt += '</span>\n';
show_cmt += '<div class="cmtbox" align="center">\n';
show_cmt += '<table width="100%" cellpadding="0" cellspacing="0">\n<tbody>\n<tr>\n';
if (name_on == 'yes') {
	show_cmt += '<td align="right">\n';
	show_cmt += '<input type="text" name="name" title="Nickname or Twitter @username" maxlength="30" class="opt-name" onFocus="this.value=(this.value == \'Nickname or @user\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'Nickname or @user\' : this.value;" value="Nickname or @user">\n';
	show_cmt += '</td>\n';
}

if (passwd_on == 'yes') {
	show_cmt += '<td align="right">\n';
	show_cmt += '<input name="password" title="Password (only needed for editing/deleting comment later)" class="opt-password" onFocus="this.value=(this.value == \'Password\') ? \'\' : this.value; this.type=\'password\';" onBlur="this.value=(this.value == \'\') ? \'Password\' : this.value; this.type=(this.value == \'Password\') ? \'text\' : \'password\';" type="text" value="Password">\n';
	show_cmt += '</td>\n';
}

if (email_on == 'yes') {
	show_cmt += '<td align="right">\n';
	show_cmt += '<input type="text" name="email" title="E-mail Address" class="opt-email" onFocus="this.value=(this.value == \'E-mail Address\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'E-mail Address\' : this.value;" value="E-mail Address">\n';
	show_cmt += '</td>\n';
}

if (sites_on == 'yes') {
	show_cmt += '<td align="right">\n';
	show_cmt += '<input type="text" name="website" title="Website" class="opt-website" onFocus="this.value=(this.value == \'Website\') ? \'\' : this.value;" onBlur="this.value=(this.value == \'\') ? \'Website\' : this.value;" value="Website">\n';
	show_cmt += '</td>\n';
}

if (name_on == 'yes' && passwd_on == 'yes') {
	show_cmt += '<td width="1%" align="right">\n';
	show_cmt += '<input name="login" title="Login (optional)" class="opt-login" type="submit" value="">\n';
	show_cmt += '</td>\n';
}

show_cmt += '</tr>\n</tbody>\n</table>\n';

show_cmt += '<div id="requiredFields" style="display: none;">\n';
show_cmt += '<input type="text" name="summary" value="" placeholder="Summary">\n';
show_cmt += '<input type="hidden" name="middlename" value="" placeholder="Middle Name">\n';
show_cmt += '<input type="text" name="lastname" value="" placeholder="Last Name">\n';
show_cmt += '<input type="text" name="address" value="" placeholder="Address">\n';
show_cmt += '<input type="hidden" name="zip" value="" placeholder="Last Name">\n';
show_cmt += '</div>\n';

show_cmt += '<textarea rows="'+rows+'" cols="63" name="comment" onFocus="this.value=(this.value==\'Type Comment Here (other fields optional)\') ? \'\' : this.value;" onBlur="this.value=(this.value==\'\') ? \'Type Comment Here (other fields optional)\' : this.value;" style="width: 100%;" title="Accepted HTML: &lt;b&gt;, &lt;u&gt;, &lt;i&gt;, &lt;s&gt;, &lt;pre&gt;, &lt;ul&gt;, &lt;ol&gt;, &lt;li&gt;, &lt;blockquote&gt;, &lt;code&gt; escapes HTML, URLs automagically become links, and [img]URL here[/img] will display an external image.">Type Comment Here (other fields optional)</textarea><br>\n';
show_cmt += '<input class="post_cmt" type="submit" value="Post Comment" style="width: 100%;" onClick="return noemail();" onsubmit="return noemail();"><br>\n';
show_cmt += '</div>\n</form><br>\n';

show_cmt += '<br><b class="cmtfont">Showing 0 Comments:</b>\n';

show_cmt += '<div style="margin: 16px 0px 12px 0px;" class="cmtdiv">\n';
show_cmt += '<span class="cmtnumber"><img width="20" height="20" src="/hashover/images/first-comment.png"></span>\n';
show_cmt += '<div style="height: 20px;" class="cmtbubble">\n';
show_cmt += '<b class="cmtnote cmtfont" style="color: #000000;">Be the first to comment!</b>\n</div>';
show_cmt += '</div><br>\n';

show_cmt += '<center>\n';
show_cmt += 'HashOver Comments &middot;\n';
show_cmt += '<a href="http://slimgur.com/hashover.zip" rel="hashover-source" target="_blank">Source Code</a> &middot;\n';
show_cmt += '<a href="http://slimgur.com/hashover.php" rel="hashover-javascript" target="_blank">JavaScript</a> &middot;\n';
show_cmt += '<a href="http://tildehash.com/hashover/changelog.txt" target="_blank">ChangeLog</a> &middot;\n';
show_cmt += '<a href="http://tildehash.com/hashover/archives/" target="_blank">Archives</a><br>\n';
show_cmt += '</center>\n';

// Place all content on page
document.getElementById("hashover").innerHTML = show_cmt;

// Script Execution Time: 0.08963 Seconds