/* Generar Captcha */
function generar(){
	var x = document.getElementById("letras")
	var y = Math.round(Math.random()*(6-1)+1);
	x.src = "img/img"+y+".gif";
	init();
	}
	
/* Validar Formulario */

var validationConfig = [
	{ref:'centre_gran',datamask:/^[a-z,A-Z,0-9,.,\u00B4,\u00B7,\u0095,\u002D,;,(,),:, ,\u00e1,\u00e9,\u00ed,\u00f3,\u00fa,\u00f1,\u00e0,\u00c0,\u00e8,\u00c8,\u00f2,\u00d2,\u00ef,\u00cf,\u00fc,\u00dc,\u00e7,\u00c7,\u00c1,\u00c9,\u00cd,\u00d3,\u00da,\u00d1,\u0027]{1,50}$/,msg:'Introdueix el nom del centre (nom\u00e9s lletres i n\u00fameros)'},
	{ref:'dia_inici',datamask:/^[0-9]{2}$/,msg:'Introdueix el dia d\u0027inici (nom\u00e9s 2 n\u00fameros sense espai) Ex: 05'},
	{ref:'mes_inici',datamask:/^[0-9]{2}$/,msg:'Introdueix el mes d\u0027inici (nom\u00e9s 2 n\u00fameros sense espai) Ex: 07'},
	{ref:'any_inici',datamask:/^[0-9]{4}$/,msg:'Introdueix l\u0027any d\u0027inici (nom\u00e9s 4 n\u00fameros sense espai) Ex: 2010'},
	{ref:'dia_final',datamask:/^[0-9]{2}$/,msg:'Introdueix el dia de finalitzaci\u00f3 (nom\u00e9s 2 n\u00fameros sense espai) Ex: 05'},
	{ref:'mes_final',datamask:/^[0-9]{2}$/,msg:'Introdueix el mes de finalitzaci\u00f3 (nom\u00e9s 2 n\u00fameros sense espai) Ex: 07'},
	{ref:'any_final',datamask:/^[0-9]{4}$/,msg:'Introdueix l\u0027any de finalitzaci\u00f3 (nom\u00e9s 4 n\u00fameros sense espai) Ex: 2010'},
	{ref:'num_sessions',datamask:/^[0-9]{1,3}$/,msg:'Introdueix el n\u00famero de sessions realitzades (m\u00e0xim 3 n\u00fameros sense espai) Ex: 15'},
	{ref:'num_voluntaris',datamask:/^[0-9]{1,3}$/,msg:'Introdueix el n\u00famero de voluntaris participants (m\u00e0xim 3 n\u00fameros sense espai) Ex: 4'},
	{ref:'num_nens',datamask:/^[0-9]{1,3}$/,msg:'Introdueix el n\u00famero de nens participants (m\u00e0xim 3 n\u00fameros sense espai) Ex: 112'},
	{ref:'opinio',datamask:/^[a-z,A-Z,0-9,.,\u00B4,\u00B7,\u0095,\u002D,;,(,),:, ,\u00e1,\u00e9,\u00ed,\u00f3,\u00fa,\u00f1,\u00e0,\u00c0,\u00e8,\u00c8,\u00f2,\u00d2,\u00ef,\u00cf,\u00fc,\u00dc,\u00e7,\u00c7,\u00c1,\u00c9,\u00cd,\u00d3,\u00da,\u00d1,\u0027]+$/i,msg:'No pot quedar en blanc ni amb els car\u00e0cters /, <, >, "'},
	{ref:'mesIMenysAgradat',datamask:/^[a-z,A-Z,0-9,.,\u00B4,\u00B7,\u0095,\u002D,;,(,),:, ,\u00e1,\u00e9,\u00ed,\u00f3,\u00fa,\u00f1,\u00e0,\u00c0,\u00e8,\u00c8,\u00f2,\u00d2,\u00ef,\u00cf,\u00fc,\u00dc,\u00e7,\u00c7,\u00c1,\u00c9,\u00cd,\u00d3,\u00da,\u00d1,\u0027]+$/i,msg:'No pot quedar en blanc ni amb els car\u00e0cters /, <, >, "'},
	{ref:'altresActivitats',datamask:/^[a-z,A-Z,0-9,.,\u00B4,\u00B7,\u0095,\u002D,;,(,),:, ,\u00e1,\u00e9,\u00ed,\u00f3,\u00fa,\u00f1,\u00e0,\u00c0,\u00e8,\u00c8,\u00f2,\u00d2,\u00ef,\u00cf,\u00fc,\u00dc,\u00e7,\u00c7,\u00c1,\u00c9,\u00cd,\u00d3,\u00da,\u00d1,\u0027]+$/i,msg:'No pot quedar en blanc ni amb els car\u00e0cters /, <, >, "'},
	{ref:'observacions',datamask:/^[a-z,A-Z,0-9,.,\u00B4,\u00B7,\u0095,\u002D,;,(,),:, ,\u00e1,\u00e9,\u00ed,\u00f3,\u00fa,\u00f1,\u00e0,\u00c0,\u00e8,\u00c8,\u00f2,\u00d2,\u00ef,\u00cf,\u00fc,\u00dc,\u00e7,\u00c7,\u00c1,\u00c9,\u00cd,\u00d3,\u00da,\u00d1,\u0027]+$/i,msg:'No pot quedar en blanc ni amb els car\u00e0cters /, <, >, "'},
	{ref:'captcha',datamask:/^[UW4X,3XXA,2X4H,A6KN,K6A4]{4}$/,msg:'Introdueix els car\u00e0cters del captxa (les lletres van sempre en maj\u00fascula) Ex: A3B4'}
]

