$(document).ready(function(){
	$('.js-disabled-warning').remove();	// remove the warning shown to browsers that don't support/have javascript disabled.
	
	var addSampleBtn = '<td></td><td><input type="button" value="Submit another" id="submit-another" class="small-white-btn" style="margin-right:5px;" />';
	var removeSampleBtn = '<input type="button" value="Remove sample" id="remove-sample" class="small-white-btn" disabled="disabled" /></td>';
	
	$('#hops-sample-submittal-form #Sample1').parents('tr').after('<tr">'+addSampleBtn+removeSampleBtn+'<input type="hidden" id="numOfSamples" name="numOfSamples" value="1" /></tr>');
	
	$('#submit-another').click(function(){
		var maxNumberOfSamples = 30;		// The maximum number of samples a user can submit.
		
		var numOfSamples = $('.sample-input').length;
		var newNumOfSamples = numOfSamples + 1;
		
		var color = ((newNumOfSamples%2)-1==0) ? 'style="background-color:#E0E6FC;"' : 'style="background-color:#FEFFD2;"';
		
		var td1 = '<tr '+color+' id="Sample'+newNumOfSamples+'container"><td class="form-label"><span>Sample '+newNumOfSamples+':</span></td>';
		var td2 = '<td class="sample-input"><input type="text" name="Sample'+newNumOfSamples+'" id="Sample'+newNumOfSamples+'" /><span class="form-hint">Enter your "Identifier" for Sample '+newNumOfSamples+'</span></td></tr>';
		var newElement = td1+td2;
		$('.sample-input:last').parent().after(newElement);
		
		if (newNumOfSamples <= 1) {
			$('#remove-sample').attr('disabled','disabled');
		} else {
			$('#remove-sample').removeAttr('disabled');
		}
		if (newNumOfSamples >= maxNumberOfSamples) {
			$('#submit-another').attr('disabled','disabled');
			$('#remove-sample').removeAttr('disabled');
		}
		
		$('#numOfSamples').val(newNumOfSamples);
	});
	
	$('#remove-sample').click(function(){
		var numOfSamples = $('.sample-input').length;
		$('#Sample'+numOfSamples+'container').remove();

		if (numOfSamples-1 <= 1) {
			$('#remove-sample').attr('disabled','disabled');
			$('#submit-another').removeAttr('disabled');
		} else {
			$('#submit-another').removeAttr('disabled');
		}
		
		$('#numOfSamples').val($('.sample-input').length);
	});
});

/*
 * $('#submit-another').click(function(){
		
		var numOfSamples = $('.sample-input').length();
		var nextNumOfSamples = new Number(numOfSamples+1);
		alert('nextNumOfSampleshi');
	});
 */