function pintarCabecera(logueado, username) {
    if(logueado) {
      document.getElementById('pinta_pestania_login').innerHTML = '<div class="col_2 grid" ><strong><div class="caption_sesioncommunity logado" id="login">Hola '+username+'</div></strong></div>';
    } else {
      document.getElementById('pinta_pestania_login').innerHTML = '<div class="col_2 grid" ><strong><div class="caption_sesioncommunity" id="login">Inicia tu sesión</div></strong></div>';
      document.getElementById('login_content').style.display = 'none';
    }
}

function pintarCajaVacia(token,message){

  pintarCabecera(false, '');
	document.write('<div class="user_welcomebox">');
    	document.write('<form class="login_form" method="post" action="/login">');
                  document.write('<table style="width:100%;"><tbody><tr>');

                  document.write('<th><label for="signin_username">Usuario o email</label><input type="text" name="signin[username]" id="signin_username" /></th>');
                  document.write('<td><label for="signin_password">Contraseña</label><input type="password" name="signin[password]" id="signin_password" /> </td></tr></table>');
	document.write(token);
                  document.write('<table><tr><th><input type="submit" value="entrar"></th>');
                  document.write('<td class="float_left"><input type="checkbox" id="signin_remember" name="signin[remember]"><label for="signin_remember">Recordarme</label>');
                  document.write('<div class="pass_reminder"><p><a href="/area-privada/usuario/reset-request" title="¿Olvidaste tu contraseña?">¿Olvidaste tu contraseña?</a></p></div></td></tr></tbody></table>');
                  document.write('<div class="register_link"><a href="/area-privada/usuario/nuevo" title="¿Nueva usuaria?">¿Nueva usuaria?</a></div>');
                   document.write('<div class="register_professional"><a href="/area-privada/profesional/nuevo" title="Nuevo profesional">Nuevo profesional</a></div>'); 
                  
	document.write('</form>');
     
	document.write('</div>');

}


function pintarCajaLogueada(username,imagen, urlsettings, areaprivada,url_confirmExpress){

  pintarCabecera(true, username);
	document.write('<div class="user_info"><img src="'+imagen+'" alt="'+username+'" />');
	document.write('<div class="logged_info"><span>'+username+'</span></div>');
        
        if (areaprivada == 1){
	document.write('<span class="private_area"><a href="'+urlsettings+'" title="Accede a tu área privada">Accede a tu área privada</a></span>');
	}else{
        document.write('<span class="private_area"><a href="'+url_confirmExpress+'" title="Accede a tu área privada">Accede a tu área privada</a></span>');
        }
        
        document.write('<div class="logout"><a href="/logout" title="Desconectarse">Desconectarse</a></div>');
	document.write(' </div>');

}





	pintarCajaVacia('<input type="hidden" name="signin[_csrf_token]" value="d7a3a7f9c1cddf4ddd7f7d01193cd2d4" id="signin__csrf_token" />','');