function test(value) { if(value === undefined) {value = 'test';} alert(value); }

function errorOut (elementList) {
	error = new Element('span').addClass('error').set('text', 'text goes here').injectAfter($('frmBeerSearch'));
}


/**************************************************************

	Script		: Validate
	Version		: 2.1
	Authors		: Samuel Birch
	Desc		: Form validation
	Licence		: Open Source MIT Licence

**************************************************************/

var Validate = new Class({
	
	getOptions: function(){
		return {
			validateOnBlur: true,
			errorClass: 'error',
			errorMsgClass: 'errorMessage',
			dateFormat: 'dd/MM/yy',
			onFail: errorOut,
			onSuccess: false,
			showErrorsInline: true,
			label: 'Please wait...'
		};
	},
	
	initialize: function(form, options){
		this.setOptions(this.getOptions(), options);
		this.form = $(form);
		this.elements = this.form.getElements('.validate');
		
		this.list = [];
		
		this.elements.each(function(el,i){
			if(this.options.validateOnBlur){
				el.addEvent('blur', this.validate.bind(this, el));
			}
		}.bind(this));
		
		this.form.addEvent('submit', function(e){
			var event = new Event(e);
			var doSubmit = true;
			this.elements.each(function(el,i){
				if(! this.validate(el)){
					event.stop();
					doSubmit = false
					this.list.include(el);
				}else{
					this.list.remove(el);
				}
			}.bind(this));
			
			if(doSubmit){
				if(this.options.onSuccess){
					event.stop();
					this.options.onSuccess(this.form);
				}else{
					this.form.getElement('button[type=submit]').setProperty('value',this.options.label);
				}
			}else{
				
				this.options.onFail(this.getList());
				//errorOut(this.getList());
			}
			
		}.bind(this));
		
	},
	
	getList: function(){
		var list = new Element('ul');
		this.list.each(function(el,i){
			if(el.title != ''){
			var li = new Element('li').injectInside(list);
			new Element('label').setProperty('for', el.id).set('text', el.title).injectInside(li);
			}
		});
		return list;
	},
	
	validate: function(el){
		var valid = true;
		this.clearMsg(el);
		
		switch(el.type){
			case 'text':
				if(el.hasClass('txtWords')){
					if(el.value === defaultValue['txtWords']) {
						// if NOT MOBILE
						valid = true;
						el.set('value','');
						//this.setMsg(el, '');
					}
				}
				
				if(el.hasClass('postcode')){
						var regPC = /^\d{5}$|^\d{5}-\d{4}$/; // US ZIP
						if(el.value.match(regPC)){
							valid = true;
						}
						else{
							valid = false;
							this.setMsg(el, '');
						}
					}
			break;
			
			case 'textarea':
			case 'select-one':
				if(el.value != ''){
					if(el.hasClass('email')){
						var regEmail = /^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/;
						if(el.value.toUpperCase().match(regEmail)){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, 'Please enter a valid email address');
						}
					}
					
					if(el.hasClass('number')){
						var regNum = /[-+]?[0-9]*\.?[0-9]+/;
						if(el.value.match(regNum)){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, 'Please enter a valid number');
						}
					}
					
					if(el.hasClass('date')){
						var d = Date.parseExact(el.value, this.options.dateFormat);
						if(d != null){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, 'Please enter a valid date in the format: '+this.options.dateFormat.toLowerCase());
						}
					}
					
				}else{
					valid = false;
					this.setMsg(el);
				}
				break;
				
			case 'checkbox':
				if(!el.checked){
					valid = false;
					this.setMsg(el);
				}else{
					valid = true;
				}
				break;
				
			case 'radio':
				var rad = $A(this.form[el.name]);
				var ok = false;
				rad.each(function(e,i){
					if(e.checked){
						ok = true;
					}
				});
				if(!ok){
					valid = false;
					this.setMsg(rad.getLast(), 'Please select an option');
				}else{
					valid = true;
					this.clearMsg(rad.getLast());
				}
				break;
				
		}
		return valid;
	},
	
	setMsg: function(el, msg){
		if(msg == undefined){
			msg = el.title;
		}
		if(this.options.showErrorsInline){
			if(el.error == undefined){
				el.error = new Element('span').addClass(this.options.errorMsgClass).set('text', msg).injectAfter(el);
			}else{
				el.error.set('text', msg);
			}
			el.getParent().addClass(this.options.errorClass);
		}
	},
	
	clearMsg: function(el){
		el.removeClass(this.options.errorClass);
		if(el.error != undefined){
			el.error.dispose();
			el.error = undefined;
		}
	}
	
});

Validate.implement(new Options);
Validate.implement(new Events);


/*************************************************************/



var defaultValue = new Object(); // default form field value

// onfocus clear value
function clickFieldClear(event) {
	var fieldValue = event.target.getProperty('value');
	if (fieldValue === defaultValue[event.target.getProperty('id')]) {
		event.target.setProperty('value', '');
	}
}

// reset to default value
function clickFieldReset(event) {
	var fieldValue = event.target.getProperty('value');
	if (fieldValue === '') {
		event.target.setProperty('value', defaultValue[event.target.getProperty('id')]);
	}
}

// set default value
function setFieldDefault(element) {
	if (element.getProperty('value') === '') {
		element.setProperty('value', defaultValue[element.getProperty('id')]);
	}
}

// set, clear and reset default value
function initFieldValue(elementId, value) {
	if($(elementId)) {
		defaultValue[elementId] = value;
		setFieldDefault($(elementId));
		$(elementId).addEvent('focus', clickFieldClear);
		$(elementId).addEvent('blur', clickFieldReset);
	}
}

window.addEvent('domready', function(){
	
	initFieldValue('txtWords', 'Name of Product');
	initFieldValue('txtZip', '#####');
	initFieldValue('commenttext', 'Enter your comment here');
	

	
	//validation
	
	if($('frmLocator')) {
		var myLocateFormValidation = new Validate('frmLocator',{
					errorClass: 'error'
				});	
	}
		
	if($('frmBeerSearch')) {
		var myFormValidation = new Validate('frmBeerSearch',{
					errorClass: 'error'
				});	
	}
	
	var obj = new Swiff('/wp-content/themes/wcb_wp/WCB-states.swf', {
    width: 720,
    height: 460,
	container: $('flash')
});

}); // domready