var nou_missatge;

var total_pag;
var total;
var contador;
var actual;

function Ajax(pUrl, parameters){
	var xmlHttp = null;
	var url = pUrl;
	var options = parameters;	
	var xmlHttp=null;	
	try{//W3C
	  xmlHttp=new XMLHttpRequest();
	  }
	catch (e)
	  {//IE
	  try{
	    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	    }
	  catch (e){
	    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	  	}
	  }
				
	this.doRequest = function(){
		
		if(options.method == null || options.method.toLowerCase() == 'get'){
			xmlHttp.open("GET", url, true);
			xmlHttp.send(null);
		}
		else{
			xmlHttp.open("POST", url, true);
			xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=ISO-8859-1");
			xmlHttp.send(options.postData);
		}									
			
		xmlHttp.onreadystatechange=function()
	  {    
	    if(xmlHttp.readyState==4)
	      {	      	
	      	if (xmlHttp.status==200){	      				      	
		      	if(options.onComplete != null )
		      		eval(options.onComplete+'(xmlHttp.responseXML)');
		      	else document.getElementById(options.updateDiv).innerHTML = xmlHttp.responseText;		      	
		      }else {return false;}
	      }
	  }						
	}	
}

function pintaDivAjax(url,idDiv ){
	var peticio = new Ajax(url,{updateDiv:idDiv}).doRequest();
}

function submitCommenting(form){
				if (checkForm(form))
				{				
								//alert(query);
				//hacemos ajax o submit directo
				nou_missatge = document.getElementById('COMMENT_TEXT').value;
				var query = getFormQueryString(form);
				new Ajax('/su/Register',{method:'POST',postData:query,onComplete:'pintaUltimComentari'}).doRequest();
				//form.submit();
				
			}
			
}

function submitCommentingPag(form){	
	if (checkForm(form))
			{								
				form.submit();				
			}
}

function carregaCommenting()
{
	var rnd = Math.random();
 	var peticio = new Ajax('/cs/HEROIS_COTIDIANS/1/1/11.xml?cache='+rnd,{onComplete:'pintaCommentingHome'}).doRequest();
}

function pintaCommentingHome(result)
{
 var xml = result.documentElement;

 var llista = document.getElementById('commentingContainer');

 //alert(xml.getElementsByTagName('COMMENT').length);

	//var max = xml.getElementsByTagName('COMMENT').length;
	var max = xml.getAttribute("total");

 for (i = 0; i < xml.getElementsByTagName('COMMENT').length; i++)
 {
	 var item = xml.getElementsByTagName('COMMENT')[i];
	 
	 var text = item.getElementsByTagName('TEXT')[0].firstChild.data;
	 var el = document.createElement('div');
	 el.setAttribute('class', 'padbott20');
	 var html = pintaComentari(text,max-i);
	 el.innerHTML = html;
	 
	 llista.appendChild(el);
  	
 }

}

function carregaCommentingPagina1()
{
	var rnd = Math.random();
	actual = 1;
 	var peticio = new Ajax('/pprogrames/heroisquotidians/heroisPeticioDades.jsp?inici=1&random='+rnd,{onComplete:'pintaCommenting'}).doRequest();
}


function endavant()
{
	if ( actual < total_pag )
		carregaCommentingPagina(actual + 1);
}

function endarrera()
{
	
	if( actual > 1 )
		carregaCommentingPagina(actual - 1);
}

function carregaCommentingPagina(pagina)
{
	actual = pagina;
	contador = (pagina - 1) *50;
	var rnd = Math.random();
 	var peticio = new Ajax('/pprogrames/heroisquotidians/heroisPeticioDades.jsp?inici='+pagina+'&random='+rnd,{onComplete:'pintaCommentingPaginat'}).doRequest();
}

