jQuery.noConflict();

var avatarUrl = '/user/loadAvatars';

jQuery( function() {
    jQuery('body').wrapInner('<div id="out"></div>');
    jQuery('#openAvatarGallery').click( function() {
        jQuery('#out').append('<div id="shadow"></div>');

        jQuery('#shadow').css('opacity', '0.8').fadeIn('normal').click( closeAvatar );
        jQuery('#out').append( '<div id="avatarSelector"><div class="title">Wybierz avatar</div>\n\
\n\
<a href="#" class="close">zamknij</a><div id="avatarText"></div></div>' );
        jQuery( '#avatarSelector' ).css('left', jQuery('#out').width()/2-328+'px').show('normal');
        jQuery('#avatarSelector .close').click(closeAvatar);
        jQuery('#avatarText').load(avatarUrl, {sex: jQuery('#user_plec').val()}, function() {
            jQuery('#avatarText a').click( function() {
                jQuery('#avatarID').attr('value', jQuery(this).attr('title'));
                closeAvatar();
                return false;
            } );
        });
        return false;
    } );
} );

var closeAvatar = function() {
    jQuery('#shadow, #avatarSelector').remove();
    return false;
}