function displayRow(rowIndicator) {
	var rowObject = document.getElementById(rowIndicator);
	rowObject.style.display = '';
	}
	
function hideRow(rowIndicator) {
	var rowObject = document.getElementById(rowIndicator);
	rowObject.style.display = 'none';
	}

function disableRow(rowNumber) {
	// disable all inputs in Row
	document.getElementById("optionType"+rowNumber).disabled = true;
	document.getElementById("amount"+rowNumber).disabled = true;
	document.getElementById("shortLong"+rowNumber).disabled = true;
	document.getElementById("price"+rowNumber).disabled = true;
	document.getElementById("strike"+rowNumber).disabled = true;
	}

function enableRow(rowNumber) {
	// disable all inputs in Row
	document.getElementById("optionType"+rowNumber).disabled = false;
	document.getElementById("amount"+rowNumber).disabled = false;
	document.getElementById("shortLong"+rowNumber).disabled = false;
	document.getElementById("price"+rowNumber).disabled = false;
	document.getElementById("strike"+rowNumber).disabled = false;
	}
	
function removeRow(rowNumber) {
	var nextRowNumber = rowNumber + 1;
	// Loop until next row is hidden (means end of table)
	while (document.getElementById("inputRow"+nextRowNumber).style.display != 'none') {
		// Copy the next row to the current one
		copyRow(nextRowNumber, rowNumber);
		rowNumber = nextRowNumber;
		nextRowNumber++;
		}
	
	// Now disable the last row as this is double
	hideRow("inputRow"+rowNumber);
	disableRow(rowNumber);
	}
function copyRow(sourceRow, targetRow) {
	document.getElementById("amount"+targetRow).value = document.getElementById("amount"+sourceRow).value;
	document.getElementById("optionType"+targetRow).value = document.getElementById("optionType"+sourceRow).value;
	document.getElementById("shortLong"+targetRow).value = document.getElementById("shortLong"+sourceRow).value;
	document.getElementById("price"+targetRow).value = document.getElementById("price"+sourceRow).value;
	document.getElementById("strike"+targetRow).value = document.getElementById("strike"+sourceRow).value;
	}
	
function addOption() {
	// start at row 0 (next row = 1)
	var rowNumber = 0;
	//detect end of table
	var test = document.getElementById("inputRow"+rowNumber).style.display;
	while (test != "none") {
		rowNumber++;
		var test = document.getElementById("inputRow"+rowNumber).style.display;
		}
	// Now enable the following row 
	displayRow("inputRow"+rowNumber);
	document.getElementById("optionType"+rowNumber).disabled = false;
	document.getElementById("amount"+rowNumber).disabled = false;
	document.getElementById("shortLong"+rowNumber).disabled = false;
	document.getElementById("price"+rowNumber).disabled = false;
	document.getElementById("strike"+rowNumber).disabled = false;
	}
		
function prepareOptionInput() {
	var formContent = document.forms['optionInput'];
	
	var JsonObject = new Object;
	JsonObject.optionType = new Array;
	JsonObject.amount = new Array;
	JsonObject.shortLong = new Array;
	JsonObject.strike = new Array;
	JsonObject.price = new Array;
		
	
	var rowCounter = 0;
	var optionCounter = 0;
	while (document.getElementById("inputRow"+rowCounter).style.display != "none") {
		if (formContent['checkBox'+rowCounter].checked) {
			// box checked --> store row contents
			JsonObject.optionType[optionCounter] = formContent['optionType'+rowCounter].value;
			JsonObject.amount[optionCounter] = formContent['amount'+rowCounter].value;
			JsonObject.shortLong[optionCounter] = formContent['shortLong'+rowCounter].value;
			JsonObject.strike[optionCounter] = formContent['strike'+rowCounter].value;
			JsonObject.price[optionCounter] = formContent['price'+rowCounter].value;
			rowCounter++;
			optionCounter++;
			}
		else {
			// only increase rowCounter
			rowCounter++;
			}
		}
		
	
	jsonString = JSON.stringify(JsonObject);
	return jsonString;
	}
		
function prepareOptionInputExp() {
	var formContent = document.forms['optionInput'];
	
	var JsonObject = new Object;
	JsonObject.optionType = new Array;
	JsonObject.amount = new Array;
	JsonObject.shortLong = new Array;
	JsonObject.strike = new Array;
	JsonObject.price = new Array;
	JsonObject.expDate = new Array;
	JsonObject.expYear = new Array;
		
	
	var rowCounter = 0;
	var optionCounter = 0;
	while (document.getElementById("inputRow"+rowCounter).style.display != "none") {
		if (formContent['checkBox'+rowCounter].checked) {
			// box checked --> store row contents
			JsonObject.optionType[optionCounter] = formContent['optionType'+rowCounter].value;
			JsonObject.amount[optionCounter] = formContent['amount'+rowCounter].value;
			JsonObject.shortLong[optionCounter] = formContent['shortLong'+rowCounter].value;
			JsonObject.strike[optionCounter] = formContent['strike'+rowCounter].value;
			JsonObject.price[optionCounter] = formContent['price'+rowCounter].value;
			JsonObject.expDate[optionCounter] = formContent['expiration'+rowCounter].value;
			JsonObject.expYear[optionCounter] = formContent['expYear'+rowCounter].value;
			rowCounter++;
			optionCounter++;
			}
		else {
			// only increase rowCounter
			rowCounter++;
			}
		}
		
	JsonObject.currentUnderlyingValue = formContent['currentUnderlyingValueInput'].value;
	
	jsonString = JSON.stringify(JsonObject);
	return jsonString;
	}
		