var fastTime = 1500;
var slowTime = 4000;
var timeoutRed = 10000;
var checkTimer = 30000;

function showIETip(){
	if(!($.cookie('ie6tip'))){
		$('#ie6tip').toggle(true);
		$('body').toggleClass('alert',true);
		$('#contenido').toggleClass('alert2',true);
		$('#ie6tip .cerrarAlert').click(function(e){
			e.preventDefault();
			$('body').toggleClass('alert',false);
			$('#contenido').toggleClass('alert2',false);		
			$('#ie6tip').toggle(false);
		});
		$.cookie('ie6tip', 'done', { path: '/', expires: 0 });
	}
}

function broma() {
    $('li#respuesta-1219 div.bloqueIzq p.ptexto').fadeOut(500).fadeIn(500);
}

$(function(){
        
	// BROMA A UN COMENTARISTA
	setInterval('broma()',1000);
        
	var id_charla = null;
	var blacklisted = false
	
	$('.cycleImagenesCont').cycle({
		'fx': 'scrollDown',
		'pause': 0,
		'delay': 3000,
		'next': '#next',
		'prev': '#prev',
		'speed': 'fast',
		'timeout': 7000
	});


  $('#comentario').keyup(function(e){
		$('#caractersLeft').text(1500 - parseInt($('#comentario').val().length));
		if(parseInt($('#comentario').val().length)>1500){
			$('#caractersLeft').toggleClass('toomuch',true);
		}else{
			$('#caractersLeft').toggleClass('toomuch',false);
		}
	});
	
	$('#texto').keyup(function(e){
//		alert(parseInt($('#texto').val().length));
		$('#caractersLeft').text(250 - parseInt($('#texto').val().length));
		if(parseInt($('#texto').val().length)>250){
			$('#caractersLeft').toggleClass('toomuch',true);
		}else{
			$('#caractersLeft').toggleClass('toomuch',false);
		}
	});
	/*$('#main div.futurascont:not(.full) div.contCrusaito ul').cycle({
		fx: 'scrollLeft',
		speed: 300, 
		timeout: 5000,
		pause: 1,
		next: '#next',
		prev: '#prev',
		delay: 0
	});*/
	$('#main.charla.futura a.mas').click(function(e){
		e.preventDefault();
		 if(blacklisted){
			$('#status').html('<p class="error">Ya hiciste demasiado por hoy, descansa ;)</p>');
			setTimeout(outStatus,slowTime);
			$('#statusContainer').fadeIn('fast');
			return;
		} 
		var timerRed = setTimeout(errorRed,timeoutRed);
		$('#status').html('<p class="working">Descargando...</p>');
		$('#statusContainer').fadeIn('fast');
		$.ajax({
			'type': 'POST',
			'url': '/api/masVotacion.php',
			'dataType': 'json',
			'data': {
				'charla': $('#id_charla').val()
			},
			'success': function(json){
				if(json.ok){
					outStatus();
					clearTimeout(timerRed);
					$('.propuestasRnd li').hide();					
					$(json.data).each(function(){
						$('<li></li>')
							.addClass('hidden')
							.html('<div class="menea"><p><a href="" class="yeah"><span>Mola</span></a><!--<a href="" class="shit"><span>No mola</span></a>--></p></div><p class="texto">' + this.texto + '</p><p class="autor">' + this.autor + '</p><input type="hidden" value="' + this.id + '" class="idholder" />')
							.prependTo($('.propuestasRnd'));
					});
				}else{
					clearTimeout(timerRed);
					$('#status').html('<p class="error">' + json.data + '</p>');
					setTimeout(outStatus,slowTime);					
				}
			}
		});
	});
	
	$('#main.charla #enviaPreguntaBut').click(function(e){
		e.preventDefault();
		if(($('#nombre').val().length == 0) || ($('#email').val().length == 0) || ($('#texto').val().length == 0)){
			$('#status').html('<p class="error">Por favor, rellena todos los campos ;)</p>');
			setTimeout(outStatus,slowTime);
			$('#statusContainer').fadeIn('slow');
			return;			
		}
		if(blacklisted){
			$('#status').html('<p class="error">Ya hiciste demasiado por hoy, descansa ;)</p>');
			setTimeout(outStatus,slowTime);
			$('#statusContainer').fadeIn('slow');			
			return;
		}
		if(parseInt($('#texto').val().length)>255){
			$('#status').html('<p class="error">Tu pregunta es demasiado larga ;D</p>');
			setTimeout(outStatus,slowTime);
			$('#statusContainer').fadeIn('slow');			
			return;
		}
		$(this).toggleClass('active',true);
		var timerRed = setTimeout(errorRed,timeoutRed);
		$.ajax({
			'type': 'POST',
			'url': '/api/envia.php',
			'dataType': 'json',
			'data': {
				'charla': $('#id_charla').val(),
				'nombre': $('#nombre').val(),
				'email': $('#email').val(),
				'texto': $('#texto').val()
			},
			'success': function(json){
				clearTimeout(timerRed);
				if(json.ok){
					clearForm();
					$('#status').html('<p class="ok">¡Enviado! Gracias por participar :)</p>');
					setTimeout(outStatus,slowTime);					
				}else{
					//blacklisted = true;
					$('#status').html('<p class="error">' + json.data + '</p>');
					$('#statusContainer').fadeIn('slow');
					setTimeout(outStatus,slowTime);							
				}
			}
		});
		$('#status').html('<p class="working">Enviando...</p>');
		$('#statusContainer').fadeIn('slow');
	});
	
	$('#main.charla.futura a.yeah').live("click",function(e){
		e.preventDefault();
		if(blacklisted){
			$('#status').html('<p class="error">Ya hiciste demasiado por hoy, descansa ;)</p>');
			setTimeout(outStatus,slowTime);
			$('#statusContainer').fadeIn('slow');			
			return;
		} 
		if(!$(this).is('.active')){
			var timerRed = setTimeout(errorRed,timeoutRed);
			//$(this).siblings('.shit').hide("fast");
			$(this).hide("fast");
			$(this).toggleClass('active',true);
			$.ajax({
				'type': 'POST',
				'dataType': 'json',
				'url': '/api/menea.php',
				'data': {
					'id': $(this).closest('li').find('input.idholder').val(),
					'voto': 1,
					'charla': $('#id_charla').val()
				},
				'success': function(json){
					clearTimeout(timerRed);
					if(!json.ok){
						$('#status').html('<p class="error">' + json.data + '</p>');
						//blacklisted = true;
						$('#statusContainer').fadeIn('slow');
						setTimeout(outStatus,slowTime);						
					}
				}				
			});
			
		}
	});

	$('#main.charla.futura a.shit').live("click",function(e){
		e.preventDefault();
		 if(blacklisted){
			$('#status').html('<p class="error">Ya hiciste demasiado por hoy, descansa ;)</p>');
			setTimeout(outStatus,slowTime);
			$('#statusContainer').fadeIn('slow');			
			return;
		} 
		if(!$(this).is('.active')){
			var timerRed = setTimeout(errorRed,timeoutRed);
			//$(this).siblings('.yeah').hide("fast");
			$(this).hide("fast");			
			$(this).toggleClass('active',true);
			$.ajax({
				'type': 'POST',
				'dataType': 'json',
				'url': '/api/menea.php',
				'data': {
					'id': $(this).closest('li').find('input.idholder').val(),
					'voto': -1,
					'charla': $('#id_charla').val()
				},
				'success': function(json){
					clearTimeout(timerRed);
					if(!json.ok){
						$('#status').html('<p class="error">' + json.data + '</p>');
						//blacklisted = true;
						$('#statusContainer').fadeIn('slow');
						setTimeout(outStatus,slowTime);						
					}
				}				
			});
			
		}
	});
	
	if($('#main.charla.encurso').length>0){
		setInterval(checkCharla,checkTimer);
	}
	

	
});

