var count = 0;

function extract(dir) {
	var m = dir.match(/(.*)[\/\\]([^\/\\]+\.\w+)$/);
	
    return m[2];
}

function addFile(elm) {
	if(window.event)
		file = window.event.srcElement;
	else
		file = elm;

	file.id = 'file' + count;
	file.style.display = 'none';
	
	newFile = document.createElement("input");
	newFile.type = 'file';
	newFile.name = 'file[]';
	
	if(newFile.attachEvent)
		newFile.attachEvent("onchange", addFile);
	else
		newFile.setAttribute("onchange", "addFile(this)");
		
	document.getElementById('browser').appendChild(newFile);
	
	leftColumn = document.createElement("td");
	leftColumn.style.paddingTop = '5px';
	leftColumn.innerHTML = extract(file.value.toString());
	leftColumn.appendChild(file);
	
	button = document.createElement("input");
	button.id = count;
	button.type = 'button';
	button.value = 'delete';
	
	if(button.attachEvent)
		button.attachEvent("onclick", deleteFile);
	else
		button.setAttribute("onclick", "deleteFile(" + count + ")");
	
	rightColumn = document.createElement("td");
	rightColumn.style.paddingTop = '5px';
	rightColumn.style.paddingLeft = '10px';
	rightColumn.appendChild(button);
	
	row = document.createElement("tr");
	row.appendChild(leftColumn);
	row.appendChild(rightColumn);
	
	tbody = document.createElement("tbody");
	tbody.id = 'tbody' + count;
	tbody.appendChild(row);
	
	document.getElementById('fileList').appendChild(tbody);
	
	count++;
	fileCount();
}

function deleteFile(x) {
	if(window.event)
		num = window.event.srcElement.id;
	else
		num = x;

	document.getElementById('fileList').removeChild(document.getElementById('tbody' + num));
	
	if(num == count - 1)
		count--;
	else {
		for(i = num; i < count - 1; i++) {
			j = i + 1;
			document.getElementById('tbody' + j).id = 'tbody' + i;
			document.getElementById('file' + j).id = 'file' + i;
			
			if(document.getElementById(j).attachEvent)
				document.getElementById(j).attachEvent("onclick", deleteFile);
			else
				document.getElementById(j).setAttribute("onclick", "deleteFile(" + i + ")");
				
			document.getElementById(j).id = i;
		}
		
		count--;
	}
	
	fileCount();
}

function fileCount() {
	if(count == 1)
		document.getElementById('fileCount').innerHTML = count + " file has been selected";
	else
		document.getElementById('fileCount').innerHTML = count + " files have been selected";
}