function init() {
	if (!document.getElementById || !document.getElementsByTagName || !document.createElement || !document.createTextNode) {
		alert('You need a new browser!');
		return;
	}
	document.getElementsByTagName('form')[0].onsubmit = function(){return validateForm();};
}

function validateForm() {
	var datos,errorMsg,el,ol,anchor;
	var errorCount = 0;
	var captcha_count = 0;
	datos = document.getElementById('datos');
	
	// we might have to reset the error messages
	if  (document.getElementById('error-message')) {
		datos.removeChild(document.getElementById('error-message'));
		var ps = document.getElementsByTagName('input');
		for (i = 0;i < ps.length;i++) {
			if (ps[i].className == 'error'){
				ps[i].className = '';
				ps[i].style.border = '#656565 1px solid';
				ps[i].style.padding = '1px 0px 1px 0px';
			}
		}
		var pt = document.getElementsByTagName('textarea');
		for (i = 0;i < pt.length;i++) {
			if (pt[i].className == 'error'){
				pt[i].className = '';
				pt[i].style.border = '#656565 1px solid';
				pt[i].style.padding = '1px 0px 1px 0px';
			}
		}
	}
		
	// validate and create messages
	errorMsg = newEl('div',{id:'error-message'});
	
	el = newEl('h2');
	el.appendChild(newEl('a',{id:'error-name',name:'error-name',href:'#datos',title:'Torna a l\u0027inici del formulari'},'Si us plau, verifica els seg\u00fcents errors:'));
	errorMsg.appendChild(el);
			
	ol = newEl('ol');
	for (var i in validationConfig)
	{
		var obj = document.getElementById(validationConfig[i].ref)
		var val = obj.value.match(validationConfig[i].datamask);

		
		if (val == null) {
			el = newEl('li');
			anchor = newEl('a',{href:'#'+validationConfig[i].ref},validationConfig[i].msg);
			anchor.onclick = function(){document.getElementById(this.href.split('#')[1]).focus();return false;};
					
			el.appendChild(anchor);
			ol.appendChild(el);
					
			if (document.getElementById(validationConfig[i].ref)){
				document.getElementById(validationConfig[i].ref).className = 'error';
				document.getElementById(validationConfig[i].ref).style.border = '2px solid #ff0000';
				document.getElementById(validationConfig[i].ref).style.padding = '4px 0px 4px 0px';}
			errorCount++;
		}
				
	}
		
		
	
	if (errorCount > 0){
		errorMsg.appendChild(ol)
		datos.insertBefore(errorMsg,datos.getElementsByTagName('form')[0]);
		document.getElementById('error-name').focus();
		return false;
	} else {
	    return true;
	}
}
		
function newEl(name,atts,txt) {
	var e = document.createElement(name);
	if (atts != null && atts != 'undefined') {
		for (var i in atts) {
		 	e.setAttribute(i,atts[i]);
		}
	}
	if (typeof txt == 'string') {
		e.appendChild(document.createTextNode(txt));
	}
	return e;	
}