window.addEvent('domready', function() {

	$('isCamper').addEvent('change', function() {
		load_years(this, 'CamperYears');
	});
	
	$('isCIT').addEvent('change', function() {
		load_years(this, 'CITYears');
	});
	
	$('isStaff').addEvent('change', function() {
		load_years(this, 'StaffYears');
	});
	
	
	
	function load_years(element, target) {
		
		var checked = element.get('checked');
		$(target.replace(/Years/, "")+'In').set('value', "");
		
		if(checked) {
			
			new Element('span').set({
				'html': 'Click your years: ',
				'style': 'position: relative; top: -50px; padding-right: 20px;'
			}).inject($(target, 'bottom'));
			
			new Element('select').set({
				'size': '6', 'name': 'years', 'id': target+'yrs'
			}).inject($(target, 'bottom'));
			
			var count = 2008;
			var lastYear = 1950;
			while(count >= lastYear) {
				
				new Element('option').set({
				
				'value': count,
				'html': count,
				'id': 'yr'+count
				
				})
				.addEvent('click', function() {
					
					var yr = this.get('value');
					
					new Element('option').set({
						'value': yr,
						'html': yr,
						'id': 'yrIn'+yr							
					})
					.inject($(target+'yrsIn', 'bottom'));
					
					var yrs = $(target.replace(/Years/, "")+'In').get('value');
					if(yrs == "") $(target.replace(/Years/, "")+'In').set('value', yr);
					else { $(target.replace(/Years/, "")+'In').set('value', yrs+', '+yr); }
					
					this.dispose();
					
				})
				.inject($(target+'yrs', 'bottom'));
				
				count--;
			}
			
			new Element('span').set({
				'html': ' Your years:',
				'style': 'position: relative; top: -50px; padding-left: 50px; padding-right: 20px;'
			}).inject($(target, 'bottom'));
			
			new Element('select').set({
				'size': '6', 'name': 'yearsIn', 'id': target+'yrsIn'
			}).inject($(target, 'bottom'));
			
			new Element('div').set({
				'id': target+'reset',
				'html': 'Click to empty/reset this list',
				'style': 'cursor: pointer; width: 150px; margin: 15px; font-size: 12px; color: #2c1107;'
			})
				.addEvent('click', function() {
					var reloader = this.get('id');
					$(target).set('html', '');
					reloader = reloader.replace(/reset/, "");
					reloader = reloader.replace(/Years/, "");
					reloader = 'is'+reloader;
					$(reloader).fireEvent('change');
				})
				.inject($(target, 'bottom'));
			
			
			
			//$(target).set('html', "Yes.");
			
		} else {
			
			$(target).set('html', "");
			
		}
		
	};
	
	
});