// JavaScript Document

function togglecomentarios() {
	if(document.getElementById('conteudoComenta')) {
		$('#conteudoComenta').toggle();
	}
	if(document.getElementById('formComenta')) {
		$('#formComenta').toggle();
	}
}






///// COMENTARIOS /////
function postar() {
	var nome = document.formcomentarios.nome.value;
	var email = document.formcomentarios.email.value;
	var cidade = document.formcomentarios.cidade.value;
	var comentario = document.formcomentarios.comentario.value;
	var id_news = document.formcomentarios.id_news.value;
	
	$.ajax({
		type: 'POST',
		//url: 'http://jbonline3.terra.com.br/comentarios/index.php',
		url: 'http://jbonline.terra.com.br/hotsites/olimpiadas2008/libs/post_comentarios.asp?id='+ id_news,
		data: 'c=comment&a=add&id='+ id_news +'&nome=' + escape(html_extends(nome)) + '&email=' + escape(html_extends(email)) + '&cidade=' + escape(html_extends(cidade)) + '&comentario=' + escape(html_extends(comentario)) + '&id_news=' + escape(html_extends(id_news)),
		timeout: 5000,

		error: function() {
			$('#resposta').html("Ocorreu um erro, tente novamente");
		},
		success:  function(dado) {
			$('#resposta').html("Seu comentário foi enviado para a moderação");

			document.formcomentarios.nome.value = ""
			document.formcomentarios.email.value = ""
			document.formcomentarios.cidade.value = ""
			document.formcomentarios.comentario.value = ""
		},
		complete:  function() {
		}
	});
	
	return false;
}


function validacomentarios(formcomentarios) {
	var erro = false;
	
	if(formcomentarios.nome.value == ""){
		if(!erro){
			$('#resposta').html("Preencha o campo nome");
			formcomentarios.nome.focus();
			var erro = true;
		}
	} else {
		$('#resposta').html("");
		var erro = false;
	}
	
	if(formcomentarios.email.value == ""){
		if(!erro){
			$('#resposta').html("Preencha o campo e-mail");
			formcomentarios.email.focus();
			var erro = true;
		}
	}
	
	if(formcomentarios.cidade.value == ""){
		if(!erro){
			$('#resposta').html("Preencha o campo cidade");
			formcomentarios.cidade.focus();
			var erro = true;
		}
	}
	
	if(formcomentarios.comentario.value == ""){
		if(!erro){
			$('#resposta').html("Preencha o campo comentário");
			formcomentarios.comentario.focus();
			var erro = true;
		}
	}
	if(formcomentarios.comentario.value.length > 1024) {
		if(!erro){
			$('#resposta').html("Seu comentário tem mais de 1024 caracteres");
			formcomentarios.comentario.focus();
			var erro = true;
		}
	}

	if(erro) {
		return false;
	} else {
		postar();
	}
}

function setMaxLength() {
	var x = document.getElementsByTagName('textarea');
	var counter = document.createElement('div');
	counter.id = 'txtcontador';
	counter.className = 'counter';
	for (var i=0;i<x.length;i++) {
		if (x[i].getAttribute('maxlength')) {
			var counterClone = counter.cloneNode(true);
			counterClone.relatedElement = x[i];
			counterClone.innerHTML = '<span>0</span> de '+x[i].getAttribute('maxlength')+' caracteres.';
			x[i].parentNode.insertBefore(counterClone,x[i].nextSibling);
			x[i].relatedElement = counterClone.getElementsByTagName('span')[0];

			x[i].onkeyup = x[i].onchange = checkMaxLength;
			x[i].onkeyup();
		}
	}
}

function checkMaxLength() {
	var maxLength = this.getAttribute('maxlength');
	var currentLength = this.value.length;
	if (currentLength > maxLength)
		this.relatedElement.style.color = '#FF0000';
	else
		this.relatedElement.style.color = '';
		this.relatedElement.firstChild.nodeValue = currentLength;
	// not innerHTML
}
$(document).ready(function() {
	setMaxLength();
});
///// COMENTARIOS /////




/**
 * Abaixo metodos auxiliares para validacao
 */



function html_extends(text)
{
	text = text.replace("&", "&#038;");
	
	text = text.replace("à", "&#224;");
	text = text.replace("À", "&#192;");
	text = text.replace("á", "&#225;");
	text = text.replace("Á", "&#193;");
	text = text.replace("ã", "&#227;");
	text = text.replace("Ã", "&#195;");
	text = text.replace("â", "&#226;");
	text = text.replace("Â", "&#194;");
	text = text.replace("ä", "&#228;");	
	text = text.replace("Ä", "&#196;");	
	
	text = text.replace("è", "&#232;");
	text = text.replace("È", "&#200;");
	text = text.replace("é", "&#233;");
	text = text.replace("É", "&#201;");
	text = text.replace("ê", "&#234;");
	text = text.replace("Ê", "&#202;");
	text = text.replace("ë", "&#235;");
	text = text.replace("Ë", "&#203;");
	
	text = text.replace("ì", "&#236;");
	text = text.replace("Ì", "&#204;");
	text = text.replace("í", "&#237;");
	text = text.replace("Í", "&#205;");
	text = text.replace("î", "&#238;");
	text = text.replace("Î", "&#206;");
	text = text.replace("ï", "&#239;");
	text = text.replace("Ï", "&#207;");
	
	text = text.replace("ò", "&#242;");
	text = text.replace("Ò", "&#210;");
	text = text.replace("ó", "&#243;");
	text = text.replace("Ó", "&#211;");
	text = text.replace("ô", "&#244;");
	text = text.replace("Ô", "&#212;");
	text = text.replace("õ", "&#245;");
	text = text.replace("Õ", "&#213;");
	text = text.replace("ö", "&#246;");
	text = text.replace("Ö", "&#214;");			
	
	text = text.replace("ù", "&#249;");
	text = text.replace("Ù", "&#217;");
	text = text.replace("û", "&#251;");
	text = text.replace("Û", "&#219;");
	text = text.replace("ü", "&#252;");
	text = text.replace("Ü", "&#220;");
	text = text.replace("ú", "&#250;");
	text = text.replace("Ú", "&#218;");	
	
	text = text.replace("ñ", "&#241;");
	text = text.replace("Ñ", "&#219;");
	
	text = text.replace("ç", "&#231;");
	text = text.replace("Ç", "&#199;");
	return text;
}
  
/**
 * Verifica se eh um email
 * @param mail Email que sera validado
 * @return boolean
 */
function isEmail(mail)
{
	return /^((?:\w+[^\w\s@]?)+)@((?:[^\.@\s]+\.)+[a-z]{2,}|(?:\d{1,3}\.){3}\d{1,3})$/.test(mail);
}