EnquiriesForm = Class.create();
EnquiriesForm.prototype = {
	initialize: function()
	{},
	
	getSelected: function(element)
	{
		if(element.nodeName == 'SELECT')
		{
			// Get only the option elements from within the select list
			var options = $A(element.childNodes).findAll(function(node) {
				return node.nodeName == 'OPTION'
			})
			
			// Return the selected one
			return options[element.selectedIndex]
		}
		else
		{
			return element // Don't do anything
		}
	},
	
	highlightElement: function(element)
	{
	  colours = ['#f00', '#f22', '#f44', '#f66', '#f88', '#faa', '#fcc', '#fff']
	  
	  count = 0
	  new PeriodicalExecuter(function() {
	    if (count < colours.length)
	    {
  	    Element.setStyle(element, {backgroundColor: colours[count]})
  	    count++
	    }
	  }, .15)
	}
}

// Create a new form object
var form = new EnquiriesForm()

document.observe('dom:loaded', function () {
    if (!$('register')) {
        return;
    }

	var Placeholder = Class.create({
		initialize: function (element) {
	        this.element = element;
	        this.placeholder = element.readAttribute('placeholder');
	        this.blur();
	        Event.observe(this.element, 'focus', this.focus.bindAsEventListener(this));
	        Event.observe(this.element, 'blur', this.blur.bindAsEventListener(this));
	    },
	   	focus: function () {
	       if (this.element.hasClassName('placeholder'))
	            this.element.clear().removeClassName('placeholder');
	    },
	    blur: function () {
	        if (this.element.value == '')
	            this.element.addClassName('placeholder').value = this.placeholder;
	    }
	});
	
	$$('input[placeholder]').each(function (input) {
		new Placeholder(input);
	});
	
	Event.observe('register', 'submit', function(event) {
    	var form = $('register');
    	var text = form.getInputs('text');
    	text.each(function (txt) {
    		placeholder = txt.readAttribute('placeholder');
    		if(txt.value == placeholder)
    		{
    			txt.value = '';
    		}
    	});
    	return true;
    });
	
});