/********************************************************
*														*
*	Copyright 2009 - Quiràlia							*
*	Disseny: Laura Morató (moratolaura@telefonica.net)	*
*	Programació: ODW (info@osonadissenyweb.com)			*
*														*
********************************************************/

Event.observe(window, 'load', initForm);

// Funció que inicia la selecció de dates
function initForm(){
	dpck = new DatePicker({
		relative: 'data-inici',
		language: 'ca',
		topOffset: 15,
		leftOffset:50,
		closeEffect	: 'fade',
		showEffect	: 'appear',
		disablePastDate: true
	});
	
	dpck2 = new DatePicker({
		relative: 'data-final',
		language: 'ca',
		topOffset: 15,
		leftOffset:50,
		closeEffect	: 'fade',
		showEffect	: 'appear',
		disablePastDate: true
	});
	
	actualitzaData();
	updateProducte();
}

//Funció que actualitza les dates triades
function updateData(){
	setTimeout("actualitzaData()", 1000);	
}

function actualitzaData(){
	lan = $('language').value;
	dataInici = $('data-inici').value;
	dataFinal = $('data-final').value;
	partsInici = dataInici.split("-");
	partsFinal = dataFinal.split("-");
	
	if (dataInici){
		nomMes1 = obtenirNomMes(partsInici[1], lan);
		nomMes2 = obtenirNomMes(partsFinal[1], lan);
	}
	if (dataInici && !dataFinal){
		$('dates-resum').innerHTML = dataInici;
		mesos = '<br />' + nomMes1 + '';
		dies = partsInici[0];
		$('mes-seleccionat').innerHTML = mesos;
		$('dia-seleccionat').innerHTML = dies;
	}
	else if (dataInici && dataFinal){
		$('dates-resum').innerHTML = 'Del ' + dataInici + ' al ' + dataFinal;
		if (partsInici[1] != partsFinal[1]){
			mesos = nomMes1 + '<br />/' + nomMes2;
		}
		else{
			mesos = '<br />' + nomMes1;
		}
		dies = partsInici[0] + '/' + partsFinal[0];
		$('mes-seleccionat').innerHTML = mesos;
		$('dia-seleccionat').innerHTML = dies;
	}
	else{
		$('dates-resum').innerHTML = "";
		$('mes-seleccionat').innerHTML = "";
		$('dia-seleccionat').innerHTML = "";
	}
}

function obtenirNomMes(num, lan){
	switch (num){
		case '01':
			nomCat = "GEN";
			nomCas = "ENE";
		break;
		case '02':
			nomCat = "FEB";
			nomCas = "FEB";
		break;
		case '03':
			nomCat = "MAR";
			nomCas = "MAR";
		break;
		case '04':
			nomCat = "ABR";
			nomCas = "ABR";
		break;
		case '05':
			nomCat = "MAI";
			nomCas = "MAY";
		break;
		case '06':
			nomCat = "JUN";
			nomCas = "JUN";
		break;
		case '07':
			nomCat = "JUL";
			nomCas = "JUL";
		break;
		case '08':
			nomCat = "AGO";
			nomCas = "AGO";
		break;
		case '09':
			nomCat = "SET";
			nomCas = "SEP";
		break;
		case '10':
			nomCat = "OCT";
			nomCas = "OCT";
		break;
		case '11':
			nomCat = "NOV";
			nomCas = "NOV";
		break;
		case '12':
			nomCat = "DES";
			nomCas = "DIC";
		break;
	}
	if (lan == "ca"){
		return nomCat;	
	}
	else if (lan == "es"){
		return nomCas;
	}
}

//Funció que actualitza la franja horària triada
function updateFranja(){
	lan = $('language').value;
	valor = $$('input:checked[type="radio"][name="franja"]').pluck('value');
	if (valor == 1){
		if (lan == "ca"){
			$('franja-horaria-resum').innerHTML = "MAT\u00CD";	
		}
		else if (lan == "es"){
			$('franja-horaria-resum').innerHTML = "MA\u00D1ANA";
		}
	}
	else if (valor == 2){
		if (lan == "ca"){
			$('franja-horaria-resum').innerHTML = "TARDA";
		}
		else if (lan == "es"){
			$('franja-horaria-resum').innerHTML = "TARDE";
		}
	}
	else {
		if (lan == "ca"){
			$('franja-horaria-resum').innerHTML = "TOT EL DIA";
		}
		else if (lan == "es"){
			$('franja-horaria-resum').innerHTML = "TODO EL D\u00CDA";
		}
	}
}

//Funció que actualitza la llista de productes seleccionats
function updateProducte(){
	var valors = "";
	lan = $('language').value;
	camps = $$('.producte-seleccionat');
	primer = true;
	for (i=0; i<camps.length; i++){
		if (camps[i].checked){
			id = camps[i].id;
			partsId = id.split("-");
			if (primer){
				valors += partsId[1];	
			}
			else{
				valors += ',' + partsId[1];
			}
			primer = false;
		}
	}
	
	url = '../inc/php/updateProducts.php';
	var myAjax = new Ajax.Updater(
		'muntatge-resum', 
		url, 
		{
			method: 'get', 
			parameters: 'valors=' + valors,
			onSuccess: function(){

			}
		});
	
}