function clearForm(){
	$('#nombre').val('');
	$('#email').val('');
	$('#texto').val('');
}
	
function checkCharla(){
	var ultimoId = ($('ul.respuestas li').length == 0)?0:$('ul.respuestas li').eq(0).attr('id').split('-')[1];
	var timerRed = setTimeout(errorRed,timeoutRed);
	$('#status').html('<p class="working">Actualizando charla...</p>');
	$('#statusContainer').fadeIn('fast');	
	
	$.ajax({
		'type': 'GET',
		'dataType': 'json',
		'url': '/api/charla.php',
		'data': {
			'charla': $('#id_charla').val(),
			'last': ultimoId
		},
		'success': function(json){
			clearTimeout(timerRed);
			outStatus();
			if(json.ok){
				$(json.data).each(function(){
					if(this.moderador){
						$('<li></li>')
							.addClass('moderador')
							.attr('id','respuesta-' + this.id)
							.attr('style','display: none;')
							.html('<p>' + this.texto + '</p>')
							.prependTo('ul.respuestas')
							.slideDown('fast')
							.fadeIn(100)
							.fadeOut(100)
							.fadeIn(100)
							.fadeOut(100)
							.fadeIn(100);
					}else{
						if(this.pid){
							$('<li></li>')
								.addClass('usuario')
								.addClass('respuesta')
								.attr('id','respuesta-' + this.id)
								.attr('style','display: none;')
								.html('<div class="bloqueIzq"><p class="ptexto">' + this.ptexto + '</p><p class="autor">' + this.nombre + '</p></div><div class="bloqueDer"><p class="rtexto">' + this.texto + '</p><p class="autor">' + this.usuario + '</p></div>')
								.prependTo('ul.respuestas')
								.slideDown('fast')
								.fadeIn(100)
								.fadeOut(100)
								.fadeIn(100)
								.fadeOut(100)
								.fadeIn(100);
						}else{
							$('<li></li>')
								.addClass('usuario')
								.addClass('nota')
								.attr('id','respuesta-' + this.id)
								.attr('style','display: none;')
								.html('<div class="imgHack"></div><div class="avatar"><img src="' + $('#img_charla').attr('src') + '" alt="El invitado dice..." /></div><p class="nota">' + this.texto + '</p>')
								.prependTo('ul.respuestas')
								.slideDown('fast')
								.fadeIn(100)
								.fadeOut(100)
								.fadeIn(100)
								.fadeOut(100)
								.fadeIn(100);
						}
					}
				});
			}else{
				$('#status').html('<p class="error">' + json.data + '</p>');
				$('#statusContainer').fadeIn('slow');
				setTimeout(outStatus,slowTime);
			}
		}
	});	
}

