especificos-web/js/main.js

window.onload = function() {
var QueryString = function () {
  // This function is anonymous, is executed immediately and 
  // the return value is assigned to QueryString!
  var query_string = {};
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
        // If first entry with this name
    if (typeof query_string[pair[0]] === "undefined") {
      query_string[pair[0]] = decodeURIComponent(pair[1]);
        // If second entry with this name
    } else if (typeof query_string[pair[0]] === "string") {
      var arr = [ query_string[pair[0]],decodeURIComponent(pair[1]) ];
      query_string[pair[0]] = arr;
        // If third or later entry with this name
    } else {
      query_string[pair[0]].push(decodeURIComponent(pair[1]));
    }
  } 
    return query_string;
}();

if(QueryString.sector!==undefined){
	var target=document.getElementById(QueryString.sector.replace("#",""));
	scrollToY(target.offsetTop, 1500, 'easeInOutQuint');

}
//https://www.especificosba.com.ar/?sector=cursos
	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";
	//banner.src="Images/slider/navidad/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 basicgrey=$('#basic-grey');
	var exit=$('#exit');
	var logo=$('#logo');
	var btnconsulta=$('#btnconsulta');
	var btnok=$('#ok');


	var overlaytel=$('#overlay-telefonos');
	var basicgreytel=$('#basic-grey-telefonos');
	var exittel=$('#exit-telefonos');

	function $(sel){
		var ret =document.querySelectorAll(sel);
		if (ret.length==1)
			return ret[0];
		return ret;
	}

    overlaytel.onclick = function(){
		overlaytel.style.display="none";
		basicgreytel.style.display="none";
	};

    overlay.onclick = function(){
		overlay.style.display="none";
		basicgrey.style.display="none";
	};
	exittel.onclick=function(){
		overlaytel.style.display="none";
		basicgreytel.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<7) {
			$("#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;
				$("#name").value="";
				$("#email").value="";
				$("#message").value="";
			}
		};
		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.src="Images/slider/navidad/slide"+curImg+"-"+availableWidth[size]+".jpg";
        banner.removeAttribute('class');
    }
};