function setLoading(elementId) {
	document.getElementById(elementId).innerHTML = " ";
	document.getElementById(elementId).height = 60;
	document.getElementById(elementId).innerHTML = "<img src=\"images/loading.gif\" alt=\"Cargando\" align=\"center\"><br />Cargando...";
}

function setBlank(elementId) {
	document.getElementById(elementId).innerHTML = "&nbsp;";
}

function trim(str) {
	for (var i=0; i < str.length; i++) {
		if (str.charAt(i) == ' ') {
			str = str.substr(i+1);
			i = -1;
		}
		else
			break;
	}

	for (var i=str.length - 1; i>=0; i--) {
		if (str.charAt(i) == ' ') {
			str = str.substr(0, i);
			i = str.length;
		}
		else
			break;
	}
	return str;
}

function rateVideo(video_id, rating){
  $.get("includes/ajax.php", { video_id: video_id, rating: rating, action: "rateVideo"},
  function(data){
    //alert("resultado " + data);
	$('#videoFeaturesResult').html(data);
  });
}

function sendVideo(url, site, name, recaptcha_challenge_field, recaptcha_response_field){
	url = trim(url);
	site = trim(site);
	name = trim(name);
	
	if (url.length == 0 || site.length == 0 || name.length == 0 || recaptcha_challenge_field.lenth == 0 || recaptcha_response_field == 0) {
		alert('Por favor, complete todos los campos.');
		return false;
	}
	
	if (url.indexOf("http://") != 0) {
		alert("El enlace debe empezar con http://. Ejemplo: http://www.youtube.com/watch?v=WObfcDIf6lY");
		return false;
	}
	
	$.get("includes/ajax.php", { url: url, site: site, name: name, recaptcha_challenge_field: recaptcha_challenge_field, recaptcha_response_field: recaptcha_response_field, action: "sendVideo"},
	function(data){
	//alert("resultado " + data);
	$('#sendVideoResult').html(data);
	});
}

function change_color(value){
	for(i=1; i<=5; i++){
		var name = (i <= value) ? 'star' : 'star_gris';
    	$('#vote_'+i).attr('src', 'images/'+name+'.jpg');
	}
}

function commentVideo(video_id, name, comment){
	if (name.length == 0 || comment.length == 0) {
			alert('Por favor, completa todos los campos.');
			return false;
	}
  $.get("includes/ajax.php", { video_id: video_id, name: name, comment: comment, action: "commentVideo"},
  function(data){
    //alert("resultado " + data);
	$('#videoFeaturesResult').html(data);
  });
}

function showVideo(id, code) {
	var embed_d = document.getElementById("embed" + id);
	var e_link = document.getElementById("embed_link" + id);
	

	if (document.getElementById("embed" + id).innerHTML != "") {
		document.getElementById("embed" + id).innerHTML = "";
		document.getElementById("embed" + id).style.height = 1;
		document.getElementById("embed_link" + id).innerHTML = "Ver video aqu&iacute;";
		return;
	}
	
	setLoading("embed" + id);
	embed_d.style.height = "375px";

	embed_d.innerHTML = "&nbsp;" + code + "\n";
	e_link.innerHTML = "Ocultar video";
}

function displayCommentForm(video_id) {
	var pos = document.getElementById("videoFeatures").innerHTML.indexOf("Comentario");

	if (document.getElementById("videoFeatures").innerHTML != "" && pos > 0) {
		document.getElementById("videoFeatures").innerHTML = "";
		document.getElementById("videoFeaturesResult").innerHTML = "";
		document.getElementById("videoFeatures").style.height = 1;
		document.getElementById("videoFeatures").style.width = 1;
		return;
	}
	
	document.getElementById("videoFeaturesResult").innerHTML = "";
	document.getElementById("videoFeatures").style.height = 170;
	document.getElementById("videoFeatures").style.width = 425;
	document.getElementById("videoFeatures").innerHTML = "";
	document.getElementById("videoFeatures").innerHTML += '<form method="POST" action=""><table border="0" align="center"><tr><td class="titulo3">Nombre: </td><td><input type="text" name="name" size="33" maxlength="50" class="input_style"></td></tr><tr><td class="titulo3" valign="top">Comentario: </td><td><textarea name="comment" rows="5" cols="30" class="input_style"></textarea></td></tr><tr align="center"><td colspan="2"><input type="button" onClick="commentVideo(' + video_id + ', this.form.name.value, this.form.comment.value);" value="Enviar" name="enviar" class="input_style"></td></tr></table></form>';
}

