var idUpdate='no';
$(document).ready(function(){
	//$("#comments_modal").show();
	$("#cancle_update").click(function(){
		$("#update_div").hide();
		$("#create_new_comments").show();
		$('#comments_area').wysiwyg('setContent','');
		$("#tdofcomment_"+idUpdate).css("background-color","#e2f8ff");
		idUpdate='no'
	});
	
	$("a[id^='edit_comments_']").live('click',function(){	
		
		var id=$(this).attr('custom');
		$("td[id^='tdofcomment_']").each(function(){
			$(this).css("background-color","#e2f8ff");	
		});
		$("#tdofcomment_"+id).css("background-color","#B7DCE8");
		var message=$("#text_of_row_"+id).html();	

		$('#comments_area').wysiwyg('setContent',message);
		$("#update_div").show();
		$("#create_new_comments").hide();
		idUpdate=id;
	});
	
	$("a[id^='remove_comments_']").live('click',function(){
			var answer = confirm("Do you want to delete your comment?");
			if (answer){
				var id=$(this).attr('custom');
				$.ajax({
   				type: "POST",
  					url: '/userdelcomment',
  					data: 'commentId='+id,
  					dataType: "json",
   				success: function(msg){
   					if(msg[0].action=='ok'){
   						$("#rowsofcomment_"+id).fadeOut();
   					}
   				}
   			});
   		}		
	});
	
	 $("#update_new_comments").click(function(){
	 		
			var message=$("#comments_area").val();
			if( jQuery.trim(message)=='' ){
							alert('Comment can not be empty.');
				return;	
			}	
	
	 		$.ajax({
   			type: "POST",
  				url: '/updatecomment',
  				data: 'message='+message+'&idUpdate='+idUpdate,
  				dataType: "json",
   			success: function(msg){
    				if(msg[0].action=='ok'){
    					$("#tdofcomment_"+idUpdate).css("background-color","#e2f8ff");
    					$("#text_of_row_"+idUpdate).html(message);
    					$('#comments_area').wysiwyg('setContent','');
    					$("#update_div").hide();
						$("#create_new_comments").show();
    				}	
   			}
   		});
   					 
	 });
	 	
	 $("#create_new_comments").click(function(){
			var message=$("#comments_area").val();
			if( jQuery.trim(message)=='' ){
				alert('Comment can not be empty.');
				return;	
			}	
	 		$.ajax({
   			type: "POST",
  				url: '/createcomment',
  				data: 'message='+message+'&collectionId='+$("#commentsHeader").attr('custom'),
  				dataType: "json",
   			success: function(msg){
    				if(msg[0].action=='ok'){
    					createNewComment(msg[0].memberName,msg[0].dateSaid,message,'yes',msg[0].id);
    					$('#comments_area').wysiwyg('setContent','');
    				}	
   			}
   		});
   					 
	 });
	 
	 $("a[id^='comment_tip_']").live('click',function(){
			var collectionId=$(this).attr('custom');
			//alert(collectionId);
			$("#commentsHeader").attr('custom',collectionId);
	 		$.ajax({
   			type: "POST",
  				url: '/comments',
  				data: 'collectionId='+collectionId,
  				dataType: "json",
   			success: function(msg){
   				$("#comments_area").show();
   				$("#table_comments_on_fly").html('');
   				$("#comments_area").val('');
					createCommentsHeader(msg[0].total,msg[0].collectionName);
					if(msg[0].permissionNew=='no')
						removeNew();
					else{
						//$('#comments_area').wysiwyg('setContent','');						
						showJwysiwyg();
					}	
							
					if(msg.length==1){
						if(msg[0].message=='empty'){
							createCommentsHeader(msg[0].total,msg[0].collectionName);
							//$("#commentsDiv").css('height','50px');
							//$("#comments_modal").css('height','150px');
							createEmpty();
						}else{
							createNewComment(msg[0].memberName,msg[0].dateSaid,msg[0].content,msg[0].remove,msg[0].id);
						}
					}else{
						for(i=0;i<msg.length ;i++)
							createNewComment(msg[i].memberName,msg[i].dateSaid,msg[i].content,msg[i].remove,msg[i].id);
					}	
					$('#comments_modal').jqmShow();
   				
   			}
   		});
				
	
	 });  


});

															 
function createEmpty(){
	$("#table_comments_on_fly").html('');
	var row=$('<tr></tr>');
	var td=$('<td align="center" style="padding-top:10px;width:100%;color:#A52A2A;font-size:12px;"> No comments available for this collection </td>');
	$(row).append(td);
	$("#table_comments_on_fly").append(row);
}																 														

												 														

