$(document).ready(function() {

	$('#update_comments').hide();
	
	// load comments
	$.preloadImages(['/knobs/new/frame_top.gif', '/knobs/new/knob_01.gif', '/knobs/new/frame_left.gif']);
	load_comments();
	
	// check comments for updates
	window.setInterval(function() {
	 check_comment_count(war_id);
	}, (1000*30));
	

	
});

function load_comments() {
	var str = '<table width="700" border="0" cellpadding="2" cellspacing="7" align=center>' +
    	'<tr>' + 
        '<td width="97%" colspan=3 valign="top" class="headings-bg-lightblue">' +
            '<img src="assets/images/arrow_db.gif" width="17" height="17" hspace="3"> COMMENTS' +
        '</td>' +
    	'</tr>';
	var preload_imgs = [];
	if (comments_count > 0) {	
		$.each(comments, function(i, c) {
			//preload_imgs[i] = c.logo; // causes stack overflow in IE
		  	str += build_comment(c);
		});    
	} else {
		str += '<tr>' + 
        '<td class="td-blue-border1" width="600">No current conversations.</td>' +
    	'</tr>'; 
	}
	str += '</table>';
	$.preloadImages(preload_imgs);
	$('#comments').html(str);
}

function build_comment(c) {
	var str = '<tr>';
	var comment_class = "td-blue-border1";
	var delete_disabled = "";
	var user_comment = 0;
	var show_warning = 0;
	
	if (c.userid == userid) {
		user_comment = 1;
	}
	
	if (is_moderator === 1) {
		if (c.deleted == 1) {
			comment_class = "td-gray-border1";
			delete_disabled = 'disabled="disabled"';
		}
		if (user_comment != 1) {
			str += '<td align="center">' +
					'<button type="button"' + delete_disabled + ' onclick="location.href=\'/wars/delete_comment/' + c.id + '\'" value="Delete">Delete</button>' + 
					'</td>';
		}		
	}
	
	if (user_comment === 1) {
		if (c.deleted == 1) {
			comment_class = "td-gray-border1";
			delete_disabled = 'disabled="disabled"';
			if (c.deletedby != userid) {
				show_warning = 1;
			}
		}
		str += '<td align="center">' +
				'<button type="button"' + delete_disabled + ' onclick="location.href=\'/wars/delete_user_comment/' + c.id + '\'" value="Delete">Delete</button>' + 
				'</td>';	
	} else {
		if (is_moderator != 1) {
			if (c.deleted != 1) {
				str += '<td></td>';
			}
		}
	}

    str += '<td width="75" class="' + comment_class + '" align=center>' +
        '<table cellpadding=0 cellspacing=0 border=0>' +
        '<tr>' +
            '<td colspan=2>' +
                '<img src="/knobs/new/frame_top.gif">' + 
            '</td>' +
            '<td rowspan=3>' + 
                '<img src="/knobs/new/vu_01.gif" title="Member Presence:' + c.presence + '/30 days">' +
                '<br>' +
                '<img src="/knobs/new/knob_01.gif"  title="Voting Volume: /' + c.volume + ' wars">' +
            '</td>' +
        '<tr>' +
            '<td><img src="/knobs/new/frame_left.gif"></td>' + 
            '<td><a href="/stats/user/' + c.userid + '"><img src="' + c.logo + '" title="' + c.username + '" width="90" height="45" border=0></a></td>' +
        '</tr>' +
        '<tr>' +
            '<td colspan=2><img src="/knobs/new/frame_bottom.gif"></td>' +
        '</tr>' +
        '<tr>' +
            '<td colspan="3" align="center">' + 
                '<a href="/stats/user/' + c.userid + '">' + c.username + '</a>' +
                '<br>' +
                '<div class=small><b>' + c.division + '</b></div>' +
            '</td>' +
        '</tr>' +
        '</table>' + 
    '</td>' +
    '<td class="' + comment_class + '" width="600">';
	if (show_warning === 1) {
		str += '<span class="important">Warning: ' + c.username + ' ' + c.reason + ' (Private message from moderator).</span> ';
	} 
	str += c.comment + '</td>' +
    '</tr>';
	
	return str;
}

function do_comment() {
	$(function() {
		var comment = $('#comment_txt').val();
		if (comment.length > 0 && war_id > 0) {
			// set ajax loading
			$('#comment_submit').html('<img src="/images/loading_011443.gif" width="16" height="16" border="0" alt="loading...">');
			var str = '<table style="margin-top:-6;" width="700" border="0" cellpadding="2" cellspacing="7" align=center>';
			var c = {};
			$.post("/wars/add_comment", {war_id: ""+war_id+"", comment: ""+comment+""}, function(data){
				if ( data.success == 1 ) {
					// clear old comment
					$('#comment_txt').val('');
					
					// update the comment counts
					comments_count++;
					
					// set comment object
					c.comment = data.comment;
					c.id = data.id;
					c.userid = data.userid;
					c.logo = data.logo;
					c.username = data.username;
					c.rank = data.rank;
					c.division = data.division;
					str += build_comment(c);
					str += '</table>';
					$('#comments').append(str);
					if (comments_count > 10) {
						$.scrollTo('#add_comment');
					}
					
					// return input button back
					$('#comment_submit').html('<input name="comment_submit_btn" id="comment_submit_btn" type="submit" value="add comment" disabled="true">');
				} else {
					if ( data.message.length > 0) {
						$('#comment_submit').html(data.message);
					} else {
						$('#comment_submit').html('There was a problem with your add comment request.');
					}
				}
			}, "json");
			
		}
		return false;
	});
}

function do_comments_update() {
	$.post("/wars/get_comments", {war_id: ""+war_id+""}, function(data){
		if ( data.success == 1 ) {
			comments_count = data.comments_count;
			comments = data.comments;
			load_comments();
			if (comments_count > 10) {
				$.scrollTo('#add_comment');
			}
			$('#update_comments').hide();
		}
	}, "json");
}

function check_comment()
{
	var comment = $('#comment_txt').val();
	if (comment.length > 0) {
		$('#comment_submit_btn').removeAttr('disabled');
	} else {
		$('#comment_submit_btn').attr('disabled', 'true');
	}	
}

function check_comment_count()
{
	$.post("/wars/get_comment_count", {war_id: ""+war_id+""}, function(data){
		if ( data.success == 1 ) {
			if (data.count > comments_count) {
				// set the update comment flag
				$('#update_comments').css('display','inline');
				$('#update_comments').show();
			}
		}
	}, "json");
}