// when page loads succesfully
$(document).ready(function(){ 
  //show all the comments
  $("#cp_newComment").hide(); 	//alert of new comment
  $("#no_comments_yet").hide();	//this is used only when there are no comments in a paragraph

  $("#comment_index").show();		//DELETE: we hide comment area and determine wether it should be shown by cookie below
  $("#comment_help").hide();		//this should only appear on first load. determine by cookie request below
  $("#comment_read").hide();		//we hide comment area and determine wether it should be shown by cookie below

  //is this the first time we are loading the page? let's add a cookie to hide the help.
  /*
  if(readCookie('commentpress_hide_help')){
   $("#comment_index").show();
   $("#comment_help").hide();	 
   $("#comment_read").hide();	 
  }
  else{
   $("#comment_read").hide();	 
   $("#comment_index").hide(); 	
   $("#comment_help").show(); 
  }
  */

  //TODO: resize comment 	area
  //var height = client_coords().height - 40;
  //$("#cp_comments").css("height", height + "px")


  
  var emptyBox = true;
  var clickingLock = false;
  //var active_paragraph = readCookie(cookie_name()); //remmebers which para you were reading last
  var active_paragraph;
  
  /**
   * are we returning from the comment?
   */

  if(return_comment()){
   active_paragraph = get_hash();
  }

  /** 
   * if a paragraph is selected by the time the page loads, either by 
   * a cookie that saved their last position, or a #location URL 
   * marking the paragraph, then we highlight the paragraph and show
   * its comments
   */
  if(active_paragraph){
	paragraph_read_event(active_paragraph);
	window.location.hash = '#' + active_paragraph;
	window.scrollBy(0, -110);	   
	$('.cp_goToText').hide();
	$(".author_on_paragraph").hide();		 
  }

  /**
   * when they click the read bubble, we flip through the comments and hide all the 
   * ones that are not connected to the paragraph.. unhighlight all the paragraphs
   * and highlight just the selected one.
   */
  $(".paragraph_read").click(function(){
   var id = parseInt($(this).attr('id').substr(5));	 
   paragraph_read_event(id);	 
   $('.cp_goToText').hide();
   
  });


  $(".paragraph_read_index").click(function(){
   var id = parseInt($(this).attr('id').substr(5));	 
   paragraph_read_event(id);	 
   $('.cp_goToText').hide();
  });
  

	  
  /**
   * 
   */
  $("#page_comments_action").click(function(){		
   $("#comment_reply").hide();
   $("#comment_read").show();
   paragraph_read_event(-1);		
  });


  /**
   * 	SHOW HELP when they click on the HELP link
   */
  $("#show_help_action").click(function(){		
   $("#show_all_comments_action").text('overview');
   $("#comment_list_heading").text('');

   $(".content").each(function(i){
	this.style.background = '#fff';
	this.style.border = '1px solid #fff';
   });
   
   $("#comment_contentIndex").val(-2);	   
   $("#comment_index").hide();
   $("#comment_read").hide();
   $("#comment_help").show();	   
  });

  /**
  * 	SHOW ALL COMMENTS when they click on the 'overview' link
  */
  $("#show_all_comments_action").click(function(){		
   if($("#comment_contentIndex").val() != -1){
	$("#show_all_comments_action").text('help');
	$("#comment_list_heading").text('');
	$("#comment_index").show();
	$("#comment_read").hide();
	$("#comment_help").hide();
	$("#comment_contentIndex").val(-1);
	$('.cp_goToText').show();
	$(".author_on_paragraph").hide();

	if($("#comment_total_count").val() > 0){
	 $("#no_comments_yet").show();
	}
	else{
	 $("#no_comments_yet").hide();
	}
	
	$(".content").each(function(i){
	 this.style.background = '#fff';
	 this.style.border = '1px solid #fff';
	});

	$(".cp_commentBody").each(function(i){			 
			this.style.display = 'block';
	});
   }
   else{
	$("#show_all_comments_action").text('overview');
	$("#comment_list_heading").text('');

	$(".content").each(function(i){
	 this.style.background = '#fff';
	 this.style.border = '1px solid #fff';
	});
	
	$("#comment_contentIndex").val(-2);	   
	$("#comment_index").hide();
	$("#comment_read").hide();
	$("#comment_help").show();	   
   
   
   }
   /*
   else {
	$("#show_all_comments_action").text('collapse all [--]');
	$("#active_paragraph").text('for all paragraphs');
	$("#comment_read").show();
	$("#comment_index").hide();
	$("#comment_help").hide();		
	$("#addcomment").hide();
	$("#comment_contentIndex").val(-2);
	$(".reply_link").hide();
	$('.cp_goToText').show();
	$(".author_on_paragraph").show();
		

	if($("#comment_total_count").val() > 0){
	 $("#no_comments_yet").show();
	}
	else{
	 $("#no_comments_yet").hide();
	}
	
	$(".content").each(function(i){
	 this.style.background = '#fff';
	 this.style.border = '1px solid #fff';
	});

	$(".cp_commentBody").each(function(i){			 
	 this.style.display = 'block';
	});	  
	//$("#active_paragraph").text("");
   }
   */
  });


  
  /**
   * 
   */
  $("#searchbox").focus(function(){
   $("#searchbox").val("");
  });

  /**
   * 
   */
  $(".cp_goToText").click(function(fn){
   var id = parseInt($(this).attr('id').substr(12));	 
   paragraph_read_event(id);	 
   $('.cp_goToText').hide();
  });


  /**
   * 
   */
  $(".cp_replyLink").click(function(){

  });
  

  /**
   * 
   */
  $(".cp_closeReplyBox").click(function(){
	  $("#comment_reply").hide();
	  //$("#comment_read").fadeIn("fast");
  });	

});

