var comment_list = "";
var comment_page = 1;

/* Util function that gets called to trigger animated search results */
function animResult(count)
{
    $("#comment_container_"+count).fadeIn(350)
}
	function commentSubmit(form)
	{
    
		 if (form.comment.value == "")
		 {
	 		alert("Please enter your comment.");
	 		return false;
		 }
		 else if (form.author.value == "")
		 {
	 		alert("Please enter your name.");
	 		return false;
		 }
		 else
		 {
		    form.submit;
		 }
	}

function flagComment(id)
{
	$("#report_abuse_form_"+id).submit();

}

$(document).ready(function(){           


	 
	function updatePaginationStats()
	{
	
		num_pages = Math.floor(comment_list.length / comment_per_page) + 1;
	
		if  (comment_list.length / comment_per_page == Math.round(num_pages))
			num_pages--;
	
		
		$text = "Page "+comment_page+" of " + num_pages;
		
		if (comment_list.length < comment_per_page)
		{
		    $("#comment_prev_next_container").html("");
		}
		else
		{
			$("#comment_prev_next_container").css("display", "block");    
			$("#comment_pagination_nav_container").css("display", "block");    
			$("#comment_pagination").html($text);
		}
			
		
	}

	function displaySearchResults()
	{
					$("#comment_list_container").html("");
	                
	                // Iterate through array of results to build out a list
	                var num_videos = comment_list.length;

	                var this_url = window.location.href;     
	                
	                var search_results = '';
	                num_display_videos = Math.min(comment_per_page, (num_videos - comment_offset))
	                  
	                // Loop through the videos and display them            
	                for (count = comment_offset; count < (num_display_videos + comment_offset); count++)
	                {
	                
	                    row = comment_list[count];     
                        
	                    // Build the row                    
	                    var video = "<li id = \"comment_container_"+count+"\">"; 
	                    
	                    video += '<div class = "info_row"><div class = "comment_author">';
	                    if (row['author'] != "")
	                    	video += row['author'] ;
	                    video += "</div>"
	                                                                 
	                    if (row['hrs_ago'] < 25)
	                    	video += '<div class = "comment_time_ago">' + Math.round(row['hrs_ago']) + ' hrs ago</div>';
	                    else
	                    	video += '<div class = "comment_time_ago">' + Math.round(row['hrs_ago']/24) + " days ago</div>";

		                video += "<a href = '"+video_page_url+"flag_abuse/"+row['com_id']+"/' class = 'comment_report_abusive_link'>Report Abuse <img border = '0' src = 'http://vms.mync.com/vms/images/abuse_flag_off.png' onmouseover='this.src = \"http://vms.mync.com/vms/images/abuse_flag_on.png\"' onmouseout='this.src = \"http://vms.mync.com/vms/images/abuse_flag_off.png\"'/></a>";
	                    
	                    
	                    video += '</div>';
	                    video += '<div class = "comment_comment">' + row['comment'] + "</div>";
	                    
	                    video += '</li>';

                        
	                    $(video).appendTo("#comment_list_container")   
	                    
	                    
	                    $("#comment_container_"+count).css("display", "none");
	                        
	                    setTimeout("animResult("+count+");" , (count-comment_offset)*100)
	                }
	                
	                // Hide/Show the left right buttons depending on where you are in the list
	                if ((comment_offset+comment_per_page) >= comment_list.length)
	                	$("#comment_right_btn").children().addClass("inactive")
					else
						$("#comment_right_btn").children().removeClass("inactive")

	                if (comment_offset <= 0)
	                	$("#comment_left_btn").children().addClass("inactive")
					else
						$("#comment_left_btn").children().removeClass("inactive")
						
	}


	    
    $("#comment_left_btn").click(function()
    {
		if (comment_offset > 0)    	
    	{
    		comment_offset = Math.max((comment_offset - comment_per_page + 1), 0);
			displaySearchResults();
			comment_page--;
			updatePaginationStats();
		}
    });

    $("#comment_right_btn").click(function()
    {
    	if (comment_offset <  comment_list.length - comment_per_page - 1)
    	{
    		comment_offset = Math.min((comment_offset + comment_per_page - 1), (comment_list.length));
			displaySearchResults();
			comment_page++;
			updatePaginationStats();
    	}
    });
    
	displaySearchResults();     
	updatePaginationStats();    

	if (comment_list.length != 0)
		$("#comment_list_header").css("display", "block");    
	
	    
    
});     
;var comment_per_page = 20;var comment_offset = 0;var comment_flag_abusive_webservice_url = 'http://vms.mync.com/vms/comment/flag-abuse/';var video_page_url = 'http://durhamcounty.mync.com/site/durhamcounty/video/3620//';

