var files = new Array();
var titles = new Array();
var descriptions = new Array();
var tags = new Array();
var emails = new Array();
var cats = new Array();
var sensitivity = new Array();
var numUploaded = 0;

function addFile()
{
	//Get all of the elements
	var fileElement = document.getElementById('file_' + numUploaded);
	var titleElement = document.getElementById('title_' + numUploaded);
	var descriptionElement = document.getElementById('description_' + numUploaded);
	var tagsElement = document.getElementById('tags_' + numUploaded);
	var emailElement = document.getElementById('email_' + numUploaded);
	var catElement = document.getElementById('category');
	var sensitivityElement = document.getElementById('sensitivity');

	//Add all data to arrays
	files.push(fileElement.value);
	titles.push(titleElement.value);
	descriptions.push(descriptionElement.value);
	tags.push(tagsElement.value);
	emails.push(emailElement.value);
	cats.push(catElement.value);
	sensitivity.push(sensitivityElement.value);

	//Hide old forms
	hideFields(numUploaded);

	//Create new forms
	numUploaded = numUploaded + 1;
	createForm();

	//Show uploads
	renderUploads();
}

function createForm()
{
	//Create New File Element
	var fileElement = document.createElement('input');
	fileElement.type = 'file';
	fileElement.id = 'file_' + numUploaded;
	fileElement.name = 'file_' + numUploaded;
	fileElement.className = 'text_file';
	fileElement.size = 90;

	//Create New Title Element
	var titleElement = document.createElement('input');
	titleElement.type = 'text';
	titleElement.id = 'title_' + numUploaded;
	titleElement.name = 'title_' + numUploaded;
	titleElement.className = 'text_xl';

	//Create New Description Element
	var descriptionElement = document.createElement('input');
	descriptionElement.type = 'text';
	descriptionElement.id = 'description_' + numUploaded;
	descriptionElement.name = 'description_' + numUploaded;
	descriptionElement.className = 'text_xl';

	//Create New Tags Element
	var tagsElement = document.createElement('input');
	tagsElement.type = 'text';
	tagsElement.id = 'tags_' + numUploaded;
	tagsElement.name = 'tags_' + numUploaded;
	tagsElement.className = 'text_xl';

	//Create New Email Element
	var emailElement = document.createElement('input');
	emailElement.type = 'text';
	emailElement.id = 'email_' + numUploaded;
	emailElement.name = 'email_' + numUploaded;
	emailElement.className = 'text_xl';

	//Create Category Holder
	var categoryElement = document.createElement('input');
	categoryElement.type = 'hidden';
	categoryElement.id = 'category_' + numUploaded;
	categoryElement.name = 'category_' + numUploaded;

	//Create Sensitivity Holder
	var sensitivityElement = document.createElement('input');
	sensitivityElement.type = 'hidden';
	sensitivityElement.id = 'sensitivity_' + numUploaded;
	sensitivityElement.name = 'sensitivity_' + numUploaded;

	//Add All New Elements To Respective Areas
	document.getElementById('fileField').appendChild(fileElement);
	document.getElementById('titleField').appendChild(titleElement);
	document.getElementById('descriptionField').appendChild(descriptionElement);
	document.getElementById('tagsField').appendChild(tagsElement);
	document.getElementById('emailField').appendChild(emailElement);
	document.getElementById('categoryField').appendChild(categoryElement);
	document.getElementById('sensitivityField').appendChild(sensitivityElement);
}

function hideFields(num)
{
	document.getElementById('file_' + num).style.display = 'none';
	document.getElementById('title_' + num).style.display = 'none';
	document.getElementById('description_' + num).style.display = 'none';
	document.getElementById('tags_' + num).style.display = 'none';
	document.getElementById('email_' + num).style.display = 'none';
}

function renderUploads()
{
	temp = '';
	for (i = 0; i < files.length; i++)
	{
		temp += '<div class="row" style="padding: 0;">\n<table cellspacing="0" style="padding: 0;">\n<tr>\n<td width="145px" align="center" rowspan="8">\n<div class="border">\n upload progess goes here </div>\n</td>\n</tr>\n<tr>\n<td width="75px" class="titleright">\nFile:</td>\n<td>\n' + files[i] + '</td>\n</tr>\n<tr>\n<td width="75px" class="titleright">\nTitle:</td>\n<td colspan="5">\n' + titles[i] + '</td>\n</tr>\n<tr>\n<td class="titleright">\nDescription:</td>\n<td colspan="5">\n' + descriptions[i] + '</td>\n</tr>\n<tr>\n<td class="titleright">\nTags:</td>\n<td colspan="5">\n' + tags[i] + '</td>\n</tr>\n<tr>\n<td class="titleright">\nCategory:</td>\n<td width="250px">\n' + cats[i] + '</td>\n</tr>\n<tr>\n<td width="75px" class="titleright">\nEmail To:</td>\n<td colspan="5">\n' + emails[i] +'</td>\n</tr>\n<tr>\n<td width="75px" class="titleright">\nSensitivity:</td>\n<td colspan="5">\n' + (sensitivity[i] ? 'Public' : 'Private') + '</td>\n</tr>\n</table>\n</div>\n';
	}
	document.getElementById('files').innerHTML = temp;
}