function crearIndexRegistro(){



    //var color = '#B40404';
    var color = 'red'
    var color2 = '#F6CECE';


    var f = new Fecha();

    var anchoRegistro = 4.5*u;
    var altoRegistro = 4*u;

    var registro_fondo = new Contenedor( 'r01', 'contenedores', a1.id, anchoRegistro, altoRegistro, { 'border-radius': '15px', 'background-color': color, 'opacity' : 0.05 } );

    var registro = new Contenedor( 'r00', 'contenedores', a1.id, anchoRegistro*0.9, altoRegistro*0.9, { 'border' : '0px solid' } );

    registro_fondo.colocarR( a1, 6, 6, 0, 0 );
    registro.colocar( registro_fondo, 4, 4, 0, 0 );



    var ancho1 = (anchoRegistro*0.9)*0.35;
    var ancho2 = (anchoRegistro*0.9)*0.60;
    var ancho3 = (anchoRegistro*0.9)*0.60;
    var alto1 = u/2.5;
    var borde_x1 = (anchoRegistro*0.9)*0.05;
    var borde_y1 = u*0.1;

    var e_Usuario = new Etiqueta( registro.id+'_et_00', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[0]+":", { } );
    var e_Pass = new Etiqueta( registro.id+'_et_01', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[1]+":", { } );
    var e_RePass = new Etiqueta( registro.id+'_et_02', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[2]+":", { } );
    var e_Email = new Etiqueta( registro.id+'_et_03', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[3]+":", { } );
    var e_FechaNacimiento = new Etiqueta( registro.id+'_et_04', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[4]+":", { } );
    var e_Sexo =  new Etiqueta( registro.id+'_et_05', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[5]+":", { } );


    var t_Usuario = new InputText( registro.id+'_tx_00', registro.id+'_tx', registro.id, ancho2, alto1, '', 30, {} );
    var t_Pass = new InputPass( registro.id+'_tx_01', registro.id+'_tx', registro.id, ancho2, alto1, '', 30, {} );
    var t_RePass = new InputPass( registro.id+'_tx_02', registro.id+'_tx', registro.id, ancho2, alto1, '', 30, {} );
    var t_Email = new InputText( registro.id+'_tx_03', registro.id+'_tx', registro.id, ancho2, alto1, '', 100, {} );

    var b_registro = new Boton( registro.id+'_bt_00', registro.id+'_boton', registro.id, ancho1, alto1, traductor.etiquetas[6], { 'font-size':alto1*0.4+'px', 'background-color': color, 'border' : '0px solid','color':'white'} );
    //var b_condiciones = new Boton( registro.id+'_bt_01', registro.id+'_boton', registro.id, ancho2, alto1, traductor.etiquetas[7], { 'font-size':alto1*0.3+'px', 'background-color': color2, 'border' : '1px dashed '+color, 'color':'black'} );

    var condiciones = new Contenedor( 'r04', 'contenedores', a1.id, ancho2*0.9, alto1*2, { 'cursor':'pointer', 'font-family':'helvetica', 'font-size':'0.7em', 'border' : '0px solid', 'text-align':'justify' } );
    condiciones.colocarR( a1, 6, 6, borde_x1, 0 );
    $('#r04').html( 'Al hacer clic en Regístrate certifico que soy mayor de edad y que he leído y aceptado las <u style="color:blue;">condiciones de uso y política de privacidad</u>' );
    

    e_Pass.colocar( e_Usuario, 6, 0, 0, borde_y1 );
    e_RePass.colocar( e_Pass, 6, 0, 0, borde_y1 );
    e_Email.colocar( e_RePass, 6, 0, 0, borde_y1 );
    e_FechaNacimiento.colocar( e_Email, 6, 0, 0, borde_y1 );
    e_Sexo.colocar( e_FechaNacimiento, 6, 0, 0, borde_y1 );

    t_Usuario.colocar( e_Usuario, 5, 3, borde_x1, 0 );
    t_Pass.colocar( e_Pass, 5, 3, borde_x1, 0 );
    t_RePass.colocar( e_RePass, 5, 3, borde_x1, 0 );
    t_Email.colocar( e_Email, 5, 3, borde_x1, 0 );

    b_registro.colocarR( registro, 8, 8, -borde_x1, 0 );

    var f = new Fecha();
    var fS = new FechaSelect( 'f_S', 'feee', registro.id, ancho2, alto1/1.5, f );
    fS.colocar( e_FechaNacimiento, 5, 3, borde_x1, 0 );

    var fS1 = new SexoSelect( 'f_S1', 'feee', registro.id, ancho2*0.5, alto1/1.5);
    fS1.colocar( e_Sexo, 5, 3, borde_x1, 0 );

    $('.'+registro.id+'_tx').css( {
        'text-align':'center', 'color': color, 'border' : '1px dashed', 'border-radius': '15px',
        'font-family':'verdana', 'font-size': alto1*0.42+'px'} );

    $('.'+registro.id+'_et').css( {
        'vertical-align':'middle','text-align':'right', 'color':color,
        'font-size':alto1*0.42+'px', 'font-family':'verdana', 'border' : '0px solid'} );


    $('.feee').css( {
        'vertical-align':'middle','text-align':'center', 'color':'black',
        'font-size':alto1*0.4+'px', 'font-family':'verdana', 'border' : '0px dashed',
        'background-color': color2
    } );

    $('.'+registro.id+'_boton').css( {
        'text-align':'center', 'border-radius': '10px',
        'font-family':'verdana'} );


    $('#'+b_registro.id ).mouseover( function(){
        $('#'+b_registro.id ).css('opacity', 0.5);
    });
    $('#'+b_registro.id ).mouseout( function(){
        $('#'+b_registro.id ).css('opacity', 1);
    });

    var incidencias_fondo = new Contenedor( 'incidencias_fondo', 'b', a1.id, 4*u, 1.3*u, { 'border' : '0px solid', 'visibility':'hidden', 'border-radius': '15px', 'background-color': color, 'opacity' : 0.05 } );
    incidencias_fondo.colocar(registro_fondo, 8,6,0,0);
    

    var incidencias = new Contenedor( 'incidencias', 'b', a1.id, 4*u*0.9, 1.3*u*0.9, { 'border' : '0px solid', 'visibility':'hidden' } );
    incidencias.colocar(incidencias_fondo, 4,4,0,0);
    
    
    $('#'+incidencias.id).css({'text-align':'justify', 'font-family':'helvetica', 'color':'red'});
    $('#cancelar').append("<img src ='imagenes/inicio/cancelar.png' style='width:"+u+"px; height:"+u+"px;'>");
     
     
    $('#'+b_registro.id ).click( function(){
        var idUsuario = t_Usuario.getValor();
        var pass = t_Pass.getValor();
        var repass = t_RePass.getValor();
        var email = t_Email.getValor();
        var identidadSexual = fS1.getSexo();
        var anio = fS.getAnio();
        var mes = fS.getMes();
        var dia = fS.getDia();
        //alert('intentando registrar ' + idUsuario +" . "+pass+" . "+repass+" . "+email+" . "+identidadSexual+" "+anio+"/"+mes+"/"+dia );

        $.post("post/registrarNuevoUsuario.php", { idUsuario: idUsuario, pass: pass, repass: repass, email: email, identidadSexual: identidadSexual, anio:anio, mes:mes, dia:dia },
            
            function( data ){
                
                
                var errores = data.split('_');
                
                var mensaje = '';
                
                if( errores.length == 1 ){
                    if( errores[0] == '0'){
                        $.post("post/verificarUsuario.php", { idUsuario: idUsuario, pass: pass },
                        function( data ){
                            if( data == 1 ){
                                $('body').empty();
                                document.location.href = 'principal.php';
                            }
                        });
                    }
                    else{
                        mensaje += '<b>ERROR!</b><br>No se ha podido registrar el usuario por problemas en el servidor, inténtelo de nuevo más tarde';
                    }
                }
                else{
                    mensaje+='<b>ERROR!</b><br>';
                    if( errores[0] == '-1') mensaje += 'Debe introducir el nombre de usuario</br>';
                    else if( errores[0] == '-2') mensaje += 'El nombre de usuario debe tener 6 caracteres como mínimo</br>';
                    else if( errores[0] == '-3') mensaje += 'El nombre de usuario tiene un patrón erróneo</br>';
                    else if( errores[0] == '-4') mensaje += 'El nombre de usuario elegido ya existe</br>';
                    
                    mensaje +='';
                    if( errores[1] == '-1') mensaje += 'Debe introducir una contraseña</br>';
                    else if( errores[1] == '-2') mensaje += 'La contraseña debe tener 8 caracteres como mínimo</br>';
                    else if( errores[1] == '-3') mensaje += 'La contraseña tiene un patrón erróneo</br>';
                    
                    if( errores[2] == '-1') mensaje += 'Debe introducir un email</br>';
                    else if( errores[2] == '-2') mensaje += 'El email tiene un patrón erróneo</br>';
                    else if( errores[2] == '-3') mensaje += 'El email elegido ya existe</br>';
                    
                    if( errores[3] != '0' ) mensaje += 'La contraseña y su verificación son distintas</br>';
                    t_Usuario.setValor('');
                    t_Pass.setValor('');
                    t_RePass.setValor('');
                    t_Email.setValor('');
                    
                }
               $('#'+incidencias.id).html(mensaje);
                $('#'+incidencias.id).css('visibility', 'visible');
                $('#'+incidencias_fondo.id).css('visibility', 'visible');
            });

    });
    
     var cancelar = new Contenedor( 'cancelar', 'b', 'cuerpo', u, u, { 'border' : '0px solid', 'visibility':'hidden' } );
     cancelar.colocar(a3, 2,4,0,0);
     $('#cancelar').append("<img src ='imagenes/inicio/cancelar.png' style='width:"+u+"px; height:"+u+"px;'>");
        
    
        
    $('#'+condiciones.id ).click( function(){
        $('#'+a2.id).css('visibility', 'visible');
        $('#'+a3.id).css('visibility', 'visible');
        $('#cancelar').css('visibility', 'visible');
        
        $('#'+a3.id).load('src/condiciones.php');
        
        $('#cancelar').click( function(){
            $('#'+a2.id).css('visibility', 'hidden');
            $('#'+a3.id).css('visibility', 'hidden');
            $('#cancelar').css('visibility', 'hidden');
        });
        
        
        
    });
}
     
