window.Clab = {
	fixedSidebar: function(){
		var fixed = false;
		var $bar = $('#bar-lateral').removeClass('fixed');
		var $parent = $bar.parent();
		var top = $bar.offset().top - parseInt( $bar.css('margin-top'), 10 );
		var height = $bar.outerHeight();

		$(window).unbind('scroll').bind('scroll', function(e){
			var parent_offset = ($parent.offset().top + $parent.height()) - (height + 10);
			var offset = window.pageYOffset;

			if (offset >= parent_offset) {
				$bar.css({ top: parent_offset, right: 10 });
				$bar.removeClass('fixed').addClass('static');
				fixed = false;
				return;
			}

			if (!fixed && offset >= top) {
				$bar.removeClass('static').addClass('fixed').css({ top: 'auto', right: 'auto' });
				fixed = true;
			}

			if (fixed && offset <= top) {
				$bar.removeClass('static').removeClass('fixed').css({ top: 'auto', right: 'auto' });
				fixed = false;
			}
		});
	}
};

//Simplemente esconde o muestra la caja de busqueda. 
function recordarPassword()
{
	if(!recordarpass)
	{
		$("#olvidarclave").animate({width: 'hide'});
		$("#recordarclave").animate({width: 'show'});
	}
	recordarpass = 1;
}

var recordarpass = 0;
$(document).ready(function() {
	
	/* Activa placeholder y desactiva vals por defecto en navegadores con HTML5 */
	if("placeholder" in document.createElement("input"))
	{
		$("#login_username").val("");
		$("#login_password").val("");
	}
	$("#login_username").focus(recordarPassword);
	
	$("#registrate_link").mouseover( function () {
		var username = $("#username");
		if ($("#registro").is(':hidden')) {
			$(this).addClass("registro_link");
			$("#registro").fadeIn("fast", function(){
				username.focus();
			});
		} else {
			username.focus();
		}
	});
	
	$("#login_comment").click( function () {
		$("#login_username").focus();
		return false;
	});
	
	$("#login_error").prev().focus();
	
	$("#registrate_link, #registrate_index, #registrate_comment").click( function () {
		$("#registrate_link").triggerHandler("mouseover");
		return false;
	});

	$("#login_username, #login_password, #busqueda, #subscribe_email").one("focus", function () {
		$(this).val("");
	});

	var container = $("div.container");
	var validator = $("#registro").validate({
		rules: {
				username: "required",
				new_password:
				{
					required: true,
					minlength: 4
				},
				email: {
					required: true,
					email: true
				},
				terms: "required"
			},
		messages: {
				username: "Por favor, escribe un nombre de usuario.",
				new_password: "Por favor, escribe una contrase&ntilde;a de 4 caracteres al menos.",
				email: "Por favor, escribe un email v&aacute;lido.",
				terms: "Debes aceptar los t&eacute;rminos."
			},
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else
				error.appendTo( element.parent().next() );

		}
	});
	
	//$("#username").rules("add", {
	//	 required: true,
	//	 messages: {
	//	   required: "Por favor, escribe un nombre de usuario."
	//	 }
	//});

	$("#registro").submit(function() {
		var password = $("#new_password").val();
		$("#password_confirm").attr("value", password);
		return true;
	});

	$("#cerrar").click( function () {
		$("#registrate_link").removeClass("registro_link");
		$("#registro").fadeOut("fast");
		validator.resetForm();
		return false;
	});
	
	//Paginación del blog, destacados
	var featured_pagination = [
		'<p class="pagination clearfix">',
			'<span class="left">&laquo; <a>Anteriores</a></span>',
			'<span class="right"><a>Siguientes</a> &raquo;</span>',
		'</p>'
	].join("\n");
	$(featured_pagination)
		.insertAfter('#widget-featured-carousel')
		.find('span')
		.bind('mouseenter', function(){
			var $link = $(this);
			var speed = 'fast';
			var $carousel = $('#widget-featured-carousel');
			
			if ($link.is(':animated') || $carousel.is(':animated'))
				return false;
	
			if ($link.is('.left')) {
				$carousel.animate({ left: 0 }, speed);
				$link.fadeOut(speed).next().fadeIn(speed);
			}
			
			if ($link.is('.right')) {
				$carousel.animate({ left: '-290px' }, speed);
				$link.fadeOut(speed).prev().fadeIn(speed);
			}
		}
	);
	
	// Mostrar y Ocultar mas tutoriales
	$('a.more').die('click').live('click', function(e){
		e.preventDefault();
	
		var $more = $(this).parents('.listatutos:first').next();
		if ($more.not(':animated')) {
			//$more.fadeToggle();
			$more.animate({ height: 'toggle', opacity: 'toggle' })
		}
	});

	// Paginacion de videotutoriales
	var $video_pagination = $('.video-pagination');
	if ($video_pagination.length) {
		$video_pagination.find('a').bind('click', function(e){
			e.preventDefault();
			var $link = $(this);
			if ($link.hasClass('active'))
				return false;
			
			// Cambiar clases en paginacion
			$link.addClass('active')
				.siblings('.active').removeClass().end();
			
			// Cambiar clases en los reproductores
			$( $link.data('video') ).removeClass('videotutorial-player-inactive')
				.siblings('.videotutorial-player').addClass('videotutorial-player-inactive').end();

		});
	}
});