$(function() {
    $('<div id="cargando">Cargando...</div>')
        .ajaxStart(function() {$(this).show();})
        .ajaxStop(function() {$(this).hide();})
        .appendTo('#bordecabecera');
	
	//enviar formulario datos administradorIndex
    $('#formularioComentario').ajaxForm({ 
        dataType:  'json', 
		beforeSubmit:function() { 
			$("#enviarComentario").attr("disabled", "disabled");
        	$("#enviarComentario").attr("value", "Enviando...");
    	},
        success:
		function(datos) { 
			procesarJson(datos, $("#formularioComentario").attr("id"));
			$("#enviarComentario").removeAttr("disabled");
        	$("#enviarComentario").attr("value", "Enviar el Comentario");
        	
    	} 
    });
	
	$("#slideTutorial").wslide({
				width: 272,
				height:170
			});
			$("#listamasvotado").hide();
			$("#masleido a").addClass("masleidoSelected");
			
			$("#masleido").click(function () { 
				$("#listamasleido").fadeIn('slow');
				$("#listamasvotado").hide();
				$("#masvotado a").removeClass("masvotadoSelected");
				$("#masleido a").addClass("masleidoSelected");
				return false;
			});
			$("#masvotado").click(function () { 
				$("#listamasvotado").fadeIn('slow');
				$("#listamasleido").hide();
				$("#masleido a").removeClass("masleidoSelected");
				$("#masvotado a").addClass("masvotadoSelected");
				return false;
			});
	
		
   
});

function procesarJson(datos, idForm) {
	$("div").remove("#info");//removemos todos los mensajes de error del formulario
	$.each(datos, function(i,item){  
	//alert(i);
		if(i == 'aviso'){//dependiendo de si es un error de un input o uno general
			html='<div id="info"><div id="infoCerrar"><img src="/vistas/web/img/borrar.png" alt="Cerrar"/></div><ul>';
			if (typeof item == 'string') {//si el mensaje es un simple string, se devuelve un li simple
				html += '<li>' + item + '</li>';
			}
			else {
				$.each(item, function(j, msgformulario){ //recorrer los elementos del formulario para listarlos
					html += '<li>' + msgformulario + '</li>';
				});
			}
			html+='</ul></div>';
			$(html).insertAfter("#irForm");//mostramos mensajes de error obtenidos con json
			
			//efecto parpadeante
			$("#info").fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600);
			
			//Habilita un boton para cerrar la caja de info
			$("#infoCerrar").click(function () { 
      			$("div").remove("#info");
    		});
		}
		
	});
	if(datos.error == false){
				$("#" + idForm).resetForm();
				$('<div id="nuevoComentario"><div class="cuerpo">'+datos.datos.com_comentario+'</div><div class="final"><strong>Hace un momento '+$('#nick').val()+' dijo</strong></div></div>').insertBefore('#irForm');
                $('#nuevoComentario').animate({ left: 50, opacity: 'show' }, 2500);
				$('#nuevoComentario').fadeOut(600).fadeIn(600).fadeOut(600).fadeIn(600);
	}
}

myBbcodeSettings = {
	previewParserPath:	'', // path to your BBCode parser
	markupSet: [
		{name:'Negrita', key:'B', openWith:'[b]', closeWith:'[/b]'},
		{name:'Cursiva', key:'I', openWith:'[i]', closeWith:'[/i]'},
		{name:'Subrayado', key:'U', openWith:'[u]', closeWith:'[/u]'},
		{separator:'-' },
		{name:'Imagen', key:'P', replaceWith:'[img][![Url]!][/img]'},
		{name:'Enlace', key:'L', openWith:'[url=[![Url]!]]', closeWith:'[/url]', placeHolder:'Tu texto aquí'},
		{separator:'-' },
		{name:'Lista Desordenada', openWith:'[list]\n', closeWith:'\n[/list]'},
		{name:'Lista Numérica', openWith:'[list=[![Número de Inicio]!]]\n', closeWith:'\n[/list]'}, 
		{name:'List item', openWith:'[*] '},
		{separator:'-' },
		{name:'Citar', openWith:'[quote]', closeWith:'[/quote]'},
		{name:'Código', openWith:'[code]', closeWith:'[/code]'}, 
		{name:'Vídeo', openWith:'[video]', closeWith:'[/video]'}, 
	]
}
$(document).ready(function()	{
	//ancla par ir a formulario de comentarios
	$("a.anchorLink").click(function () {
		elementClick = $(this).attr("href")
		destination = $(elementClick).offset().top;
		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 1800 );
		return false;
	})
	//Editor BBcode de comentarios
	$('#comentario').markItUp(myBbcodeSettings);

	$('#emoticonos a').click(function() {
		emoticon = $(this).attr("title");
		$.markItUp( { replaceWith:emoticon } );
		return false;
	});
	
	
	
	$(".respuesta-comentario").bind("click",function(){
        var ID = $(this).attr("id").replace("respuesta-comentario-", "");
        var title = $(this).attr("title");
        //$(this).attr("href", "#coment");
		//hacer scroll hasta el textarea
		destination = $("#comentario").offset().top;
		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 1200 );
		//foco al textarea de comentarios
		$("#comentario").focus();
		//guardamos el valor del textarea antiguo y le introducimos la referencia a responder
		var old =  $("#comentario").val();
		old += '\n[reply=#comentario-'+ID+' title='+title+']@'+$(this).attr("rel")+'[/reply]';
		$("#comentario").val(old);
	    return false;
	})
});