$( function(){
    var p1 = $('h1').css({opacity:0,position:'relative',top:100,'background-color':'#FFFFFF'})
    var p2 = $('.titulo p').css({opacity:0,position:'relative',top:200,'background-color':'#FFFFFF'})
    var p3a = $('.subtitulo').css({opacity:0,position:'relative',top:-200,'background-color':'#FFFFFF'})
    var p3b = $('#encabezado').css({top:-50,position:'relative'})
    var p3c = $('#encabezado .lnk_inicio').css({opacity:0,position:'relative',top:-200})
    var p4a = $('a.recuadro').eq(0).css({opacity:0,position:'relative'})
    var p5a = $('a.recuadro').eq(1).css({opacity:0,position:'relative'})
    var p6a = $('a.recuadro').eq(2).css({opacity:0,position:'relative'})
    var p7a = $('a.recuadro').eq(3).css({opacity:0,position:'relative'})
    var p4b = $('.menu_secciones a').eq(0).css({position:'relative',top:-20,opacity:0})
    var p5b = $('.menu_secciones a').eq(1).css({position:'relative',top:-20,opacity:0})
    var p6b = $('.menu_secciones a').eq(2).css({position:'relative',top:-20,opacity:0})
    //var p7b = $('ul.menu_secciones li a').eq(3).css({opacity:0,top:100})
    var p8 = $('#pie').css({opacity:0,top:-100,'background-color':'#FFFFFF'})
    $('.inicio #pie, .inicio #encabezado, .inicio').css({top:0})

    var ani1 = {opacity:1, top:0}
    
    $(p1).animate(ani1,1500)                       // construyo...
        .animate({top:0},100,function(){
            $(p2).animate(ani1,1000)               // subtitulo
            $(p3a).animate(ani1,1000,function(){   // parrafo
                $(p8).animate(ani1,500)            // pie de pagina
                $(p3b).animate(ani1,500)                           // linea encabezado
                $(p3c).animate(ani1,500,function(){
                    $(p4a).animate(ani1,500,function(){
                        $(p5a).animate(ani1,500,function(){
                            $(p6a).animate(ani1,500,function(){
                                $(p7a).animate(ani1,500,function(){
                                    $(p4b).animate({opacity:1,top:10},500,function(){
                                        $(p5b).animate({opacity:1,top:10},500,function(){
                                            $(p6b).animate({opacity:1,top:10},500).animate({opacity:0.5,top:0},500)
                                            $('.recuadro-trabajos').find('ul').innerfade({animationtype:'fade',speed:750})
                                            }).animate({opacity:0.5,top:0},500)
                                        }).animate({opacity:0.5,top:0},500)
                                    })
                                })
                            })
                        
                        })
                    })           // texto javiertapia
                })
            })

});