/*FB.Connect.requireSession();*/

var tabs = new Array("mt", "tw", "fb", "box");
var twwindow;
var max_chars = 0;

function login(id_tab){
	$("#comment_" + tabs[id_tab] + "_tab").attr("class", "tab_prendida");
	$("#comment_" + tabs[((id_tab+1)%3)] + "_tab").attr("class", "tab_apagada");
	$("#comment_" + tabs[((id_tab+2)%3)] + "_tab").attr("class", "tab_apagada");
	
	$("#comment_" + tabs[((id_tab+1)%3)] + "_cont").hide();
	$("#comment_" + tabs[((id_tab+2)%3)] + "_cont").hide();
		
	$("#link_salir").attr("onClick", "salir(" + id_tab + ")");
	
	if($("#nombre_comentario" + tabs[id_tab]).val() != ""){
		$("#comment_" + tabs[3] + "_cont").show();
		$("#comment_" + tabs[id_tab] + "_cont").hide();
	}else{
		$("#comment_" + tabs[3] + "_cont").hide();
		$("#comment_" + tabs[id_tab] + "_cont").show();
		
	}
	
	var url_path = $("#url_path").val();
	
	if($("#nombre_comentario" + tabs[id_tab]).val() == "" || ($("#twoauth_token").val() == "" && $("#twoauth_token_secret").val() == "" && id_tab == 1) || ($("#access_token").val() == "" && id_tab == 2)){
		switch(id_tab){
			case 0:
			break;
		
			case 1:
				twwindow = window.open(url_path + "logueate.php", "Popupfenster", "width=800,height=350,resizable=yes");
			break;
		
			case 2:
				var appID = "245341545712";

				function displayUser(user) {
					$("#nombre_comentariofb").val(user.name);
					$("#mail_comentariofb").val(user.link);
					foto = user.link;
					foto = foto.replace("profile.php?id=", "");
					foto = foto.replace("www", "graph");
					$("#avatarfb").val(foto + "/picture?type=square");
					$("#comment_identity_block2").html(user.name);
					
					logueado();
				}

				if (window.location.hash.length == 0) {
					var path = 'https://www.facebook.com/dialog/oauth?';
					var queryParams = ['client_id=' + appID,
					'redirect_uri=http://www2.mediotiempo.com/comentarios_nuevos/callbackfb.php',
					'vengo_uri=' + window.location,
					'scope=publish_stream',
					'response_type=token'];

					var query = queryParams.join('&');
					var url = path + query;
					window.open(url, "FB", "menubar=0,resizable=0,width=350,height=250");
				} else {
					var accessToken = window.location.hash.substring(1);
					var path = "https://graph.facebook.com/me?";
					var queryParams = [accessToken, 'callback=displayUser'];
					var query = queryParams.join('&');
					var url = path + query;

					// use jsonp to call the graph
					var script = document.createElement('script');
					script.src = url;
					document.body.appendChild(script);
				}
			break;
		}
	}else{
		$("#comment_identity_block2").html($("#nombre_comentario" + tabs[id_tab]).val());
	}
	
	switch(id_tab){
		case 0:
			$("#servicio_comentario").val("mediotiempo");
			$("#alerta").html("");
		break;
	
		case 1:
			$("#servicio_comentario").val("twitter");
			var cuantos_temp = 120 - $('#hash_tags').val().length - 2;
			if($('#opinion_comentario').val().length > cuantos_temp){
				$("#alerta").html("Solo se enviaran los primeros " + cuantos_temp + " caracteres a Twitter.");
			}else{
				$("#alerta").html("");
			}
		break;
	
		case 2:
			$("#servicio_comentario").val("facebook");
			$("#alerta").html("");
		break;
	}
}

$(document).ready(function(){
	login(0);
	max_chars = $("#caracteres_maximos").val();
	
	FB.init({appId: '245341545712', status: true, cookie: true, xfbml: true, domain: "mediotiempo.com"});
	
	$('#opinion_comentario').keyup(function(){
		var self = $(this);
		
		if($("#servicio_comentario").val() == "twitter"){
			var cuantos_temp = 120 - $('#hash_tags').val().length - 2;
			if(self.val().length > cuantos_temp){
				$("#alerta").html("Solo se enviaran los primeros " + cuantos_temp + " caracteres a Twitter.");
			}else{
				$("#alerta").html("");
			}
		}
		
		if(self.val().length > max_chars){
			self.val(self.val().substr(0, max_chars));
		}
		$('#conteo_caracter').html('Restan ' + (max_chars - self.val().length) + ' caracteres');
	});
});

function logueado(){
	$("#comment_" + tabs[0] + "_cont").hide();
	$("#comment_" + tabs[1] + "_cont").hide();
	$("#comment_" + tabs[2] + "_cont").hide();
	$("#comment_" + tabs[3] + "_cont").show();
	$("#boton_comentarios_imagen").attr("src", $("#boton_comentarios_imagen").attr("original"));
}

