especificosweb/js/main.js

window.onload = function() {
var req = new XMLHttpRequest();

	var availableWidth = [ 500, 1024, 1400, 1920];
	var size=0; 
	var banner=$("#banner");
	while (window.innerWidth > availableWidth[size] && size < availableWidth.length-1 ) 
		size++;
	banner.src="Images/slider/slide1-"+availableWidth[size]+".jpg";

	var contact= $(".contact");
	var tit_curso = $(".titulo_curso");
	var desc_curso = $(".descripcion_curso");
	var list = $("li");
	var overlay=$('#overlay-contact');
	var exit=$('#exit');
	var basicgrey=$('#basic-grey');
	var logo=$('#logo');
	var btnconsulta=$('#btnconsulta');
	var btnok=$('#ok');

	var cursos = [
		{
			nombre: "Cosmetología",
			informacion: [ "Inicio: 16/03/2016", "Dia: Miércoles", "Duracion: Anual", "Modalidad: Presencial", "Horario: 14:00 a 17:00 (GMT -3)"],
			avales: [ "ESPECIFCICOS Buenos Aires", "Desarrollo Cosmético SRL"],
			descripcion: "<span>Los cosméticos son formulaciones de aplicación local, fundadas en conceptos científicos, destinados al cuidado y mejoramiento de la piel y sus anexos, sin modificar las funciones vitales, irritar, sensibilizar, ni provocar fenómenos secundarios atribuibles a su absorción sistémica.</span><span> Cosmetología es la ciencia y el arte que se ocupa del cuidado y el mejoramiento de los caracteres estéticos de una piel sana.</span><span> Este profesional requiere nutrirse de la dermatología, para un perfecto cuidado de los distintos biotipos cutáneos.</span>"
		},

		{
			nombre: "Cosmiatría específica",
			informacion: [ "Inicio: 15/03/2016", "Dia: Martes", "Duración: Anual", "Modalidad: Presencial y a distancia", "Horario: 10:00 a 13:00 (GMT -3)", "<b>Requisito ser cosmetóloga o profesional de la estética</b>"],
			avales: [ "AIMBO (Academia Iberoamericana de Medicina Biológica y Odontoestomatología)" ],
			descripcion: "Cosmiatría es la ciencia que comprende la atención cosmética de la piel sana o enferma.<br/>La capacitación anual 'Cosmiatría Específica' tiene como objetivo dar soluciones a las distintas desviaciones de la piel, a través de tratamientos y asesoría con un enfoque cosmiátrico específico, que respete las expectativas individuales, en un marco de interrelación disciplinaria.<br/>Les brindaremos aquí a las profesionales, un espacio para introducirse en el profundo estudio de la piel, aprender y responder a esas preguntas que nunca tuvieron la oportunidad de hacer.<br/>Estudiarán opciones de tratamiento con una mirada específica, científica y técnica, abarcando desde hábitos  que favorecen  los procesos anti-envejecimiento, hasta una amplia gama de tratamientos que permiten adaptarse a las necesidades y expectativas de cada paciente, para cada instancia en particular. Siempre basado en estudios científicos que avalen las diferentes terapéuticas a seguir."
		},
		{ 
			nombre: "Dermatocosmiatría",
			informacion: [ "Inicio: 14/03/2016", "Día: Lunes","Duración: Anual", "Modalidad: Presencial y a distancia", "Horario: 10:00 a 13:00 (GMT -3)"],
			avales: [ "Hospital de Clínicas José de San Martín de la Universidad de Buenos Aires", "División Cirugía Plástica del Hospital de Clínicas José de San Martín", "AIMBO (Academia Iberoamericana de Medicina Biológica y Odontoestomatología)", "ESPECIFCICOS Buenos Aires", "Desarrollo Cosmético SRL"],
			descripcion: "La <b>dermatocosmiatría</b>, es una disciplina requerida, a la altura de la evolución tecnológica que existe actualmente, los progresos realizados en Medicina en las últimas décadas, trajeron aparejados los avances en el conocimiento de las múltiples funciones del órgano cutáneo, participante del equilibrio funcional del organismo. Asimismo, el interés en ella pasó a ocupar, no sólo los aspectos clínicos y biológicos sino también los aspectos estéticos de las diferentes dermatosis.<br/>La acción medioambiental, la exposición al sol inadecuada, la vida al aire libre y su acción en la piel, las exigencias de la vida actual, dieron motivo al desarrollo técnicas que ayudan al bienestar general y a la necesidad humana de verse y sentirse bien, maximizando la protección.<br/>Es por ello fundamental, la formación de profesionales capacitados para desempeñarse en el área dermatocosmiátrica, que colaboren con el médico dermatólogo, médico especialista en medicina estética y cirujano plástico en el empleo de técnicas complementarias. Esto es posible mediante el establecimiento y aplicación de programas de actualización con formación específica, científica y técnica."
			},
		{
			nombre: "Auxiliar en cirugía plástica",
			informacion: [ "Inicio: 16/03/2016", "Día: Miércoles","Duración: Anual", "Modalidad: Presencial y a distancia", "Horario: 10:00 a 13:00 (GMT -3)"],
			avales: [ "Hospital de Clínicas José de San Martín de la Universidad de Buenos Aires", "División Cirugía Plástica del Hospital de Clínicas José de San Martín", "ESPECIFCICOS Buenos Aires", "Desarrollo Cosmético SRL", "AIMBO (Academia Iberoamericana de Medicina Biológica y Odontoestomatología)"],
			descripcion: "Ésta capacitación cuenta con la participación de los más prestigiosos profesores médicos especialistas en cirugía plástica, especialistas en medicina estética, especialistas en terapias biológicas, dermatocosmiatras y flebólogos, quienes representan a nuestro país en los distintos Congresos Nacionales e Internacionales y apoyan el desarrollo de la capacitación anual.<br/>Los alumnos/as  tendrán la posibilidad de recibir la experiencia de los profesores, promoviendo el intercambio de los últimos procedimientos en Dermatocosmiatría, que apoyarán a las diferentes técnicas realizadas en el ámbito de la Medicina Estética y Cirugía Plástica."
		},
		{
			nombre: "Química cosmética aplicada a dermatocosmiatría",
			informacion: [ "Inicio: Agosto 2016", "Duración: 4 clases", "Modalidad: Presencial y a distancia", "Horario: 14:00 a 17:00 (GMT -3)"],
			avales: [ "ESPECIFCICOS Buenos Aires", "Desarrollo Cosmético SRL"],
			descripcion: "El objetivo de la capacitación es brindar a profesionales de la estética, información actualizada y completa sobre el desarrollo de últimas tecnologías, investigaciones, tendencias y reglamentaciones autorizadas en productos dermatocosmiátricos. Desarrollo de productos, vehículos especializados, como también activos de uso tópico en interrelación con las distintas instancias de la piel. Permitiendo comprender y seleccionar dentro de las propuestas del mercado, a través de la lectura de los rótulos de productos y un mejor uso de los mismos."
		},
	
		{
			nombre: "Drenaje Linfático Manual",
			informacion: [ "Inicio: 05/04/2016", "Día: Martes", "Duración: 4 Meses", "Modalidad: Presencial", "Horario: 14:00 a 17:00 (GMT -3)", "<b>Requisito ser cosmetóloga, cosmiatra, dermatrocosmiatra o médico</b>"],
			descripcion: "El Drenaje Linfático Manual, es una técnica fundamental para el trabajo sobre el tejido conectivo, con éxito terapéutico reconocido. Siendo, el conocimiento de  la anatomía, la fisiología del sistema linfático y la concentración, herramientas fundamentales para efectuar correctamente este masaje especializado, en forma comprometida con el bienestar del paciente. <br/> Se trata de una actividad que vamos a dividir en 5 módulos.<ol><li> DLM Facial y Capilar</li><li>DLM Corporal</li><li>Cinesiterapia</li><li>DLM - PEFE</li><li>DLM pre y post quirúrgico</li>"
		},
		{
			nombre: "Quiromasaje",
			informacion: [ "Inicio: Agosto 2016", "Duración: 4 Meses", "Modalidad: Presencial", "Horario: 14:00 a 17:00 (GMT -3)"],
			descripcion: "Se conoce como quiromasaje al masaje desarrollado manualmente como parte de una terapia.<br/> Sintéticamente podríamos definirlo, en dos palabras: Técnica y Sensibilidad con un fin terapéutico.<br/>El quiromasaje reúne una serie de técnicas especializadas, que tienen como objetivo principal relajar la musculatura, ya sea por falta de tonicidad, por tensiones, por estrés o dolores. <br/>El masaje se aplica directamente sobre la piel y se transmite a los diferentes órganos y tejidos del cuerpo, a través de la presión mecánica de las manos, fricciones, presiones, percusiones, amasamientos y por último estiramientos, dependiendo de la problemática a tratar. Estas técnicas van acompañadas de la utilización de cremas vehiculizadas específicamente, para mejorar la manipulación y el procedimiento del quiromasaje."
		}
	];

	var view = rivets.bind($("#tabla-cursos"), { cursos:cursos });
	
	function $(sel){
		var ret =document.querySelectorAll(sel);
		if (ret.length==1)
			return ret[0];
		return ret;
	}

    overlay.onclick = function(){
		overlay.style.display="none";
		basicgrey.style.display="none";
	};
    exit.onclick=function(){
		overlay.style.display="none";
		basicgrey.style.display="none";
	};
	btnok.onclick=function(){
		var params="mail="+$("#suscribe").value;
		req.open("POST", "newsletter.php", true);
		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		req.setRequestHeader("Content-length", params.length);
		req.setRequestHeader("Connection", "close");
		req.onreadystatechange=function(){
		if(req.readyState == 4 && req.status == 200)
			$("#respuestanewsletter").innerHTML=req.responseText; 
		};
		req.send(params);
	};
	btnconsulta.onclick=function(){
		if (btnconsulta.disabled) return;
		if ($("#name").value.length === 0 || $("#message").value.length<10) {
			$("#respuestacontacto").innerHTML="Por favor completa todos los campos"; 
			return;
		}
		$("#respuestacontacto").innerHTML="Enviando..."; 
		var params = "nombre="+$("#name").value;
		params=params+"&mail="+$("#email").value;
		params=params+"&consulta="+$("#message").value;
		req.open("POST", "contacto.php", true);
		req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		req.setRequestHeader("Content-length", params.length);
		req.setRequestHeader("Connection", "close");

		req.onreadystatechange=function(){
			if(req.readyState == 4 && req.status == 200)
				$("#respuestacontacto").innerHTML=req.responseText; 
				btnconsulta.value="Enviar";
				btnconsulta.disabled=false;
			};
		btnconsulta.value="Enviando....";
		btnconsulta.disabled=true;
		req.send(params);
	};
	var i=0;
	for(i =0; i < tit_curso.length; i++)
		tit_curso[i].onclick=curso_click;

	for(i =0; i < contact.length; i++)
		contact[i].onclick=showContact;

	var logos = $("#btnlogo");
	for(i=0; i<logos.length; i++)
		logos[i].onclick=function() { scrollToY(0,1500,'easeInOutQuint'); };

	for(i =0; i < list.length; i++){
		if(list[i].firstChild==null) continue;
		if(list[i].firstChild.tagName=="A")
			list[i].firstChild.addEventListener("click", function(e) {
			var target=document.getElementById(this.hash.replace("#",""));
			scrollToY(target.offsetTop, 1500, 'easeInOutQuint');
			if (this.hash=='#footer-outer')
				showContact(); 
			e.preventDefault();
			});
	}

    function showContact() {
		basicgrey.style.display="block";
		overlay.style.display="block";
    }

    var startY=banner.scrollHeight/2;
	window.onscroll = function () {
        logo.style.opacity=1*(window.pageYOffset > startY ); //bool->int
    };

    var curImg=1;
    setInterval(slide, 8000);
	var distrib;
	if (window.innerWidth <= 890) { //distribuidoras
		var xhr = new XMLHttpRequest();
		xhr.open('GET', encodeURI('lista_distrib.php'));
		xhr.onload = function() {
		    if (xhr.status === 200) {
		        distrib=JSON.parse(xhr.responseText);
				var sel = document.createElement("select");
				var selProv= document.createElement("select");
				var selZona = document.createElement("select");
				var result= document.createElement("div");

				sel.id="pais";
				selProv.id="prov";
				selZona.id="zona";
				result.id="result";

				for (var country in distrib) {
					var opt = document.createElement("option");
					var node = document.createTextNode(country);
					opt.appendChild(node);
					sel.appendChild(opt);
				}
				sel.selectedIndex=-1;
				sel.onchange=changeCountry;
				selProv.onchange=changeProv;
				selZona.onchange=changeZona;

				$("#distribuidoras").appendChild(sel);
				$("#distribuidoras").appendChild(selProv);
				$("#distribuidoras").appendChild(selZona);
				$("#distribuidoras").appendChild(result);
		    }
		    else {
		        alert('Request failed.  Returned status of ' + xhr.status);
		    }
		};
		xhr.send();


	}
	function changeCountry() {
		var pais = $("#pais").value;
		var prov = $("#prov");
		var zona = $("#zona");
		zona.innerHTML="";
		prov.innerHTML="";
		if(distrib[pais] === undefined) return;

		for (var provincia in distrib[pais]) {
			var opt = document.createElement("option");
			var node = document.createTextNode(provincia);
			opt.appendChild(node);
			prov.appendChild(opt);
		}
		prov.selectedIndex=-1;

	}
	function changeProv() {
		var pais = $("#pais").value;
		var prov = $("#prov").value;
		var zona = $("#zona");
		prov.innerHTML="";
		zona.innerHTML="";
		if(distrib[pais] === undefined || distrib[pais][prov] === undefined) return;

		for (var zone in distrib[pais][prov]) {
			var opt = document.createElement("option");
			var node = document.createTextNode(zone);
			opt.appendChild(node);
			zona.appendChild(opt);
		}
		zona.selectedIndex=-1;
	}
	function changeZona() {
		var pais = $("#pais").value;
		var prov = $("#prov").value;
		var zona = $("#zona").value;
		var result = $("#result");
		result.innerHTML="";
		var z = distrib[pais][prov][zona];
		for (var distr in z ) {
			for (var p in z[distr]) {
				result.appendChild(document.createTextNode(p+":"+z[distr][p]));
				result.appendChild(document.createElement("br"));
			}
			result.appendChild(document.createElement("br"));
		}
	}
    function slide() {
        banner.className='transp';
        setTimeout(transp, 500);
        curImg++;
        if(curImg>5) curImg=1;
    }
    function transp() {
		banner.src="Images/slider/slide"+curImg+"-"+availableWidth[size]+".jpg";
        banner.removeAttribute('class');
    }
};