comment_list = eval([]);    
document.write('<style type="text/css"> #video_comment_list {margin: 0px; margin-top:16px; padding: 0px; font-family: Arial, Helvetica, sans-serif; width:415px;} #video_comment_list a {color: #2f2e4d; text-decoration: none;} #video_comment_list a:hover {color: #2f2e4d; text-decoration: underline; cursor: pointer; } #video_comment_list h4 { background-color: #013e7f; width:100%; height:20px; color: #fff; font-size:12px; padding-left:4px; padding-top:2px; margin:0px; } #video_comment_list .feedback_message { margin-top:2px; background-color:#FF6600; } #comment_list_container { margin:0px; padding:0px; font-size: 12px; list-style: none; } ul#comment_list_container li { border-bottom: #dfdfdf solid 1px; padding-top:8px; padding-bottom:8px; } ul#comment_list_container li .comment_author { float:left; color:#034381; font-weight:bold; font-size:13px; } ul#comment_list_container li .comment_time_ago { color:#000; margin-left:4px; float:left; } #comment_prev_next_container div { float:left; margin-left:4px; } #comment_prev_next_container , #vid_prev_next_container a { color:#3d6a91; font-size:11px; } #comment_prev_next_container a.inactive { color:#000; } #comment_prev_next_container a.inactive:hover { color:#000; cursor:default; text-decoration: none; } #comment_bottom_nav { overflow:hidden; height:38px; background-color: #f0f0f0; } #comment_prev_next_container .vid_all_link_container { margin-left: 75px; } #comment_pagination { margin-bottom: 5px; margin-left:4px; font-size: 11px; } #video_comment_form { clear:both; margin-top:20px; font-size:12px; font-weight:normal; } #comment_pagination_nav_container { overflow: hidden; display:none; } #video_comment_form dd { margin-left:0px; margin-bottom:7px; overflow:hidden; } #video_comment_form textarea { margin-left:0px; } .comment_comment { margin-top:6px; } .info_row { clear:both; overflow: hidden; } .comment_report_abusive_link { margin-left:5px; float:right; } #comment_list_header { display:none; } </style> <div id = "video_comment_list"> <div id = "comment_list_header" class="headline_list"> <h3> Comments </h3> </div> <ul id = "comment_list_container"> </ul> <div id = "comment_pagination_nav_container"> <div id = "comment_pagination"></div> <div id = "comment_prev_next_container"> <div class="left" id = "comment_left_btn"><a href="#" onclick="return false;" class="inactive">Left</a></div> <div> | </div> <div class="right" id = "comment_right_btn"><a href="#" onclick="return false;">Right</a></div> </div> </div> </div> <div id = "video_comment_form"> <div class="headline_list"> <h3> Post A Comment </h3> </div> <form action="http://vms.mync.com/vms/comment/add/" method="post" onsubmit="return commentSubmit(this)"> <dl class="zend_form"> <dt></dt> <dd> <input type="hidden" name="id" value="3620" id="id" /></dd> <dt></dt> <dd> <input type="hidden" name="redirect" value="http://durhamcounty.mync.com/site/durhamcounty/video/3620//" id="redirect" /></dd> <dt><label for="author" class="optional">Your Name:</label></dt> <dd> <input type="text" name="author" id="author" value=""></dd> <dt><label for="email" class="optional">Your Email Address:</label></dt> <dd> <input type="text" name="email" id="email" value=""></dd> <dt><label for="comment" class="required">Comment:</label></dt> <dd> <textarea name="comment" id="comment" cols="40" rows="5"></textarea></dd> <dt><label for="notify_follow_up" class="optional">Notify me of follow-up comments?</label></dt> <dd> <input type="checkbox" name="notify_follow_up" id="notify_follow_up" value="1"></dd> <dt></dt><dd> <input type="submit" name="Submit" id="comment_submit_button" value="Submit"></dd> </dl> </form> </div>');