function createNewComment(memeberName,dateSaid,text,remove,id){
	var row=$('<tr id="rowsofcomment_'+id+'"></tr>');
	var td=$('<td id="tdofcomment_'+id+'" style="padding:10px 0px 10px 0px;"></td>');
	var table=$('<table id="comments_table_'+id+'"  cellpadding="0" cellspacing="0" border="0" width="100%">')

	var rowFirst=$('<tr></tr>');
	var tdFirst=$('<td colspan="3" style="width:100%;font-size:10px;vertical-align:middle;height:20px;padding:2px 7px 2px 7px;"><img border="0" src="/ui/icons/user.png" align="absmiddle"> <strong>'+memeberName+'</strong> on <strong>'+dateSaid+'</strong> said:</td>');
	if(remove=='yes')
		var tdSecond=$('<td style="width:48px;font-size:10px;vertical-align:middle;height:20px;padding:2px 2px 7px 7px;"><a href="javascript:void(0)" id="edit_comments_'+id+'" custom="'+id+'" class="links_provider"><img border="0" src="/ui/icons/balloon-edit.png"></a> <a href="javascript:void(0)" id="remove_comments_'+id+'" custom="'+id+'" class="links_provider"><img border="0" src="/ui/icons/balloon-delete.png"></a></td>');
	else
		var tdSecond=$('<td style="width:16px;font-size:10px;vertical-align:middle;height:20px;padding:2px"></td>');	
	$(rowFirst).append(tdFirst);
	$(rowFirst).append(tdSecond);
	
	var rowSec=$('<tr></tr>');
	var td1=$('<td nowrap style="width:16px;"></td>');
	var td2=$('<td  nowrap style="width:16px;font-size:10px;vertical-align:top;padding:2px"><img src="/ui/icons/balloon.png" border="0"> </td>');
	var td3=$('<td id="text_of_row_'+id+'" style="text-align:justify;width:100%;font-size:10px;vertical-align:middle;padding:2px"></td>');
	$(td3).append(text);
	var td4=$('<td nowrap style="width:48px;"></td>');
	$(rowSec).append(td1);
	$(rowSec).append(td2); 
	$(rowSec).append(td3); 
	$(rowSec).append(td4);
	
	$(table).append(rowFirst);
	$(table).append(rowSec);
	$(td).append(table);
	$(row).append(td);
	
	//$(row).insertBefore('#table_comments_on_fly > tbody > tr:first');

	//$('#table_comments_on_fly >  tr:first').before(row);
	$("#table_comments_on_fly").append(row);
	  
}

function createCommentsHeader(total,collecionName){
	$("#commentsHeader").html("Total <strong>"+total+"</strong> comments for: <strong>"+collecionName+"</strong>");
}
function removeNew(){
	$("#newComments").remove();
	$("#commentsDiv").css('height','300px');
	$("#comments_modal").css('height','360px');
	
}

function showJwysiwyg(){

				if(jwysiwygLoadTime==true) {	 		
	 			jwysiwygLoadTime=false;	
	 			$.getScript('/js/lib/jwysiwyg/jquery.wysiwyg.js', function() {

            	  $('#comments_area').wysiwyg({
					    controls: {
					      strikeThrough : { visible : true },
					      underline     : { visible : true },
					      
					      separator00 : { visible : true },
					      
					      justifyLeft   : { visible : true },
					      justifyCenter : { visible : true },
					      justifyRight  : { visible : true },
					      justifyFull   : { visible : true },
					      
					      separator01 : { visible : false },
					      
					      indent  : { visible : false },
					      outdent : { visible : false },
					      
					      separator02 : { visible : false },
					      
					      subscript   : { visible : false },
					      superscript : { visible : false },
					      
					      separator03 : { visible : true },
					      
					      undo : { visible : true },
					      redo : { visible : true },
					      
					      separator04 : { visible : false },
					      
					      insertOrderedList    : { visible : true },
					      insertUnorderedList  : { visible : true },
					      insertHorizontalRule : { visible : false },
					      separator06 : { visible : false },
							insertImage : { visible : false },
							createLink:{ visible : false },

            h1mozilla : { visible : false && $.browser.mozilla, className : 'h1', command : 'heading', arguments : ['h1'], tags : ['h1'], tooltip : "Header 1" },
            h2mozilla : { visible : false && $.browser.mozilla, className : 'h2', command : 'heading', arguments : ['h2'], tags : ['h2'], tooltip : "Header 2" },
            h3mozilla : { visible : false && $.browser.mozilla, className : 'h3', command : 'heading', arguments : ['h3'], tags : ['h3'], tooltip : "Header 3" },

            h1 : { visible : false && !( $.browser.mozilla ), className : 'h1', command : 'formatBlock', arguments : ['<H1>'], tags : ['h1'], tooltip : "Header 1" },
            h2 : { visible : false && !( $.browser.mozilla ), className : 'h2', command : 'formatBlock', arguments : ['<H2>'], tags : ['h2'], tooltip : "Header 2" },
            h3 : { visible : false && !( $.browser.mozilla ), className : 'h3', command : 'formatBlock', arguments : ['<H3>'], tags : ['h3'], tooltip : "Header 3" },

					      h4mozilla : { visible : false && $.browser.mozilla, className : 'h4', command : 'heading', arguments : ['h4'], tags : ['h4'], tooltip : "Header 4" },
					      h5mozilla : { visible : false && $.browser.mozilla, className : 'h5', command : 'heading', arguments : ['h5'], tags : ['h5'], tooltip : "Header 5" },
					      h6mozilla : { visible : false && $.browser.mozilla, className : 'h6', command : 'heading', arguments : ['h6'], tags : ['h6'], tooltip : "Header 6" },
					      
					      h4 : { visible : false && !( $.browser.mozilla ), className : 'h4', command : 'formatBlock', arguments : ['<H4>'], tags : ['h4'], tooltip : "Header 4" },
					      h5 : { visible : false && !( $.browser.mozilla ), className : 'h5', command : 'formatBlock', arguments : ['<H5>'], tags : ['h5'], tooltip : "Header 5" },
					      h6 : { visible : false && !( $.browser.mozilla ), className : 'h6', command : 'formatBlock', arguments : ['<H6>'], tags : ['h6'], tooltip : "Header 6" },
					      
					      separator07 : { visible : false },
					      separator05 : { visible : false },
					      cut   : { visible : false },
					      copy  : { visible : false },
					      paste : { visible : false }
					    }
					  });
						
     			});
     		 
     	 }
}