function enviaPrereservaNoDates(){
	lan = $('language').value;
	var campsErrorsCat = "";
	var campsErrorsCas = "";
	if ($('nom').value == ""){
		campsErrorsCat += '<li>Nom</li>';
		campsErrorsCas += '<li>Nombre</li>';
	}
	
	if ($('direccio').value == ""){
		campsErrorsCat += '<li>Adreça</li>';
		campsErrorsCas += '<li>Direcci\u00F3n</li>';
	}
	
	if ($('poblacio').value == ""){
		campsErrorsCat += '<li>Poblaci\u00F3</li>';
		campsErrorsCas += '<li>Poblaci\u00F3n</li>';
	}
	
	if ($('comarca').value == ""){
		campsErrorsCat += '<li>Comarca</li>';
		campsErrorsCas += '<li>Comarca</li>';
	}
	
	if ($('provincia').value == ""){
		campsErrorsCat += '<li>Prov\u00EDncia</li>';
		campsErrorsCas += '<li>Provincia</li>';
	}
	
	if ($('persona').value == ""){
		campsErrorsCat += '<li>Persona de contacte</li>';
		campsErrorsCas += '<li>Persona de contacto</li>';
	}
	
	if ($('telefon').value == ""){
		campsErrorsCat += '<li>Telèfon</li>';
		campsErrorsCas += '<li>Tel\u00E9fono</li>';
	}
	
	if ($('email').value == ""){
		campsErrorsCat += '<li>Mail</li>';
		campsErrorsCas += '<li>Mail</li>';
	}
	
	if ($('espai').value == ""){
		campsErrorsCat += '<li>Espai</li>';
		campsErrorsCas += '<li>Espai</li>';
	}
	
	if ($('motiu').value == ""){
		campsErrorsCat += '<li>Motiu</li>';
		campsErrorsCas += '<li>Motiu</li>';
	}
	
	if ($('data-inici').value == ""){
		campsErrorsCat += '<li>Data inici</li>';
		campsErrorsCas += '<li>Fecha inicio</li>';
	}
	
	valor = $$('input:checked[type="radio"][name="franja"]').pluck('value');
	if(valor == ""){
		campsErrorsCat += '<li>Franja hor&agrave;ria</li>';
		campsErrorsCas += '<li>Franja horaria</li>';
	}
	
	camps = $$('.producte-seleccionat');
	var valors = "";
	primer = true;
	for (i=0; i<camps.length; i++){
		if (camps[i].checked){
			id = camps[i].id;
			partsId = id.split("-");
			if (primer){
				valors += partsId[1];	
			}
			else{
				valors += ',' + partsId[1];
			}
			primer = false;
		}
	}
	if (valors == ""){
		campsErrorsCat += '<li>El producte</li>';
		campsErrorsCas += '<li>El producto</li>';
	}
		
	if (campsErrorsCat){
		if (lan == "ca"){
			alerta = '<p class="centrat"><img src="img/warning.png" alt="Atenció" />&nbsp;&nbsp;Falta omplir els camps següents:<br /><ul style="margin-left:90px;">' + campsErrorsCat + '</ul></p>';
			titolError = 'Camps buits!';
		}
		else if (lan == "es"){
			alerta = '<p class="centrat"><img src="img/warning.png" alt="Atención" />&nbsp;&nbsp;Falta rellenar los campos siguientes:<br /><ul style="margin-left:90px;">' + campsErrorsCas + '</ul></p>';
			titolError = 'Campos vac\u00EDos';
		}
		$('errorCamps').innerHTML = alerta;
		Modalbox.show($('errorCamps'), {title:titolError, width: 350, autoFocusing:false}); return false;
	}
	else{
		
		params = $('prereserva-agenda-form').serialize();
		params2 = $('opcions-form').serialize();
		valor = $$('input:checked[type="radio"][name="franja"]').pluck('value');
		
		parametres = params + '&' + params2 + '&franja=' + valor + '&seleccionats=' + valors;

		url = '../inc/php/saveReservaAgenda.php';
		new Ajax.Request(url, {
		  method: 'post',
		  parameters: parametres,
		  onSuccess: function(transport) {
				if (transport.responseText == "error"){
					if (lan == "ca"){
						titol = "Error enviant la prereserva!";	
					}
					else if(lan == "es"){
						titol = "Error enviando la prereserva!";
					}
				  	Modalbox.show($('errorEnviant'), {title:titol, width: 350, autoFocusing:false}); return false;
				}
				else{
					if (lan == "ca"){
						titol = "Formulari enviat correctament";
					}
					else if (lan == "es"){
						titol = "Formulario enviado correctamente";
					}
				  Modalbox.show($('enviatCorrectament'), {title:titol, width: 350, autoFocusing:false});
				  $('prereserva-agenda-form').reset();
				  $('opcions-form').reset();
				  $('franja-horaria-resum').innerHTML = "";
				  $('muntatge-resum').innerHTML = "";
				  $('dates-resum').innerHTML = "";
				  $('mes-seleccionat').innerHTML = "";
				  $('dia-seleccionat').innerHTML = "";
				  return false;
				}
		  }
		});
	}
}