// JavaScript Document

$(document).ready(function() {
	
	// Banner de los cursos de formacion (header)
	changeBannerCursos(1, 2);
	
	
	// JQUERY Tooltip
	$('.infoTip').tooltip({
		showURL: false,
		fade: 150,
		top: -8,
		showBody: " - "
		//left: 25
	});
	
						   
	// ---------------------------------------------
	// ------------ BOTONES ABRIR VENTANA ----------
	// ---------------------------------------------
	// Objeto abrir ventana cargando el 'Formulario de Registro' para los cursos de formacion
	$('.openReg').click(function(){
		$('<div title="Formulario de registro para los cursos de formacion"></div>')
			.load('registro.php')
			.dialog({
				modal: true,
				resizable: false,
				width: 650,
				height: 'auto',
				show: "drop",
				hide: "drop",
				close: function(ev, ui) { $(this).remove(); }
			});
	});
	
	// Objeto abrir ventana cargando el 'Formulario de Registro' para los cursos de formacion
	$('.openClave').click(function(){
		$('<div title="Recordar clave para el acceso al Area Privada"></div>')
			.load('clave.php')
			.dialog({
				modal: true,
				resizable: false,
				width: 650,
				height: 300,
				show: "drop",
				hide: "drop",
				close: function(ev, ui) { $(this).remove(); }
			});
	});
	
	// Objeto abrir ventana cargando la ventana de informacion de la 'Politica de Privacidad'
	$('.openPrivacidad').click(function(){
		$('<div title="Politica de privacidad Paisajismo Urbano"></div>')
			.load('privacidad.php')
			.dialog({
				modal: true,
				resizable: false,
				width: 650,
				height: 'auto',
				show: "drop",
				hide: "drop",
				close: function(ev, ui) { $(this).remove(); }
			});
	});
	
	$('.accesoPrivado').click(function(){
		location.href = 'areaPrivada.html';									
	});
	// ---------------------------------------------
	// ------------ FIN BOTONES ABRIR VENTANA ------
	// ---------------------------------------------
	
	
	
	
	
	
	// ---------------------------------------------
	// ------------ BOTONES ENVIAR FORMLARIO -------
	// ---------------------------------------------
	
	// Formulario de acceso al 'Area Priviada' (areaPrivada.php)
	$('#formAcceso').submit(function(){
		$('#infoAcceso').hide();
		$.ajax({
			type: "POST",
			url: "funciones/ajax/ajaxAcceso.php",
			context: $(this),
			beforeSend: function() {

			},
			data: {mail : $('#mailAcces').val(), pass : $('#passAcces').val()},
			complete: function(errorData){
					//alert(errorData.status)
			},
			success: function(data, textStatus){		
				if(data != 0) {					
					location.href = 'areaPrivada.php';
				} else { 
					$('#infoAcceso').show();
				}						
			}
		});	
		return false;
	});
	
	$('#formClosed').submit(function(){
		$.post('funciones/ajax/ajaxClosed.php', function() {
			location.href = 'faqs-39-cursos-de-formacion-paisajismo-urbano.html';												 
		});
		return false;
	});
	
	
	// Formulario de contacta (contacta.php)
	$('#formContacta').submit(function(){
		$('#sendLoad').hide();
		$('#sendOk').hide();
		$('#sendKo').hide();
		
		var sendForm = 1;
		
		if (document.getElementById('lopd').checked == false) {
			alert('debes aceptar la politica de privacidad');
			sendForm = 0;
			return false;
		}
		if ($('#formName').val() == '') { $('#infoName').show(); sendForm = 0; } else { $('#infoName').hide(); }
		if (comprobarEmail($('#formMail').val()) == 'ko') { $('#infoMail').show(); sendForm = 0; } else { $('#infoMail').hide(); }
		if ($('#formMessage').val() == '') { $('#infoMessage').show(); sendForm = 0; } else { $('#infoMessage').hide(); }
		
		if (sendForm == 1) {
		$.ajax({
			type: "POST",
			url: "funciones/ajax/ajaxContacta.php",
			context: $(this),
			beforeSend: function() {
				$('#infoName').hide();
				$('#infoMail').hide();
				$('#infoMovil').hide();
				$('#infoMessage').hide();
				$('#checkLopd').hide();
				$('#sendLoad').show();
			},
			data: {name : $('#formName').val(), mail : $('#formMail').val(), movil : $('#formMovil').val(), message : $('#formMessage').val()},
			complete: function(errorData){
					//alert(errorData.status)
			},
			success: function(data, textStatus){
				$('#sendLoad').hide();		
				if(data == 1) {					
					$('#sendOk').show();
				} else { 
					$('#sendKo').show();
				}						
			}
		});
		}
		return false;
	});
	
	
	// Formulario para suscribirse al 'Newsletter' (footer.php)
	$('#formNewsletter').submit(function(){
		$('#sendLoadNews').hide();
		$('#sendOkNews').hide();
		$('#sendKoNews').hide();
		$('#existMailNews').hide();
		
		var sendForm = 1;
		
		if (comprobarEmail($('#formMailNews').val()) == 'ko') { $('#infoMailNews').show(); sendForm = 0; } else { $('#infoMailNews').hide(); }			
		
		if (sendForm == 1) {
		$.ajax({
			type: "POST",
			url: "funciones/ajax/ajaxSuscripciones.php",
			context: $(this),
			beforeSend: function() {
				$('#infoMailNews').hide();
				$('#sendNewsletter').hide();
				$('#sendLoadNews').show();
			},
			data: {mail : $('#formMailNews').val(), langNL : $('#formLangNews').val()},
			complete: function(errorData){
					//alert(errorData.status)
			},
			success: function(data, textStatus){
				$('#sendLoadNews').hide();		
				if(data != 0) {					
					if (data == 2) {
						$('#existMailNews').show();
						$('#sendNewsletter').show();
					} else {
						$('#sendOkNews').show();
					}
				} else { 
					$('#sendKoNews').show();
				}
			}
		});
		}
		return false;
	});
	
	// ---------------------------------------------
	// --------- FIN BOTONES ENVIAR FORMLARIO ------
	// ---------------------------------------------
	
});







// ---------------------------------------------
// ------------ FUNCIONES JAVASCRIPT -----------
// ---------------------------------------------



function changeBannerCursos(a, b) {
	$('#bannerCursos'+a).hide();
	$('#bannerCursos'+b).show();
	//alert(a+' - '+b);
	var c = a;
	var a = b;
	var b = c;
	setTimeout("changeBannerCursos("+a+", "+b+")", 3000);
}


// Compureba que el formato del email introducido es corecto
function comprobarEmail(texto) {
	var mailres = 'ok';             
    var cadena = "abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ1234567890@._-"; 
     
    var arroba = texto.indexOf("@",0); 
    if ((texto.lastIndexOf("@")) != arroba) arroba = -1; 
     
    var punto = texto.lastIndexOf("."); 
                 
     for (var contador = 0 ; contador < texto.length ; contador++){ 
        if (cadena.indexOf(texto.substr(contador, 1),0) == -1){ 
            mailres = 'ko'; 
            break; 
     } 
    } 

    if ((arroba > 1) && (arroba + 1 < punto) && (punto + 1 < (texto.length)) && (mailres == 'ok') && (texto.indexOf("..",0) == -1)) 
     mailres = 'ok'; 
    else 
     mailres = 'ko'; 
                 
    return mailres; 
}


function validarSiNumero(numero){
	if (!/^([0-9])*$/.test(numero))
		return 'ko';
	else
		return 'ok';
}