function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(addUser);

function addUser(){
	var addUserButton = document.getElementById('add');	
	addUserButton.onclick = addNewUser;	
}

//index of first cloned row
fieldcount = 2;

function addNewUser() {
	
	
	var addUserPanel = document.getElementById('add-user-panel');
	var firstUserFieldset = document.getElementById('new-user');
	
	var newUserFieldset = firstUserFieldset.cloneNode(true);	
	
	newUserFieldset.id = 'new-user' + fieldcount;	
	
	addNumberToAttribute('label',newUserFieldset);
	addNumberToAttribute('input',newUserFieldset);
		
	addUserPanel.appendChild(newUserFieldset);	
	
	fieldcount++; 
	return false; 
}


function addNumberToAttribute(element, newUserFieldset){ 

		elementList = newUserFieldset.getElementsByTagName(element);
		for (i = 0; i < elementList.length; i++){
			numberAttribute(elementList[i], fieldcount);
		}
}

function numberAttribute(currentNode, numToUse) {
	
		if(currentNode.nodeType == 1 && currentNode.getAttribute('for')){
			var currentFor = currentNode.getAttribute('for');
			
			var for_stripped = currentFor.substring(0,currentFor.length-2);
			
			currentNode.setAttribute('for', (for_stripped + '-' + numToUse )) ;		
					
		}

		if((currentNode.nodeType == 1) && currentNode.getAttribute('id')){
				var currentId = currentNode.getAttribute('id');
				
				var id_stripped = currentId.substring(0,currentId.length-2);
								
				currentNode.setAttribute('id', (id_stripped + '-' + numToUse )) ;			
					
		}	
		
	
}