function addSuscription(form) {
	var name = form.name.value;
	var email = form.email.value;
	
	if (name.length == 0 || email.length == 0) {
		alert('Por favor, completa ambos campos.');
		return false;
	}
		
	// AGREGAR VERIFICACION DE EMAIL POR JS
	setLoading('suscriptionResult');

	$.get("includes/ajax.php", { name: name, email: email, action: "addSuscription"},
  function(data){
    //alert("resultado " + data);
	$('#suscriptionResult').html(data);
  });
}

function searchVideos(form) {
	if (form.criteria.value.length == 0)
		return false;

	document.location.href = "buscar/" + escape(form.criteria.value) + '/';
	return false;
}


function comments(video_id) {
	setLoading('comments');

	$.get("includes/ajax.php", { action: "getComments", video_id: video_id},
	function(data){
	//alert("resultado " + data);
	$('#comments').html(data);
	});
}

function sendContactEmail(name, email, subject, message, recaptcha_challenge_field, recaptcha_response_field, container) {
	setLoading(container);
	
	if (name.length == 0 || email.length == 0 || message.length == 0 || subject.length == 0 || recaptcha_challenge_field.lenth == 0 || recaptcha_response_field == 0) {
			alert('Por favor, completa todos los campos.');
			setBlank(container);
			return false;
	}
		
	$.get("includes/ajax.php", { action: "sendContactEmail", name: name, email: email, subject: subject, message: message, recaptcha_challenge_field: recaptcha_challenge_field, recaptcha_response_field: recaptcha_response_field},
	function(data){
	$('#' + container).html(data);
	});
}

function suscriptionResendEmail(email, container) {
	setLoading(container);
	
	$.get("includes/ajax.php", { action: "suscriptionResendEmail", email: email},
	function(data){
	$('#' + container).html(data);
	});
}

function changeContainerDisplay(containerId) {
	container = document.getElementById(containerId);

	if (container.style.display != 'inline') {
		container.style.display = 'inline';
	}
	else {
		container.style.display = 'none';
	}
}

function displayShareForm(video_id) {
	var container = document.getElementById("videoFeatures");
	var containerResult = document.getElementById("videoFeaturesResult");
	
	var pos = container.innerHTML.indexOf("namec");
	if (container.innerHTML != "" && pos > 0) {
		container.innerHTML = "";
		containerResult.innerHTML = "";
		container.style.height = 1;
		container.style.width = 1;
		return;
	}
	
	containerResult.innerHTML = "";
	container.style.height = 250;
	container.style.width = 425;
	container.innerHTML = "";
	container.innerHTML += '<form><table align="center"><tr><td align="left" class="titulo3"><b>Tu nombre: </b></td><td><input type=text name="namec" maxlength="50" class="input_style" /></td></tr><tr><td align="left" class="titulo3"><b>Tu e-mail: </b></td><td><input type=text name="email" maxlength="50" class="input_style" /></td></tr><tr><td align="left" class="titulo3"><b>E-mail de tu amigo: </b></td><td><input type=text name="recipient" maxlength="60" class="input_style" /></td></tr><tr><td colspan="2"><div id="recaptcha_div">&nbsp;</div></td></tr><tr align="center"><td colspan="2" align="center" style="padding-top: 5px;"><input type="hidden" name="video_id" value="' + video_id + '" /><input type="button" class="input_style" onClick="shareVideo(this.form.namec.value, this.form.email.value, this.form.recipient.value, this.form.video_id.value, this.form.recaptcha_challenge_field.value, this.form.recaptcha_response_field.value)" name="enviar" value="Enviar" /></td></tr></table></form>';
	Recaptcha.create(recaptcha_key,
	"recaptcha_div", {
	   theme: "red",
	   callback: Recaptcha.focus_response_field
	});

}

function shareVideo(name, email, recipient, video_id, recaptcha_challenge_field, recaptcha_response_field) {
	if (name.length == 0 || email.length == 0 || recipient.length == 0 || video_id == 0 || recaptcha_challenge_field.lenth == 0 || recaptcha_response_field == 0) {
		alert('Por favor, completa todos los campos.');
		return false;
	}
	
	setLoading('videoFeaturesResult');
	
	$.get("includes/ajax.php", { action: "shareVideo", name: name, email: email, recipient: recipient, video_id: video_id, recaptcha_challenge_field: recaptcha_challenge_field, recaptcha_response_field: recaptcha_response_field},
	function(data){
	$('#videoFeaturesResult').html(data);
	});	
}

function messengerRecommend() {
	var str = $('#recommendLink').html();
	var match = str.search("Recomienda");
	var html = "";

	if (match != -1) 
		html = "Ocultar este formulario";
	else
		html = "&iexcl;Recomienda este video por tu Messenger!";
	
	
	$('#recommendLink').html(html);
	$('#recomendarMsnDiv').toggle();
}