// JavaScript Document
function add(type, listID, tableID) {
	
	var vehicleDisplayItems = '#Vehicle_Year,#Vehicle_Make,#Vehicle_Model';
	var driverDisplayItems = '#Driver_Name';
	var violationDisplayItems = '#Violation_Name,#Violation_Type,#Violation_Date';
	var sr22DisplayItems = "#SR22_Driver_Name";
	var additionalDriverItems = "#Additional_Driver_Name,#Additional_Driver_DOB";
	
	var formElements = '';	
	var displayItems = '';
	var count;
	
	// set needed variables per what type of item 
	switch(type) {
		case 'vehicle':
			if (vehicleCount >= vehicleLimit) {
				alert('You may only have ' + vehicleLimit + ' vehicles');
				return;
			};
			displayItems = vehicleDisplayItems;
			count = vehicleCount;
			vehicleCount++;
			break;
		case 'driver':
			if (driverCount >= driverLimit) {
				alert('You may only have ' + driverLimit + ' drivers');
				return;
			};
			displayItems = driverDisplayItems;
			count = driverCount;
			driverCount++;
			break;
		case 'violation':
			displayItems = violationDisplayItems;
			count = violationCount;
			violationCount++;
			break;
		case 'sr22':
			displayItems = sr22DisplayItems;
			count = sr22Count;
			break;
		case 'additionalDriver':
			displayItems = additionalDriverItems;
			count = additionalDriverCount;
			break;
	}
	
	// make display items
	var display = '';
	$(displayItems).each(function() {
		display += $(this).val() + ' ';
	});
	
	// make hidden elements
	$('#' + tableID + ' input[type!="hidden"], #' + tableID + ' select').each(function() { 
		
		var value = $(this).attr("value");
		var id = $(this).attr("id");
		
		// build hidden element
		formElements += '<input type="hidden" name="' + id + '[]" value="' + value + '" />';
	});

	// build listElement
	var listElement = '<div id="' + type + '_' + count + '" class="item clearfix">';
	listElement += '<div class="item-data">' + display + '</div>';
	listElement += '<div class="item-remove"><a href="javascript:remove(\'' + type + '_' + count + '\');">Remove</a></div>';
	listElement += formElements + '</div>';
	
	// add to the list
	$('#' + listID).append(listElement);
	
	// clear out list boxes
	$('#' + tableID + ' input[type="text"]').attr("value", "");
}

function remove(itemID) {
	
	$('#' + itemID).remove();
	
}