//http://www.mail-archive.com/discuss@jquery.com/msg02537.html
function client_coords() {
  var dimensions = {width: 0, height: 0};
  
  if (document.documentElement) {
   dimensions.width = document.documentElement.offsetWidth;
   dimensions.height = document.documentElement.offsetHeight;
  } 
  else if (window.innerWidth && window.innerHeight) {
   dimensions.width = window.innerWidth;
   dimensions.height = window.innerHeight;
  }
  return dimensions;
}


function check_comments(){
 $.get(siteurl + "/?function=getAllCommentCount", function(data){		
   if(data > readCookie('commentpress_comment_count')){					
	createCookie('commentpress_comment_count', data,7);
	$("#cp_newComment").fadeIn("slow");
	 $.get(siteurl + "/?function=getAllCommentCount", function(data){		
	  $("#cp_count").fadeOut("slow");		 
	  var count = $("#cp_count").text();
	  $("#cp_count").text( count );
	  $("#cp_count").fadeIn("slow");
	 });		
   }
 });
}

// TODO: future ajax calls
//setInterval("check_comments()",6000); //query the database for new comments every 6 seconds


//this function is called when someone wants to read a specific paragraph and clicks the bubble
function paragraph_read_event(id){
  reRoot(); 
  emptyBox = true;
  
  if(!readCookie('commentpress_hide_help')){
   createCookie('commentpress_hide_help', 1,7);
  }
  
  $("#comment_help").hide();
  $(".author_on_paragraph").hide();
  
  if($('#comment_contentIndex').val() == id){	
   $("#comment_read").hide();	 
   $("#comment_index").show();
   //$("#show_all_comments_action").text('expand all [++]');
   
   $(".content").each(function(i){
	  this.style.background = '#fff';
	  this.style.border = '1px solid #fff';
   });
   
   $("#comment_contentIndex").val(-1);
   $("#show_all_comments_action").text('help');
   eraseCookie(cookie_name());
  }
  
  else {       
   $("#comment_index").hide();
   $("#comment_help").hide();
   $("#comment_read").show();
   
   $(".content").each(function(i){
	 this.style.background = '#fff';
	 this.style.border = '1px solid #fff';
	 //this.addClass('cp_nohighlight');	 
   });
   
   if($('.content')[id].style.background == 'rbg(255,255,255) none repeat scroll 0% 0%' ){
	$('.content')[id].style.background = '#fff';
	$('.content')[id].style.border = '1px solid #fff';
	//$('.content')[id].addClass('cp_nohighlight');	 
	
	$("#comment_contentIndex").val(0);
	$("#comment_index").show();
   }
   else {
	$("#show_all_comments_action").text('overview');
	$('.content')[id].style.background = '#D1D5D9';
	$('.content')[id].style.border = '1px dotted #999';
	//$('.content')[id].addClass('cp_highlight');	 
	
	$("#comment_contentIndex").val(id);
	$('.cp_goToText').show();
 
	$(".cp_commentBody").each(function(i){		 
	  if(this.id.substr(14) == id){
	   emptyBox = false;
	   this.style.display = 'block';
	  }
	  else{
	   this.style.display = 'none';
	  }			 
	});
   }
   
   //createCookie(cookie_name(),id,7);	
   //id = readCookie(cookie_name());
   var active_paragraph;
   if(id > 0){
	active_paragraph = " on paragraph " + id ;
   }
   else {
	active_paragraph = " on whole page";
   }
   
   $("#active_paragraph").text(active_paragraph);   
  }
 

  //TODO: figure out how to scroll the div to the top
  //$("#cp_comments").scrollTop = 0;
 
  if(emptyBox){
   $("#no_comments_yet").show();
  }
  else{
   $("#no_comments_yet").hide();
  }
 
  $("#addcomment").show();	
		
}

function get_path(){
 return window.location.pathname.toString().substr(0, (window.location.pathname.toString().length - 1) );
}


function get_hash(){ 
 //alert(window.location.hash.toString().indexOf('comment'));
 if(window.location.hash.toString().indexOf('comment') == 1){	  	
  var comment_id = window.location.hash.toString().substr(9);
  var id =  '#comment-link-'+comment_id;  
  var para = $(id).text();
  //window.location.hash = '#' + para;
  return para;	 
 }	  
 else if(window.location.hash.toString().indexOf("respond") == 1){
  return false;
 }
 else{
  return window.location.hash.toString().substr(1);
 }
}

function return_comment(){
 if(window.location.hash.toString().length){
  return true;
 }
 else{
  return false;
 }
}

function cookie_name(){
 return 'cp' + get_path().replaceAll("/","-");
}