//slider
$(document).ready(function(){
$('#slider')
    .before('<div id="nav">')
    .cycle({
        fx: 'scrollLeft',
        timeout: 8000,
        speed: 'slow',
        pager: '#nav',
        before: onBefore,
        after: onAfter
});

function onBefore(){
    $(this).find('.txt1_slide, .txt2_slide').css({
        'left':-900
    });

    $(this).find('.btn_slide').hide();
}

function onAfter() {
    //texto 1
    $(this).find('.txt1_slide').animate({
        left: '50'
    }, 1000, function() {
        //animacion completada
    });

    //texto 2
    $(this).find('.txt2_slide').animate({
        left: '100'
    }, 1500, function() {
        //animacion completada
        //mueve el boton verde de mas informacion
        var texto2 = $(this);
        var ancho_txt2 = texto2.width() + 100 + 20; //el ancho del texto2 + el margen izq (100) + un espacio que le falta (no se porque le falta)
        var ancho_btn = 134;

        $(this).parent().find('.btn_slide').css({
            'left': ancho_txt2 - ancho_btn + 'px'
        });

        $(this).parent().find('.btn_slide').show();
    });
}
});