$(function() {
	initMiniChat();
	$("#mensaje").focus(function() {
		if ($("#mensaje").val() == 'mensaje') {
			$("#mensaje").val('');	
		}
	});
	$("#mensaje").blur(function() {
		if ($("#mensaje").val() == '') {
			$("#mensaje").val('mensaje');
		}
	});
	$("#boton_enviar").click(function() {
		evalua_mensaje();
	});

	$("#boton_tamanio_chat").click(function() {
		var txt = $("#boton_tamanio_chat").html();
		if (txt == 'agrandar') {
			$("#boton_tamanio_chat").html('achicar');
			$("#contenedor_mensajes").height('300px');
		}
		else {
			$("#boton_tamanio_chat").html('agrandar');
			$("#contenedor_mensajes").height('120px');
		}
		return false;
	});

	$("#boton_abrir_smiles").click(function() {
		$("#contenedor_smiles").toggle('blind');	
	});

	$.post('minichat/lista_smiles.php', {}, function(data) {
		$("#contenedor_smiles").html(data);
		$(".un_smile").click(function() {
			var mensaje = $("#mensaje").val();
			if (mensaje == 'mensaje') mensaje = '';
			$("#mensaje").val(mensaje + ' ' + $(this).attr('alt'));
			return false;
		});
	});

	$("#contenedor_smiles").css('border', '1px solid #333');	

});

function evalua_keyCode(event) {
	if (event.keyCode == 13) {
		evalua_mensaje();
	}
}
function evalua_mensaje() {
	if ($("#mensaje").val() != 'mensaje' && $("#mensaje").val() != '') {
		envia_mensaje();
	}
}

function initMiniChat() {
	$.post('minichat/init_minichat.php', {}, function(data) {
		lee_mensajes();
	});

}

var data_aux;
var timeout;
var leyendo_mensajes = false;

function lee_mensajes() {
	if (!leyendo_mensajes) {
		$.getJSON('minichat/lee_mensajes.php', function(data) {	
			if (data.length > 0) {
				data_aux = data;
				leyendo_mensajes = true;
				muestra_mensaje(0);
			}
		});
	}
	timeout = setTimeout(function() {lee_mensajes();}, 2000);	
}

function muestra_mensaje(indice) {
	
	for (i = 0; i < data_aux.length; i++) {
		msg = data_aux[i];
		var html = '<div class="un_mensaje" id="mensaje_' + msg.id + '">'
			+ '<span class="hora">[' + msg.hora + ']</span> '
			+ '<span class="nickname">' + msg.nickname + '</span>'
			+ '<span class="separador">:</span> '
			+ '<span class="mensaje">' + msg.mensaje + '</span>'
			+ '</div>';
		$("#contenedor_mensajes").append(html);
		$("#contenedor_mensajes").show();
		$("#contenedor_mensajes").animate({scrollTop: $("#contenedor_mensajes")[0].scrollHeight},{complete: function() {} } );	
	}
	leyendo_mensajes = false;
	
}

function envia_mensaje() {
	var mensaje = $("#mensaje").val();
	$("#mensaje").val('');
	clearTimeout(timeout);
        $.getJSON('minichat/envia_mensajes.php', {mensaje: mensaje}, function(data) {
		$("#mensaje").val('');	
		lee_mensajes(false);	
        });
}