$(document).ready(function(){
	// Hide all layers 
	$('.layer').hide();

	
	$('.close, .cancelar').click( function() {
		layers_fadeOut($(this));
	});
	
	$('.pop_login').click(function() {
		layer_fadeIn('#pop_login');
	});
	
	$('.pop_login_comment').click(function(event) {
		layer_fadeIn('#pop_login',event,'comment');
	});
	$('.pop_login_vote').click(function(event) {
		layer_fadeIn('#pop_login',event,'vote');
	});

	$('.pop_registro').click(function() {
		layer_fadeIn('#pop_registro');
	});

	// Layer de login - acceder a registro
	$('.pop_registrarme').click(function() {
		layer_fadeIn('#pop_registro');
		$('#pop_login').fadeOut("slow"); 
	});


	$('.pop_reg_ok').click(function() {
		layer_fadeIn('#pop_reg_ok');
	});


	$('.pop_reg_val').click(function() {
		layer_fadeIn('#pop_reg_val');
	});


	$('.pop_contacto').click(function() {
		layer_fadeIn('#pop_contacto');
	});


	$('.pop_olvide_nickname').click(function() {
		layer_fadeIn('#olvido_nick');
		$('#pop_login').fadeOut("slow"); //ocultar layer de login
	});


	$('.pop_olvide_password').click(function() {
		layer_fadeIn('#olvido_pass');
		$('#pop_login').fadeOut("slow"); //ocultar layer de login
	});


	$('.popup_dar_baja').click( function() {
		layer_fadeIn('#dar_baja');
	});
});

/**
		Funciones
	*/
	function layers_fadeOut(element){
		// Ocultar todos los layer
		$('.layer').fadeOut();

		// Ocultar error jqueryValidate del layer que se cierra
		var layer = element.parents('div.layer');
		$(layer).find('label.error').each(function(){
			$(this).css('display', 'none');
		});

		$(layer).find('input.error').each(function(){
			$(this).removeClass('error');
		});
	}

	function layer_fadeIn(layerSelector){
		var layer = $(layerSelector);
		if(layer_fadeIn.arguments.length > 2){
			var ev=layer_fadeIn.arguments[1];
			var position=(layer_fadeIn.arguments[2]=='comment')?-500:-30;
			
			layer.css({
			"position": "absolute",
			"z-index": "99",
			"top": (ev.pageY+8)+"px",
			"left": (ev.pageX+position)+"px"
			});
		}
		/* else{
			layer.css({
			"position": "absolute",
			"z-index": "99",
			"top": "133px",
			"left": (1000 - layer.width() / 2) + 1
			}); */
			
			else{
			layer.css({
			"position": "absolute",
			"z-index": "99",
			"top": "294px",
			"left": "32%"
			});
		}
		
		layer.fadeIn("slow");
		return layer;
	}