background = true;
totalcom = 0;
commentsstart = 0;
showorder = "desc";
maxpage = 0;
numpage = 1;
lim = 10;
inited = false;

$("#commentfield").keyup(function (){
    $("#commentmsg").hide("slow");
    var usertext  = $("textarea#commentfield").val();
    var charcounter = usertext.length ;
	var maxcounter = 500;
	counter = maxcounter - charcounter;
	if (counter > 0)
        $("#commentcounter").html("<span class='txblanco10'>"+msgerrores["comments"]["charsleft"][idlanguage]+counter+"</span>");
	    else
	        $("#commentcounter").html("<span class='txblanco10'>"+msgerrores["comments"]["overchars"][idlanguage]+"</span>");			
});

commentform = false;

$("#showCommentForm").click(function (){
	var username = getCookie("wblausername");
	
	if(username)
	{
		if(!commentform)
		{
			$("#commentcounter").html("");
			$("#commentmsg").html("");
			document.commentsform.reset();
			$("#commentcounter").html("<span class='txblanco10'>"+msgerrores["comments"]["charsleft"][idlanguage]+"500</span>");		 	
			$("#commentformDIV").slideDown("slow");
			$("#commentloginerrorDIV").slideUp();
			
		}else
		   	{
		       $("#commentmsg").html("");
		       $("#commentmsg").hide();
		       $("#commentformDIV").slideUp();
		    }
	}else	
	    {
		    if(!commentform)
		    {   
			    $("#commentloginerrorDIV").html(msgerrores["comments"]["nologin"][idlanguage]);
			    $("#commentloginerrorDIV").slideDown("slow");
		    }
		    else 
			    $("#commentloginerrorDIV").slideUp("slow");
	    }
	commentform = !commentform;
});

//resultado del envío de comentario
function commentsendresult(data){
	if(data.result == true)
	{ 
		//$("#commentsDIV").html("");
		$("#commentformDIV").slideUp();
		//getcomments();
		$("#commentloginerrorDIV").html(msgerrores["comments"]["successcomment"][idlanguage]);
	    $("#commentloginerrorDIV").show();
		
		commentform = false;
	}else
	    {
	        $("#commentmsg").html("");
	        $("#commentmsg").html(msgerrores["comments"]["failedcomment"][idlanguage]);
	        $("#commentmsg").show();
	    }
}

function validaComment(){
    var usertext  = $.trim($("textarea#commentfield").val());
	
    if(usertext == "" )
    {
        $("#commentmsg").html(msgerrores["comments"]["nocomment"][idlanguage]);
		$("#commentmsg").show();
		
        return false;
    }
	if(usertext.length > 500)
	{
	    $("#commentmsg").html("<span class='txrojo12'>"+msgerrores["comments"]["fullcomment"][idlanguage]+"</span>");
		$("#commentmsg").show();
		
        return false;
	}
	 else
	    {
		    return usertext; 
		}
 
}

$("#sendcommentbtn").click(function(){
	var res = validaComment();
	
    if(res!= false)
	{
	   //var usertext = res;	
	   
	   	var obj = new Object();
		obj.idcontainer = idcontainer;
		obj.idcomponent = idcompcomm;
		obj.idcomponentclass = idcompclasscomm;
		obj.text = res;
		try{
			obj.iditem = commiditem;	
		} catch(err){
			obj.iditem = 0;	
		}	   
	   //alert(obj.iditem);
		$.post("scripts/sendcomment.php",obj, commentsendresult, "json");
	}
});