function pintaCommenting(result)
{
 var xml = result.documentElement;

 var llista = document.getElementById('commentingContainer');

 //alert(xml.getElementsByTagName('COMMENT').length);

	total_pag = Math.ceil ( xml.getAttribute("total")/50 );
			
	pintaPaginacio();

	var max = xml.getAttribute("total");
	total = max;

 for (i = 0; i < xml.getElementsByTagName('COMMENT').length; i++)
 {
	 var item = xml.getElementsByTagName('COMMENT')[i];
	 
	 var text = item.getElementsByTagName('TEXT')[0].firstChild.data;
	 var el = document.createElement('div');
	 el.setAttribute('class', 'padbott20');
	 var html = pintaComentari(text,max-i);
	 el.innerHTML = html;
	 
	 llista.appendChild(el);
  	
 }

}

function pintaCommentingPaginat(result)
{
 var xml = result.documentElement;

 var llista = document.getElementById('commentingContainer');
 llista.innerHTML = '';

	var max = total - contador	

 for (i = 0; i < xml.getElementsByTagName('COMMENT').length; i++)
 {
	 var item = xml.getElementsByTagName('COMMENT')[i];
	 
	 var text = item.getElementsByTagName('TEXT')[0].firstChild.data;
	 var el = document.createElement('div');
	 el.setAttribute('class', 'padbott20');
	 var html = pintaComentari(text,max-i);
	 el.innerHTML = html;
	 
	 llista.appendChild(el);
  	
 }

}

function pintaPaginacio()
{
	
	// <a href="#">Primera</a></span> <a href="#">&lt; Anterior</a> | <a href="#">1</a> | <a href="#">2</a> | <a href="#">3</a> | <a href="#">4</a> | <a href="#">5</a> | <a href="#">Següent &gt;</a> <span><a href="#">Última</a>
	
	var html = '';
	
	html += '<span><a href="#" onclick="carregaCommentingPagina(1);return false;">Primera</a> </span> <a href="#" onclick="endarrera();return false;">&lt; Anterior</a> |';
	
	for(var i =1; i <= total_pag; i++)
	{
		html += '<a href="#" onclick="carregaCommentingPagina('+i+');return false;">'+ i +'</a> ';
		html += '| '
		
	}
	
	html += '<a href="#" onclick="endavant();return false;"> Següent &gt;</a> <span><a href="#" onclick="carregaCommentingPagina('+total_pag+');return false;">Última</a></span>';
	document.getElementById('paginacio').innerHTML = html;
	
}


function pintaComentari(missatge,i)
{
	var html = '<div class="padbott20"> <span class="num_com">#'+i+'</span>';
  html += '<div class="bg_com_sys"></div>';
  html += '<p class="partici">&quot;'+missatge+'&quot;</p></div>';
	return html;
}

function checkForm(form)
{	
	if (isRequiredFieldEmpty(form.COMMENT_TEXT,"Comentari") == true) return false;
		
	return true;	
}

function pintaUltimComentari(result){
	
	var doc = result.documentElement;
	var missatge = doc.getElementsByTagName('data')[0].firstChild.data;
	
	var codi = doc.getElementsByTagName('code')[0].firstChild.data;		
			
	if ( codi == 0 )
	{
		var el = document.createElement('div');
	 	el.setAttribute('class', 'enviat_correctament');
		el.innerHTML = 'Missatge enviat correctament';
		document.getElementById('commentingSuperior').innerHTML = '';
		document.getElementById('commentingSuperior').appendChild(el);
		
		//afegir el últim comentari a dalt de tot
		var llista = document.getElementById('commentingContainer');
		var backup = llista.innerHTML;
		llista.innerHTML = pintaComentari(nou_missatge,'')+backup;
				
	}		
	else alert(missatge);
	
}

function getFormQueryString(frm) {			
	var query = '';
	for (i=0; i < frm.elements.length; i++) {
		text = escape(frm.elements[i].value);
				
		query = query + frm.elements[i].name + '=' + text + '&';
	}
	query = query.substring(0,query.length-1);
	return query;
}

//Funcio per comprovar si es presiona un Intro
function checkEnter(e){ //e is event object passed from function invocation
	var characterCode; // literal character code will be stored in this variable
	if(e && e.which){e = e; characterCode = e.which;}
	else{e = event; characterCode = e.keyCode;}
	
	if(characterCode == 13){ return true;}
	else{ return false;}
}