// JavaScript Document

/*
 * Validacion.js - Contiene funciones para validar el formulario de solicitud de expositores
 */
function vacio (elem) {
	if (document.getElementById(elem).value == ''){
		return 1;
	}else {
		return 0;
	}
}

function Valida( formulario ) {
	
   campos = ['campo_nombre','campo_tienda','campo_direccion','campo_cp','campo_provincia','campo_email','campo_telefono'];
   inputs = ['nombre_apellidos','nombre_tienda','direccion','cod_postal','provincia','email','telefono'];
   OcultaDiv (campos);
   OcultaBorde (inputs);
	
   var errores = 0;
        
   errores+=vacio ('nombre_apellidos');
   errores+=vacio ('nombre_tienda');
   errores+=vacio ('direccion');
   errores+=vacio ('cod_postal');
   errores+=vacio ('provincia');
   errores+=vacio ('email');
   errores+=vacio ('telefono');
   
   if(errores > 0){
	if (vacio ('nombre_apellidos') == 1){
	   Display('campo_nombre');	
	   PintaBorde('nombre_apellidos');
	}
	if (vacio ('nombre_tienda') == 1){
	   Display ('campo_tienda');
	   PintaBorde('nombre_tienda');
	}
	if (vacio ('direccion') == 1){
	   Display ('campo_direccion');
	   PintaBorde('direccion');
	}
	if (vacio ('cod_postal') == 1 || (!/^([0-9])*$/.test(document.getElementById('cod_postal').value))){
	   Display ('campo_cp');
	   PintaBorde('cod_postal');
	}
	if (vacio ('provincia') == 1){
	   Display ('campo_provincia');
	   PintaBorde('provincia');
	}
	if (vacio ('email') == 1 || (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})*$/.test(document.getElementById('email').value))){
	   Display ('campo_email');
	   PintaBorde('email');
	}
	if (vacio ('telefono') == 1){
	   Display ('campo_telefono');
	   PintaBorde('telefono');
	}
	   return false;
   }
   else{
	   return true;
   }
} 
function OcultaDiv ( array ) {
	for (i=0;i<array.length;i++){
    	document.getElementById(array[i]).style.display = 'none';
	}	
}
function OcultaBorde ( array ) {
	for (i=0;i<array.length;i++){
    	document.getElementById(array[i]).style.border = '1px solid #b6b6b6';
	}		
}

function Display ( campo ) {
    document.getElementById(campo).style.display = 'block';	
}
function PintaBorde ( campo ) {
    document.getElementById(campo).style.border = '1px solid #ee3b33';		
}