function commentsresult(data){
	
	if(!inited) initPagination(data.totalcomments);
	
	$("#commentsDIV").css({"min-height": "0px"});
	
	if(data == false || data.length == 0){
		$("#commentsDIV").html(msgerrores["comments"]["nocommentstoshow"][idlanguage]);	
	}else{
		totalcom = data.totalcomments;
		
		var comentariostext;
		if(idlanguage == "esp") comentariostext = " COMENTARIOS";
		else comentariostext = " COMENT&Aacute;RIOS";
		
		$("#allcommentslbl > *").html(totalcom+comentariostext);		
		
		var totalshowcom = totalcom;
		var resd = totalshowcom % lim;
		totalcom = totalshowcom - resd;
		maxpage = totalcom/lim;
		
		if (resd > 0) maxpage = maxpage + 1;
			
			//displaynumber(totalcom,commentsstart,maxpage);
		    
		for (var x = 0; x < data.comments.length; x++){		
			var styletmp = (x == 0 || (x%2 == 0))?"commentcell":"commentcelleven";
			var div = $("<div class='"+styletmp+"'>").addClass("row").appendTo("#commentsDIV");
			$("<div class='commentnick'>").text(data.comments[x].displayname).appendTo(div);
			
			var datetmp = data.comments[x].createdate.split(" ");
			var datetmp2 = datetmp[0].split("-");
			var datetmp3 = datetmp2[2]+"/"+datetmp2[1]+"/"+datetmp2[0]+ " " +datetmp[1];				
			
			$("<div class='commentdate'>").text(" "+datetmp3).appendTo(div);              
			$("<div class='commenttextcolor'>").addClass("comment").html(data.comments[x].text).appendTo(div);
		}	
	}
}//end commentsresult

function getcomments()
{    
	try{
		//if(commiditem)	
		var iditem = commiditem;	
	} catch (err) {
		var	iditem = 0;	
	}	
	$("#commentsDIV").html("");
		
	$.getJSON("scripts/getcomments.php?idcontainer="+idcontainer+"&start="+commentsstart+"&showorder="+showorder+"&limite="+lim+"&iditem="+iditem, commentsresult);
}

function initPagination(num) {
	// Create pagination element
	$("#Pagination").pagination(num, {
		num_edge_entries: 0,
		num_display_entries: 6,
		callback: pageselectCallback,
		items_per_page:10
	});
}

function cleanComments(){
	var d = $("#commentsDIV");
	$("#commentsDIV").css({"min-height": d.innerHeight() + "px"});
}

function pageselectCallback(page_index, jq){	
	commentsstart = page_index*lim;
	
	cleanComments();
	
	if(inited)getcomments();
	else inited = true;	
}

function changePage(){ return; }

/*mouse events*/
$("#primerolbl,#iraultimolbl,#resetlbl").hover(
	function(){ $(this).addClass("commentbtnmouseover"); },
	function(){ 
		var idtmp = $(this).attr("id");
		if((idtmp=="primerolbl" && showorder == "asc") || (idtmp=="iraultimolbl" && showorder == "desc") ) return; 
		
		$(this).removeClass("commentbtnmouseover");
	}
);

$("#primerolbl").click(function ()
{
	$("#primerolbl").addClass("commentbtnmouseover");
	$("#iraultimolbl").removeClass("commentbtnmouseover");
	
	showorder = "asc";
	cleanComments();
	commentsstart = 0;
	getcomments(showorder,commentsstart);
});
$("#iraultimolbl").click(function ()
{
	
	$("#iraultimolbl").addClass("commentbtnmouseover");
	$("#primerolbl").removeClass("commentbtnmouseover");
	showorder = "desc";
	cleanComments();
	commentsstart = 0;
	getcomments(showorder,commentsstart);
});

$("#resetlbl").click(function ()
{
	document.commentsform.reset();
	$("#commentmsg").html("");
	cleanComments();
	$("#commentformDIV").fadeOut();
	getcomments();
});
$("#iraultimolbl").addClass("commentbtnmouseover");

getcomments();

/** PAGINACIÓN
 * This jQuery plugin displays pagination links inside the selected elements.
 *
 * @author Gabriel Birke (birke *at* d-scribe *dot* de)
 * @version 1.2
 * @param {int} maxentries Number of entries to paginate
 * @param {Object} opts Several options (see README for documentation)
 * @return {Object} jQuery Object
 */
