$(document).ready(function() {    
    var membercount = parseInt($('#membercount').attr('value'));
    $('#addmember').click(function(){
       $('#groupmembermessage').html('');
       var firstname = $('#gfirstname').attr('value');
       var lastname = $('#glastname').attr('value');
       var email = $('#gemail').attr('value');
       
       if(firstname == '' || lastname == '' || email == ''){
           $('#groupmembermessage').html('<p>Please fill in all fields!</p>');
       }else{
           membercount++
           $('#groupmembers').append('<input type="hidden" name="groupmembers[]" value="' +firstname+'|'+lastname+'|'+email+'" id="groupmember'+ membercount +'" />'); 
           clearmemberfields();
           $('#groupmemberlist').append('<p>'+membercount + '. ' +firstname+' '+lastname+' ('+email+') <a href="#" class="remMember" rel="'+membercount+'">Remove</a></p>'); 
             
       }
       return false; 
    });
    
    $('.remMember').livequery('click',function(){
        var id = $(this).attr('rel');
        $('#groupmember'+id).remove();
        $(this).parent().remove();
        membercount--;
        return false;
    });
    
    $('#emailadd').keypress(function(){
       $('#groupadminmember').html($(this).attr('value'));
    });
    $('#emailadd').blur(function(){
       $('#groupadminmember').html($(this).attr('value'));
    });
    
    function clearmemberfields(){
       $('#gfirstname').attr('value','');
       $('#glastname').attr('value','');
       $('#gemail').attr('value','');
    }
});