var tituloSocio = null;
var logoSocio = null;
var infoSocio = null;
var socioElegido = null;
function mostrarSocioById() {
    if (socioElegido != null) {
        tituloSocio.html( socioElegido.html() );
        logoSocio.css({'background': 'url(/logos/'+ socioElegido.attr('name') +'.jpg) no-repeat center center'});

        $.post('/cidem/socios', {'id': socioElegido.attr('name')}, function (data) {
            infoSocio.html(data);
        });
    }
}
$(window).load(function () {
    tituloSocio = $('#zonaTitulo');
    logoSocio = $('#zonaLogo');
    infoSocio = $('#zonaInfo');

    $('#socios').bind('click', function ( e ) {
        var eleLi = $( e.srcElement || e.target );
        if (eleLi.attr('tagName').toLowerCase() === 'li') {
            if (socioElegido != null) {
                socioElegido.removeClass('seleccionado');
            }

            socioElegido = eleLi;
            socioElegido.addClass('seleccionado');

            mostrarSocioById();
        }
    });
    $( $('#socios').find('li')[0] ).click()
});