$(function () {

    $('#logo-perfil li:not(.active) a').live('mouseenter', function () {
        $(this).find('img').stop().animate({
            'opacity': '1'
        }, 250);
    }).live('mouseleave', function () {
        $(this).find('img').stop().animate({
            'opacity': '0.5'
        }, 250);
    });

    $('#logo-perfil li:last-child a').live('click',function(ev) {
        fxPerfilDJ();
        });

    $('#logo-perfil li:first-child a').live('click', function(ev) {
        fxPerfilPiloto();
    });

    $('#img-perfil-dj').animate({
        width: '305px'
    }, 700);
  

})

function fxPerfilDJ() {
    $('#img-perfil-dj').animate({
        width: '305px'
    }, 700);


    $('#logo-perfil li').removeClass('active');

    $('#btn-perfil-piloto span').animate({top: '100%'}, 250);
    $('#btn-perfil-piloto img').animate({'opacity': '0.5'}, 250);

    $('#btn-perfil-dj span').stop().animate({top: '0%'}, 250);
    $('#btn-perfil-dj img').stop().animate({'opacity': '1'}, 250);

    $('#btn-perfil-dj').parent().addClass('active');
}

function fxPerfilPiloto() {
    $('#img-perfil-dj').animate({
        width: 0
    }, 700);

    $('#logo-perfil li').removeClass('active');

    $('#btn-perfil-dj span').animate({top: '100%'}, 250);
    $('#btn-perfil-dj img').animate({'opacity': '0.5'}, 250);

    $('#btn-perfil-piloto span').stop().animate({top: '0%'}, 250);
    $('#btn-perfil-piloto img').stop().animate({'opacity': '1'}, 250);

    $('#btn-perfil-piloto').parent().addClass('active');
}