$.fn.pause = function(duration) {
	$(this).animate({dummy: 1}, duration);
    
	return this;
};

var contador = function(){
	cero = "";
	segundos = parseInt($('#segundos_espera').text());
	
	if(segundos < 11){
		cero = "0"
	}else{
		cero = ""
	};
	
	$('#segundos_espera').text(cero+segundos-1);
}

var comentando = function(){
	$('#segundos_espera').text('15')
	var url_comentarios = $('#url_comentarios').val();
	var grupo_comentario = $('#grupo_comentario').val();
	var nombre_comentariome = $('#nombre_comentariome').val();
	var nombre_comentariofb = $('#nombre_comentariofb').val();
	var nombre_comentariotw = $('#nombre_comentariotw').val();
	var mail_comentariofb = $('#mail_comentariofb').val();
	var mail_comentariotw = $('#mail_comentariotw').val();
	var tinyurl = $('#tinyurl').val();
	var opinion_comentario = $('#opinion_comentario').val();
	var tipo_servicio = $('#servicio_comentario').val();
	var avatartw = $('#avatartw').val();
	var avatarfb = $('#avatarfb').val();
	var pagina_comentario = $('#pagina_comentarios').val();
	var titulo_comentario = $('#titulo_dedonde_comentario').val();
	if(titulo_comentario == ""){ titulo_comentario = document.title;}
	var twoauth_token = $('#twoauth_token').val();
	var twoauth_token_secret = $('#twoauth_token_secret').val();
	
	var uri = location.href;
	uri = uri.replace(/=/g, "ˇsigualˇ").replace(/&/g, "ˇampˇ");
	opinion_comentario = opinion_comentario.replace(/=/g, "ˇsigualˇ").replace(/&/g, "ˇampˇ");
	var id_dedonde_comentario = $('#id_dedonde_comentario').val();
	var bitly;
		
	if (tipo_servicio == "twitter") {
		mail_comentario = mail_comentariotw;
		nombre_comentario = nombre_comentariotw;
		avatar = avatartw;
	}
	else if (tipo_servicio == "facebook") {
		mail_comentario = mail_comentariofb;
		nombre_comentario = nombre_comentariofb;
		avatar = avatarfb;
	}
	else if (tipo_servicio == "mediotiempo") {
		mail_comentario = "mediotiempo";
		nombre_comentario = nombre_comentariome;
		avatar = "";
	}
	
	if (opinion_comentario != "" && tipo_servicio != "" && (nombre_comentario != "" || tipo_servicio == "mediotiempo") && (mail_comentario != "" || tipo_servicio == "mediotiempo") && ((twoauth_token != "" && twoauth_token_secret != "") || tipo_servicio != "twitter")) {
		$('#bloque_info').slideDown('slow', function(){
			$('#bloque_info').pause(10000).slideUp('slow', function(){
				window.clearInterval(intervalo);
			});
			intervalo = window.setInterval("contador()", 1000);
		});
	
		var queryString = "Mcomentario=1&id=" + id_dedonde_comentario + "&opinion_comentario=" + opinion_comentario + "&grupo=" + grupo_comentario + "&uri=" + uri + "&pagina=" + pagina_comentario + "&titulo=" + titulo_comentario + "&servicio=" + tipo_servicio + "&nombre_comentario=" + nombre_comentario + "&mail_comentario=" + mail_comentario + "&avatar=" + avatar + "&oauth_token=" + twoauth_token + "&oauth_token_secret=" + twoauth_token_secret + "&tinyurl=" + tinyurl;

		ejecucionOK(url_comentarios, queryString);
		
		$("#opinion_comentario").val("");
		$("#conteo_caracter").val("Restan " + max_chars + " caracteres");
	}
	else 
		alert("Debes llenar todos los campos para comentar!");
	
	return false;
	
}

function salir(id_tab){
	switch(id_tab){
		case 0:
			/*$('#salirframe').attr('src', 'http://foro.mediotiempo.com/login.php?do=logout&logouthash=' + hash_mt);*/
			$('#nombre_comentariomt').val('');
			
			login(0);
		break;
		
		case 1:
			$('#nombre_comentariotw').val('');
			$('#mail_comentariotw').val('');
			$('#avatartw').val('');
			$('#twoauth_token').val('');
			$('#twoauth_token_secret').val('');
			
			login(0);
		break;
		
		case 2:
			$('#nombre_comentariofb').val('');
			$('#mail_comentariofb').val('');
			$('#avatarfb').val('');

			login(0);
		break;
	}
	
	$('#servicio_comentario').val('');
}

var ejecucionOK = function(pagina, queryString){
	 $.ajax({
		type: "POST",
		url: pagina,
		cache: false,
		data: queryString,
		success: function(html){
			$('#ejecuta_comentarios').html(html);
		}
	});
}