jQuery.fn.pagination = function(maxentries, opts){
	opts = jQuery.extend({
		items_per_page:10,
		num_display_entries:10,
		current_page:0,
		num_edge_entries:0,
		link_to:"javascript:changePage();",
		prev_text:"<",
		next_text:">",
		ellipse_text:"...",
		prev_show_always:true,
		next_show_always:true,
		callback:function(){return false;}
	},opts||{});
	
	return this.each(function() {
		/**
		 * Calculate the maximum number of pages
		 */
		function numPages() {
			return Math.ceil(maxentries/opts.items_per_page);
		}
		
		/**
		 * Calculate start and end point of pagination links depending on 
		 * current_page and num_display_entries.
		 * @return {Array}
		 */
		function getInterval()  {
			var ne_half = Math.ceil(opts.num_display_entries/2);
			var np = numPages();
			var upper_limit = np-opts.num_display_entries;
			var start = current_page>ne_half?Math.max(Math.min(current_page-ne_half, upper_limit), 0):0;
			var end = current_page>ne_half?Math.min(current_page+ne_half, np):Math.min(opts.num_display_entries, np);
			return [start,end];
		}
		
		/**
		 * This is the event handling function for the pagination links. 
		 * @param {int} page_id The new page number
		 */
		function pageSelected(page_id, evt){
			current_page = page_id;
			drawLinks();
			var continuePropagation = opts.callback(page_id, panel);
			if (!continuePropagation) {
				if (evt.stopPropagation) {
					evt.stopPropagation();
				}
				else {
					evt.cancelBubble = true;
				}
			}
			return continuePropagation;
		}
		
		/**
		 * This function inserts the pagination links into the container element
		 */
		function drawLinks() {
			panel.empty();
			var interval = getInterval();
			var np = numPages();
			// This helper function returns a handler function that calls pageSelected with the right page_id
			var getClickHandler = function(page_id) {
				return function(evt){ return pageSelected(page_id,evt); }
			}
			// Helper function for generating a single link (or a span tag if it's the current page)
			var appendItem = function(page_id, appendopts){
				page_id = page_id<0?0:(page_id<np?page_id:np-1); // Normalize page id to sane value
				appendopts = jQuery.extend({text:page_id+1, classes:""}, appendopts||{});
				if(page_id == current_page){
					var lnk = jQuery("<span class='current'>"+(appendopts.text)+"</span>");
				}
				else
				{
					var lnk = jQuery("<a>"+(appendopts.text)+"</a>")
						.bind("click", getClickHandler(page_id))
						.attr('href', opts.link_to.replace(/__id__/,page_id));
						
						
				}
				if(appendopts.classes){lnk.addClass(appendopts.classes);}
				panel.append(lnk);
			}
			// Generate "Previous"-Link
			if(opts.prev_text && (current_page > 0 || opts.prev_show_always)){
				appendItem(current_page-1,{text:opts.prev_text, classes:"prev"});
			}
			// Generate starting points
			if (interval[0] > 0 && opts.num_edge_entries > 0)
			{
				var end = Math.min(opts.num_edge_entries, interval[0]);
				for(var i=0; i<end; i++) {
					appendItem(i);
				}
				if(opts.num_edge_entries < interval[0] && opts.ellipse_text)
				{
					jQuery("<span>"+opts.ellipse_text+"</span>").appendTo(panel);
				}
			}
			// Generate interval links
			for(var i=interval[0]; i<interval[1]; i++) {
				appendItem(i);
			}
			// Generate ending points
			if (interval[1] < np && opts.num_edge_entries > 0)
			{
				if(np-opts.num_edge_entries > interval[1]&& opts.ellipse_text)
				{
					jQuery("<span>"+opts.ellipse_text+"</span>").appendTo(panel);
				}
				var begin = Math.max(np-opts.num_edge_entries, interval[1]);
				for(var i=begin; i<np; i++) {
					appendItem(i);
				}
				
			}
			// Generate "Next"-Link
			if(opts.next_text && (current_page < np-1 || opts.next_show_always)){
				appendItem(current_page+1,{text:opts.next_text, classes:"next"});
			}
		}
		
		// Extract current_page from options
		var current_page = opts.current_page;
		// Create a sane value for maxentries and items_per_page
		maxentries = (!maxentries || maxentries < 0)?1:maxentries;
		opts.items_per_page = (!opts.items_per_page || opts.items_per_page < 0)?1:opts.items_per_page;
		// Store DOM element for easy access from all inner functions
		var panel = jQuery(this);
		// Attach control functions to the DOM element 
		this.selectPage = function(page_id){ pageSelected(page_id);}
		this.prevPage = function(){ 
			if (current_page > 0) {
				pageSelected(current_page - 1);
				return true;
			}
			else {
				return false;
			}
		}
		this.nextPage = function(){ 
			if(current_page < numPages()-1) {
				pageSelected(current_page+1);
				return true;
			}
			else {
				return false;
			}
		}
		// When all initialisation is done, draw the links
		drawLinks();
        // call callback function
        opts.callback(current_page, this);
	});
}