function errorRed(){
	$('#status').html('<p class="error">Parece que hay problemas con la red :(</p>');
	$('#statusContainer').fadeIn('slow');
	setTimeout(outStatus,slowTime);	
}

function outStatus(){
	$('#statusContainer').fadeOut('slow');
}


function enviaComentario(url)
{
  document.body.style.cursor="wait";

  // Mensajes para mostrar
  var mensaje = "Los comentarios deben tener:<br />";
  var comentarioCorrecto = "Gracias por su comentario. En unos instantes será publicado.";
  var comentarioIncorrecto = "Se ha producido un error al enviar su comentario.";

  // Campos del formulario
  var nick = $('#nick').val();
  var email = $('#email').val();
  var texto = $('#comentario').val();
  var charlaid = $('#charlaid').val(); 

//  alert('enviaComentario() n='+nick+' e='+email+' t='+texto+' ch='+charlaid+' ...');

  var err = false;
  var email_regexp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

  // Comprobando validez del comentario
  if(!nick.length) {
    mensaje += "- Nombre<br />";
    err = true;
  }
  if(!email.length) {
    mensaje += "- Correo electrónico<br />";
    err = true;
  }
  if(!email.match(email_regexp)) {
    mensaje += "- Dirección de correo bien formada. Debe ser de la forma usuario@servidor.com <br />";
    err = true;
  }
  if(!texto.length) {
    mensaje += "- Texto en el comentario<br />";
    err = true;
  }
  if(texto.length > 1500) {
    mensaje += "- Texto que no exceda de 1500 caracteres<br />";
    err = true;
  }  
  


  if(err) {
    // Mostrando error ¿alert o una capa?
    document.body.style.cursor = "default";
    $('.comentarios-mensaje-usuario').addClass('error');
    $('.comentarios-mensaje-usuario')[0].innerHTML = mensaje;
    $('.comentarios-mensaje-usuario').fadeIn(500);
    $('.comentarios-mensaje-usuario').fadeOut(6000);
    $('.comentarios-mensaje-usuario').removeClass('error');
  }
  else {
    // Enviando el comentario
    $.post(
    "comentar",  
    { 
      charlaid: charlaid, 
      nick: nick,
      email: email,
      texto: texto
    },
    function(data) {
      arr = data.split('|')
      mensaje = arr[0];    
      tipo = arr[1];    
      if(tipo = 'error') {
        $('.comentarios-mensaje-usuario').addClass('error');
      }
      $('.comentarios-mensaje-usuario')[0].innerHTML = mensaje;
      $('.comentarios-mensaje-usuario').fadeIn(500);
      $('.comentarios-mensaje-usuario').fadeOut(6000);
      $('.comentarios-mensaje-usuario').removeClass('error');
    });
    $('#nick').val('');
    $('#email').val('');
    $('#comentario').val('');
  }

  document.body.style.cursor="default";
}