$(document).ready(function (){
	
	$('#login a').attr('href', '');
	$('#login a').click(muestraForm);
	
})

function muestraForm(){
	
	//$('#contenedorPublicidad').hide();
	/*
	var alturaBody = $('body').height();
	$("body").append('<div class="veloLogin"></div>');
	$('.veloLogin').css({height:alturaBody});
	$("body").append('<div id="modalLogin"></div>');
	var anchoBody=$('body').width();
	var anchoModal=$('#modalLogin').width();
	var posX=(anchoBody/2)-(anchoModal/2);
	$('#modalLogin').css({left:posX, top:'25%'});
	$('#contenedorMusica').hide();
	$('#contenedorVideo').hide();
	$('.veloLogin').show();
	$('#modalLogin').show();
	*/

	var alturaBody = $('#page-wrap').height();
	var anchoBody = $('#page-wrap').width();
	$(".veloLogin, #modalLogin, #formLoginP").remove();
	
	$("#page-wrap").append('<div class="veloLogin"></div>');
	$('.veloLogin').css({height:alturaBody});
	$('.veloLogin').css({width:anchoBody});
	
	$("#page-wrap").append('<div id="modalLogin"></div>');
	var anchoBody=$('#page-wrap').width();
	var anchoModal=$('#modalLogin').width();
	var posX=(anchoBody/2)-(anchoModal/2);
	$('#modalLogin').css({left:posX, top:'15%'});
	//$('#contenedorMusica').hide();
	//$('#contenedorVideo').hide();
	$('.veloLogin').show();
	$('#modalLogin').show();
	
	$("#modalLogin").append('<div id="formLoginP"><div class=boton>Cerrar</div><p>Login</p><form id="formL" method="post" action="login1.php"><label>Email:<input id="emailL" type="text" name="emailL" /></label><label>Contrase&ntilde;a:<input id="passwordL" type="password" name="passwordL" /></label><input type="submit" id="enviarL" value="enviar" /></form><p class="contra"><a href="pass.php">No recuerdo el password</a></p></div>');
	
	$("#formL label input").focus(resaltaCampoL);
	$("#formL").submit(validaFormL);
	$('#formLoginP .boton').click(cerrarFormLogin);	
	
	
	return false;
	
}
/*
function muestraForm1(){
	$(".veloLogin, #modalLogin, #formLoginP").show();
	$("#formL label input").focus(resaltaCampoL);
	$("#formL").submit(validaFormL);
	$('#formLoginP .boton').click(cerrarFormLogin);	
}
*/

function resaltaCampoL(){
	$("#formL label input").parent().css({ background: "none" });
	$(this).parent().css({ background: "#eeeeee" });
}

function cerrarFormLogin(){
	$("#formLoginP, #modalLogin, .veloLogin").fadeOut(600,quitaFormLogin);

}

function quitaFormLogin(){
	$("#formLoginP").remove();
	$(".veloLogin, #modalLogin").remove();
	//$('#contenedorMusica').show();
	//$('#contenedorVideo').show();
	//$('#contenedorPublicidad').show();


}

function validaFormL(){
	
	if($("#emailL").val()==""){
		$("#emailL").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#emailL").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes rellenar el email");
		$("#emailL").focus();
		}
	else if($("#passwordL").val()==""){
		$("#passwordL").parent().css({ background: "none" });
		$("#aviso").remove();
		$("#passwordL").parent().append('<div id="aviso"><p></p></div>');
		$("#aviso p").text("Debes rellenar la contraseña");
		$("#passwordL").focus();
		}
		else{
		enviaFormLogin();
		}		
		return false;
}

function enviaFormLogin(){

	var form_emailL = $("#formL").find("#emailL").val();
	var form_passwordL = $("#formL").find("#passwordL").val();
	var url = $("#formL").attr("action");
	
	
	modalLogin("cargando");
	
	$.post( url, { emailL:form_emailL, passwordL:form_passwordL  },function(respuesta){
	
	if(respuesta==0){
	//alert(respuesta);
	modalLogin("mal");
		}
	if(respuesta==1){
	//alert(respuesta);
	modalLogin("ok");
		}

				}
) 
		
	return false;
}


function modalLogin(accion){
	
	$("#formL").remove();
	
	switch (accion){
		case "cargando":
		$('.contra').hide();
		$('#modalLogin').css({ background: "#FFF url(imgs/loader.gif) no-repeat center" });
		break;
		case "ok":
		var ruta=parent.location.href;
		if(ruta=='http://www.blowyourmusic.com/pass.php'){
			parent.location.href='index.php';
			}
			else{
				parent.location.href='volver.php';
			}
		break;
		case "mal":
		$('#modalLogin').css({ background: "#FFF" });
		$("#formLoginP p").remove();
		$("#formLoginP").append('<p>No estas registrado</p>');
		$('.contra').show();
		$("#formLoginP").append('<p class="contra"><a href="pass.php">No recuerdo el password</a></p>');
		break;
	}
	
}