$(document).ready(function(){
	$("#mensajes-nuevos > div[estado=1]").hide();
	$("#mensajes-anteriores > div[estado=0]").hide();
	function esMensajeria(){
		var esMensajeria = $("#contenido>h2:first").text();
		if(escape(esMensajeria)=='Mensajer%EDa%20privada'){
			$(".nuevomensaje").css("top","157px");
		}
	}
	esMensajeria();
	function tildes_unicode(str){
		str = str.replace('á','\u00e1');
		str = str.replace('é','\u00e9');
		str = str.replace('í','\u00ed');
		str = str.replace('ó','\u00f3');
		str = str.replace('ú','\u00fa');
		
		str = str.replace('Á','\u00c1');
		str = str.replace('É','\u00c9');
		str = str.replace('Í','\u00cd');
		str = str.replace('Ó','\u00d3');
		str = str.replace('Ú','\u00da');
		
		str = str.replace('ñ','\u00f1');
		str = str.replace('Ñ','\u00d1');
		
		str = str.replace('¿','\u00BF');
		str = str.replace('»','\u00BB');

		return str;
	}
	
	function bloquesvacios(){
		var nuevos		= $("#mensajes-nuevos > div[estado=0]").size();
		var anteriores	= $("#mensajes-anteriores > div[estado=1]").size();
		
		$("#mensajes-nuevos > div[estado=1]").hide();
		$("#mensajes-anteriores > div[estado=0]").hide();
		
		if(nuevos == 0){
			$("#mensajes-nuevos > .cuadro-rojo").remove();
			$("#mensajes-nuevos").append('<div class="cuadro-rojo">No hay mensajes nuevos</div>');
		}else{
			$("#mensajes-nuevos > .cuadro-rojo").remove();
		}

		if(anteriores == 0){
			$("#mensajes-anteriores > .cuadro-rojo").remove();
			$("#mensajes-anteriores").append('<div class="cuadro-rojo">No hay mensajes viejos</div>');
		}else{
			$("#mensajes-anteriores > .cuadro-rojo").remove();
		}
	}
	function cuentamensajes(){
		var nmensajes = $(".mensaje").size();
		if(nmensajes==0){
			$("#contenido").append('<div class="cuadro-rojo" id="nomensajes">No hay mensajes en esta cadena</div>');
		}else{
			$("div#nomensajes").remove();
		}
	}
	bloquesvacios();
	
	$(".cadena .leido").live("click",function(){
		var leido	= $(this).parents(".cadena").attr("estado");
		var id		= $(this).parents(".cadena").attr("id");
		var id 		= id.substr(0,(id.length-1)); // LE QUITO EL ULTIMO NUMERO (0/1) DONDE SE MARCA SI ESTA LEIDO O NO ( PARA NO REPETIR IDS EN EL HTML )
		if(leido == 0){
			var nuevoestado = 1;
		}else{
			var nuevoestado = 0;
		}

		$.fancybox.showActivity();
		$.ajax({
			type: "POST",
			url: "recursos/php/cambiar-estado-cadena.php",
			async: true,
			data:({
				idcadena:id,
				nuevoestado:nuevoestado
				}),
			success: function(data){
				$.fancybox.hideActivity();
				if(leido == 0){
					$("#"+id+"0").hide().attr("estado","1");
					$("#"+id+"1").show().attr("estado","1");
				}else{
					$("#"+id+"0").show().attr("estado","0");
					$("#"+id+"1").hide().attr("estado","0");
				}
				bloquesvacios();
			}
		});
		
		return false;
	});
	
	function lanzaMensaje(mensaje){
		$.fancybox(
			'<p style="font-weight:bold;font-size:13px;">'+mensaje+'</p>',{
				'transitionIn':'none',
				'padding':20,
				'transitionOut':'none',
				'overlayShow':false,
				'overlayOpacity':'0',
				'onComplete':makeRoundedCorner});
	}
	function makeRoundedCorner(){
		$('#fancybox-inner').css({'-moz-border-radius':'5px', '-webkit-border-radius':'5px', 'border-radius':'5px', 'background-color':'#FFF'});
	   $('#fancybox-outer').css({'-moz-border-radius':'5px', '-webkit-border-radius':'5px', 'border-radius':'5px'});
	}	
	
	$(".nuevomensaje").live("click",function(){
		var que = $(this).attr('rel');
		
		if(que=='nuevo'){
		var contenidofancybox = 
			'<a href="#" class="closemodal" style="float:right;">Cancelar</a>'+
			'<h2 style="border-bottom:1px solid #CCCCCC;color:#666666;font-weight:normal;margin:0 0 10px;padding:0 0 10px;">Escribir un mensaje nuevo</h2>'+
			'<p>Escribir un nuevo mensaje para... <span id="listaamigos">cargando lista de amigos.</span></p>'+
			'<input type="text" id="t" style="border:1px solid #CCCCCC;color:#444;font-family:Arial;font-size:11px;padding:5px;width:588px;" value="" placeholder="Titulo" /><br />'+
			'<textarea id="m" style="border:1px solid #CCCCCC;color:#444;font-family:Arial;font-size:11px;height:150px;padding:5px;width:588px;margin:1px 0px" placeholder="Tu mensaje"></textarea>'+
			'<div align="right">'+
				'<input type="button" style="background-color:#E7EBF4;background-image:url(recursos/imagenes/bck-submit.png);border:1px solid #4C69AE;color:#333333;'+
				'cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:11px;padding:3px 10px;text-decoration:none;margin-top:5px;'+
				'display:none;" value="Enviar mensaje" />'+
			'</div>';
		}else{
		var contenidofancybox = 
			'<a href="#" class="closemodal" style="float:right;">Cancelar</a>'+
			
			'<h2 style="border-bottom:1px solid #CCCCCC;color:#666666;font-weight:normal;margin:0 0 10px;padding:0 0 10px;">Escribir un mensaje nuevo</h2>'+
			'<p>Escribir un nuevo mensaje para... '+que+'</p>'+
			'<input type="hidden" id="listaamigos" value="'+que+'" />'+
			'<input type="text" id="t" style="border:1px solid #CCCCCC;color:#444;font-family:Arial;font-size:11px;padding:5px;width:588px;" value="" placeholder="Titulo" /><br />'+
			'<textarea id="m" style="border:1px solid #CCCCCC;color:#444;font-family:Arial;font-size:11px;height:150px;padding:5px;width:588px;margin:1px 0px" placeholder="Tu mensaje"></textarea>'+
			'<div align="right">'+
				'<input type="button" style="background-color:#E7EBF4;background-image:url(recursos/imagenes/bck-submit.png);border:1px solid #4C69AE;color:#333333;'+
				'cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:11px;padding:3px 10px;text-decoration:none;margin-top:5px;'+
				'display:none;" value="Enviar mensaje" />'+
			'</div>';
		}
			
		$.fancybox(
			contenidofancybox
			,{
				'transitionIn':'none',
				'padding':20,
				'transitionOut':'fade',
				'width':600,
				'height':255,
				'overlayShow':true,
				'overlayOpacity':'0.2',
				'modal':true
				});
				
		if(que=="nuevo"){
			$.ajax({
				url: 'recursos/php/lista-amigos.php',
				success: function(data){
					$("input[type=button]").css("display","block");
					var amigos = data.split(";");
					$("#listaamigos").before('<select id="listaamigos" name="amigo" style="font-size:11px;color:#666;border:none;margin:0px; padding:0px;"></select>').remove();
					$.fancybox.resize();
					for(i=0;i<amigos.length;i++){
						$("#listaamigos").append('<option value="'+amigos[i]+'">'+amigos[i]+'</option>');
					}
				}
			});
		}else{
			$("input[type=button]").css("display","block");
			$.fancybox.resize();
		}
		
		$("input[type=button]").live("click",function(){
			var mensaje = $("#m").attr("value");
			var titulo	= $("#t").attr("value");
			var amigo	= $("#listaamigos").attr("value");
			
			if(mensaje.length<3){		alert('Mensaje demasiado corto');	return false;	}
			if(mensaje.length>1000){	alert('Mensaje demasiado largo');	return false;	}
			if(mensaje=='Tu mensaje'){	alert('Mensaje incorrecto');		return false;	}
			
			if(titulo.length<3){		alert('Titulo demasiado corto');	return false;	}
			if(titulo.length>250){		alert('Titulo demasiado largo');	return false;	}
			if(titulo=='Titulo'){		alert('Titulo incorrecto');			return false;	}
			
			$.ajax({
				type: "POST",
				url: "recursos/php/nuevo-mensaje.php",
				async: false,
				data:({
					titulo:titulo,
					mensaje:mensaje,
					user_dos:amigo,
					que:'crea'
					}),
				success: function(data){
					lanzaMensaje(data);
					$("#contenido").load("mensajeria.php",function(){bloquesvacios();esMensajeria();});
					/*lanzaMensaje(data);
					setTimeout(function(){window.location.reload()},2000);}*/}
			});
			
			
			return false;
		});
		
		$(".closemodal").live("click",function(){
			var mensaje = $("#m").attr("value");
			if(mensaje!='Tu mensaje'){
				if(confirm("Seguro que quieres cancelar? Se va a perder todo lo que hayas escrito.")){
					$.fancybox.close();
				}
			}else{
				$.fancybox.close();
			}
			return false;
		});
		
		return false;
	});
	
	$(".cadena .elimina").live("click",function(){
		if(confirm(tildes_unicode("Si eliminas la cadena de mensajes se eliminarán todos los mensajes que hay dentro.\nNo se puede deshacer"))){
			var href 	= $(this).attr("href");
			var id		= $(this).parents(".cadena").attr("id");
			var id 		= id.substr(0,(id.length-1)); // LE QUITO EL ULTIMO NUMERO (0/1) DONDE SE MARCA SI ESTA LEIDO O NO ( PARA NO REPETIR IDS EN EL HTML )
			
			$("#"+id+"0").remove();
			$("#"+id+"1").remove();
			
			bloquesvacios();
			$.fancybox.showActivity();
			$.ajax({
				type: "GET",
				url: href,
				success: function(data){$.fancybox.hideActivity();}
			});
		}
		return false;
	});
	
	$("div.mensaje").live("mouseenter",function(){
		var id = $(this).attr("id");
		$("div#"+id+" > .elimina").css("display","block");
	}).live("mouseleave",function(){
		var id = $(this).attr("id");
		$("div#"+id+" > .elimina").css("display","none");
		$("div#"+id+" > .elimina").text("Eliminar");
	});
	
	$("form#responde-mensaje input[type=submit]").live("click",function(){
		var usuario		= $("#menu-horizontal > p > a:first").text();
		var avatar		= $("h1 > a:last > img").attr("src");
		    avatar		= avatar.replace('-s.','-y.');
		var respuesta	= $("form#responde-mensaje textarea#respuesta").attr("value");
		var idcadena	= $("div#contenido > p > span > a").attr("rel");
		
		if(respuesta.length<3){
			alert("Respuesta demasiado corta (+"+(3-respuesta.length)+")");
			return false;
		}else if(respuesta.length>1000){
			alert("Respuesta demasiado larga (-"+(respuesta.length-1000)+")");
			return false;
		}
		
		$.ajax({
			type: "POST",
			url: "recursos/php/nuevo-mensaje.php",
			async: false,
			data:({
				respuesta:respuesta,
				idcadena:idcadena,
				que:'responde'
				}),
			success:function(data){
						if(data=='Respuesta enviada.'){
							$("form#responde-mensaje textarea#respuesta").attr("disabled","disabled").css("background-color","#EEE");
							$("form#responde-mensaje input[type=submit]").attr("value","Enviando respuesta...").attr("disabled","disabled");
							
							$("#contenido").append('<div class="mensaje" id="0">'+
														'<img class="avatar" src="'+avatar+'">'+
														'<span class="autor"><a href="'+usuario+'">'+usuario+'</a></span> '+
														'<span class="fecha">ahora mismo</span>'+
														'<br />'+
														'<span class="texto">'+respuesta+'</span>'+
														'</div>');
							$("form#responde-mensaje").remove();
						}else{
							alert(data);
						}
					}
		});
		cuentamensajes();
		return false;
	});
	
	$("#contenido > div > div.cadena span.titulo > a").live("click",function(){
		$.fancybox.showActivity();
		var href = $(this).attr("href");
		var titu = $(this).text();
		href = href.replace('index.php?s=mensaje&','mensaje.php?');
		$("#contenido").load(href,function(){
			$.fancybox.hideActivity();
			$("title").text('Ovejasnegras.com \u00BB Viendo cadena "'+titu+'"');
			cuentamensajes();
		});
		return false;
	});
	$('#contenido > p > span > a, div#sidebar > ul > li > a[href="index.php?s=mensajeria"]').live("click",function(){
		$.fancybox.showActivity();
		var href = $(this).attr("href");
		href = href.replace('index.php?s=mensajeria','mensajeria.php');
		$.ajax({url:href,success:function(data){
			$("#contenido").html(data);
			bloquesvacios();
			$.fancybox.hideActivity();
			$("title").text("Ovejasnegras.com \u00BB Cadenas de mensajes");
			esMensajeria();
		}});
		return false;
	});
	
	$("div.mensaje > a.elimina").live("click",function(){
		var idmensaje = $(this).parents(".mensaje").attr("id");
		if($(this).text()=='Eliminar'){
			$(this).text(tildes_unicode('¿Seguro que quieres eliminar este mensaje? No se puede deshacer'));
		}else{
			$.fancybox.showActivity();
			$.ajax({
				type: "POST",
				url: "recursos/php/fn.elimina-mensaje.php",
				data:({
					idmensaje:idmensaje
					}),
				success:function(data){
					$("#"+idmensaje).remove();
					$.fancybox.hideActivity();
					cuentamensajes();
				}
			});
		}
		return false;
	});
	
	$("#respuesta").live("keydown", function(){
		var respuesta = $("#respuesta").attr("value");
		$("label[for='respuesta']").text(tildes_unicode('Te quedan '+(1000-(respuesta.length))+' carácteres:'));
	});
	$("#respuesta").live("keyup", function(){
		var respuesta = $("#mensaje").attr("value");
		$("label[for='respuesta']").text('Tu comentario ('+(1000-(respuesta.length))+'):');
		if(respuesta.length<1000){
			$("#respuesta").css('background-color','#FFFFFF').css('color','#333').css('border','1px solid #4c69ae').focus();
		}
		if((1000-respuesta.length)<0){
			$("#respuesta").css('background-color','#fbbfbf').css('color','#000').css('border','1px solid #c00').focus();
		}
	});
	
	cita = $(".cita").size();
	if(cita){
		var alto = $(".cita").height();
		alto = parseInt(alto)+20;
		
		var altura_nuevomensaje = $(".nuevomensaje").css("top");
		altura_nuevomensaje = parseInt(altura_nuevomensaje);
		$(".nuevomensaje").css("top",(altura_nuevomensaje+alto)+"px");

		var altura_addamigos = $(".addamigos").css("top");
		altura_addamigos = parseInt(altura_addamigos);
		$(".addamigos").css("top",(altura_addamigos+alto)+"px");

		var altura_megustaperfil = $("#megusta-perfil").css("top");
		altura_megustaperfil = parseInt(altura_megustaperfil);
		$("#megusta-perfil").css("top", (altura_megustaperfil+alto)+"px");
	}
});