function crearIndexInicio(){



    //var color = '#B40404';
    var color = 'blue'
    var color2 = '#F6CECE';


    var f = new Fecha();

    var anchoRegistro = 4*u;
    var altoRegistro = 2*u;

    var registro_fondo = new Contenedor( 'i01', 'contenedores', a1.id, anchoRegistro, altoRegistro, { 'border-radius': '15px', 'background-color': color, 'opacity' : 0.05 } );

    var registro = new Contenedor( 'i00', 'contenedores', a1.id, anchoRegistro*0.9, altoRegistro*0.9, { 'border' : '0px solid' } );

    registro_fondo.colocarR( a1, 2, 2, 0, 0 );
    registro.colocar( registro_fondo, 4, 4, 0, u*0.2 );



    var ancho1 = (anchoRegistro*0.9)*0.35;
    var ancho2 = (anchoRegistro*0.9)*0.60;
    var ancho3 = (anchoRegistro*0.9)*0.60;
    var alto1 = u/2.5;
    var borde_x1 = (anchoRegistro*0.9)*0.05;
    var borde_y1 = u*0.1;

    var e_Usuario = new Etiqueta( registro.id+'_et_00', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[0]+":", { } );
    var e_Pass = new Etiqueta( registro.id+'_et_01', registro.id+'_et', registro.id, ancho1, alto1, traductor.etiquetas[1]+":", { } );
    

    var t_Usuario = new InputText( registro.id+'_tx_00', registro.id+'_tx', registro.id, ancho2, alto1, '', 30, {} );
    var t_Pass = new InputPass( registro.id+'_tx_01', registro.id+'_tx', registro.id, ancho2, alto1, '', 30, {} );
    
    var b_registro = new Boton( registro.id+'_bt_00', registro.id+'_boton', registro.id, ancho1, alto1, traductor.etiquetas[8], { 'font-size':alto1*0.4+'px', 'background-color': color, 'border' : '0px solid','color':'white'} );
    var b_recordar = new Boton( registro.id+'_bt_01', registro.id+'_boton', registro.id, ancho1*1.5, alto1, 'Recordar contraseña', { 'font-size':alto1*0.4+'px', 'background-color': color, 'border' : '0px solid','color':'white'} );
    
    e_Pass.colocar( e_Usuario, 6, 0, 0, borde_y1 );
    
    t_Usuario.colocar( e_Usuario, 5, 3, borde_x1, 0 );
    t_Pass.colocar( e_Pass, 5, 3, borde_x1, 0 );
    
    b_registro.colocar( t_Pass, 8, 2, 0, borde_y1 );
    b_recordar.colocar( b_registro, 3, 5, -borde_x1, 0 );
    
    
    
    
    
    
    
    $('.'+registro.id+'_tx').css( {
        'text-align':'center', 'color': color, 'border' : '1px dashed', 'border-radius': '15px',
        'font-family':'verdana', 'font-size': alto1*0.42+'px'} );

    $('.'+registro.id+'_et').css( {
        'vertical-align':'middle','text-align':'right', 'color':color,
        'font-size':alto1*0.42+'px', 'font-family':'verdana', 'border' : '0px solid'} );


    $('.feee').css( {
        'vertical-align':'middle','text-align':'center', 'color':'black',
        'font-size':alto1*0.4+'px', 'font-family':'verdana', 'border' : '0px dashed',
        'background-color': color2
    } );

    $('.'+registro.id+'_boton').css( {
        'text-align':'center', 'border-radius': '10px',
        'font-family':'verdana'} );


    $('#'+b_registro.id ).mouseover( function(){
        $('#'+b_registro.id ).css('opacity', 0.5);
    });
    $('#'+b_registro.id ).mouseout( function(){
        $('#'+b_registro.id ).css('opacity', 1);
    });

    $('#'+b_registro.id ).click( function(){
        var idUsuario = t_Usuario.getValor();
        var pass = t_Pass.getValor();
        
        $.post("post/verificarUsuario.php", { idUsuario: idUsuario, pass: pass },
            function( data ){
                if( data == 1 ){
                    //alert('Usuario y/o contraseña correctas!');
                    $('body').empty();
                    document.location.href = 'principal.php';
                }
                else{
                    alert('Usuario y/o contraseña incorrectas!');
                    t_Usuario.setValor('');
                    t_Pass.setValor('');
                }
        });
    });
    
    $('#'+b_recordar.id ).mouseover( function(){
        $('#'+b_recordar.id ).css('opacity', 0.5);
    });
    $('#'+b_recordar.id ).mouseout( function(){
        $('#'+b_recordar.id ).css('opacity', 1);
    });

    
        
    $('#'+b_recordar.id ).click( function(){
        $('#'+a2.id).css('visibility', 'visible');
        $('#'+a3.id).css('visibility', 'visible');
        $('#cancelar').css('visibility', 'visible');
        
        $('#'+a3.id).load('src/recordarPass.php');
        
        $('#cancelar').click( function(){
            $('#'+a2.id).css('visibility', 'hidden');
            $('#'+a3.id).css('visibility', 'hidden');
            $('#cancelar').css('visibility', 'hidden');
        });
        

    });

}