var clientList = new Array();

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>';
       }
    }
    newHtml += '</table>';
    ele.innerHTML = newHtml;
}
function editClient(insid,userid,name,password,clients){
    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('password1').value = password;
    document.getElementById('password2').value = password;
    printClients();
}
function clearUser(){
    clientList = new Array();
    editClient('adduser','','','',clientList);
    document.getElementById('user_id').readOnly = false;
}