$(document).ready(function() {
    //
    // fix table padding
    //
    $('table.notreEquipe tr:last > td').css("padding-bottom", 0);
    //
    // selected menu item
    //
    $("ul#menuList a").eq(3).unbind().addClass("selected");
    //
    // change top text
    //
    $(".bienvenue").attr("class", "notreEquipe");

    $('table.notreEquipe a').click(function() {
        var dataItemIndex = $(this).attr("rel");
        var teamMember = __teamMembers[dataItemIndex];
        var $modalWindow = $('<div><div style="width:315px; float:left;"><div class="bar1">' + teamMember.name + ' <img src="/Content/images/bullet-1.png" /> ' + teamMember.position + '</div><div style="margin:12px 20px 0 0;">' + teamMember.desc + '</div></div><img src="' + teamMember.imgSrc + '" style="float:left; margin-left:6px;" /></div>');
        $modalWindow.modal({
            close: true,
            closeHTML: '<a class="modalCloseImg" title="Fermer"></a>',
            onOpen: function(dialog) {
                dialog.overlay.fadeIn(200, function() {
                    dialog.container.slideDown({ duration: 500, easing: "easeOutCirc", complete: function() {
                        dialog.data.fadeIn(200)
                    }
                    })
                });

            },
            onClose: function(dialog) {
                dialog.data.fadeOut(200, function() {
                    dialog.container.slideUp({ duration: 500, easing: "easeOutCirc", complete: function() {
                        dialog.overlay.fadeOut(200, function() {
                            $.modal.close();
                        });
                    }
                    });
                });
            }
        });
    });
});