window.addEvent('domready', function() {
	$('support-code').value = '';
	
	new Form.Placeholder('support-code');
	
	$('support-code').addEvent('keydown', function(e) {
		var valid_codes = [37,38,39,40, 46,8, 13, 9, 20] // up, down, left, right, delete, backspace, enter, tab, capslock
		valid_codes.append([48,49,50,51,52,53,54,55,56,57,58]) // 0,1,2,3,4,5,6,7,8,9
		valid_codes.append([96,97,98,99,100,101,102,103,104,105]) // 0,1,2,3,4,5,6,7,8,9 -- keypad
		
		if(e.control || e.meta || e.alt) {
			return;
		}
		
		if(!e.shift && valid_codes.contains(e.code)) {
			return;
		}
		
		e.preventDefault();
	})
});


/*
---
description: Provides a fallback for the placeholder property on input elements for older browsers.

license:
  - MIT-style license

authors:
  - Matthias Schmidt (http://www.m-schmidt.eu)

version:
  - 1.2

requires:
  core/1.2.5: '*'

provides:
  - Form.Placeholder

...
*/
(function(){

if (!this.Form) this.Form = {};

var supportsPlaceholder = ('placeholder' in document.createElement('input'));
if (!('supportsPlaceholder' in this) && this.supportsPlaceholder !== false && supportsPlaceholder) {
	this.Form.Placeholder = new Class({});
	return;
}

this.Form.Placeholder = new Class({
	Implements: Options,
	options: {
		color: '#A9A9A9',
		clearOnSubmit: true
	},
	initialize: function(element, options) {
		this.setOptions(options);
		this.element = $(element);
		
		this.placeholder = this.element.get('placeholder');
		this.original_color = this.element.getStyle('color');
		this.is_password = this.element.get('type') == 'password' ? true : false;
		
		this.activatePlaceholder();

		this.element.addEvents({
			'focus': function() {
				this.deactivatePlaceholder();
			}.bind(this),
		 	'blur': function() {
				this.activatePlaceholder();
		 	}.bind(this)
		});
		
		if (this.element.getParent('form') && this.options.clearOnSubmit) {
			this.element.getParent('form').addEvent('submit', function(e){
				if (this.element.get('value') == this.placeholder) {
					this.element.set('value', '');
				}
			}.bind(this));
		}
	},
	activatePlaceholder: function() {
		if (this.element.get('value') == '' || this.element.get('value') == this.placeholder) {
			if (this.is_password) {
				this.element.set('type', 'text');
			}
			this.element.setStyle('color', this.options.color);
			this.element.set('value', this.placeholder);
		}
	},
	deactivatePlaceholder: function() {
		if (this.element.get('value') == this.placeholder) {
			if (this.is_password) {
				this.element.set('type', 'password');
			}
			this.element.set('value', '');
			this.element.setStyle('color', this.original_color);
		}
	}
});

})();