var clientList = new Array();
var savegroup = '';

function addClient(){
    var client = document.getElementById('addClientText').value;
    if(client != ''){
        clientList.push(client);
        printClients();
    }
}
function remClient(index){
    clientList.splice(index,1);
    printClients();
}
function printClients(){
    var ele = document.getElementById('clintListTable');
    var newHtml = '';
    newHtml = '<table width="250" border="0" cellspacing="0" cellpadding="0">\n';
    var rowClass = '';
    for(i=0;i<clientList.length;i++){
       if(clientList[i] != ''){
           if((i % 2) == 0){
               rowClass = 'row1';
           }else{
               rowClass = 'row2';
           }
           newHtml += '<tr class="'+rowClass+'">\n'+
    					     '   <td width="180">'+clientList[i]+'<input type="hidden" value="'+clientList[i]+'" name="clients[]"></td>'+
    					     '   <td width="70"><a href="javascript:remClient('+i+');">Delete</a></td>'+
    				         ' </tr>';
       }
    }
    
    if(clientList.length > 1){
        document.getElementById('clientRadio').checked = true;
        savegroup = document.getElementById('group_code').value;
        document.getElementById('group_code').value = ""
    }else if(clientList[0] != ''){
        document.getElementById('clientRadio').checked = true;
        savegroup = document.getElementById('group_code').value;
        document.getElementById('group_code').value = ""
    }else{
        document.getElementById('groupRadio').checked = true;
    }
    
    newHtml += '</table>';
    ele.innerHTML = newHtml;
}
function editClient(insid,userid,name,password,clients,group_code,accountcode){
    clientList = clients;
    document.getElementById('user_id').readOnly = true;
    document.getElementById('form').value = insid;
    document.getElementById('user_id').value = userid;
    document.getElementById('name').value = name;
    document.getElementById('group_code').value = group_code;
    document.getElementById('accountcode').value = accountcode;
    document.getElementById('password1').value = password;
    document.getElementById('password2').value = password;
    printClients();
}
function clearUser(){
    clientList = new Array();
    editClient('adduser','','','',clientList);
    document.getElementById('user_id').readOnly = false;
}

function  checkGrpClnt(id)
{
    switch(id){
        case'client':
        printClients();
        document.getElementById('addClientText').disabled = false;  
        document.getElementById('addClientBut').disabled = false; 
        savegroup = document.getElementById('group_code').value;
        document.getElementById('group_code').value = ""
        document.getElementById('group_code').disabled = true;
        break;
        case'group':
        document.getElementById('clintListTable').innerHTML = "";
        document.getElementById('addClientText').disabled = true;  
        document.getElementById('addClientBut').disabled = true; 
        document.getElementById('group_code').value = savegroup;
        document.getElementById('group_code').disabled = false;    
        break;
    }
}