"use strict";

function api(verbo, metodo, datos, callback) {
	return $.ajax("/api/"+metodo, {
		type: verbo,
		data: JSON.stringify(datos),
		contentType: "application/json",
		cache: false,
		complete: function(res) {
			if(res.responseJSON) callback(res.responseJSON);
		}
	});
}

function menu() {
	$("#menu a").on("mouseenter", function(ev) {
		ev.preventDefault();
		var s = $(this).data("submenu"),
			e = $("#submenu-"+s);
		$(".submenu").stop().slideUp(150);
		if(e.length) e.stop().slideDown(150);
	});
	$("header").on("mouseleave", function() {
		// $(".submenu").stop().slideUp(150);
	});
	$(".menu-toggle").on("click", function(ev) {
		ev.preventDefault();
		$("#menu-lateral").toggleClass("abierto");
	});
	$(document).on("scroll touchmove mousewheel", function() {
		if($("html,body").scrollTop()>10)
			$("header").addClass("sombra");
		else
			$("header").removeClass("sombra");
	});
}

function sliderMobile(elem, items) {
	if(!elem.length) return;

	var i = 1,
		d = null,
		e = null,
		x = null,
		s = function(ir) {
			items.removeClass("activo");
			items.eq(ir-1).addClass("activo");
			elem.animate({ scrollLeft: (ir-1)*elem.outerWidth() }, 300);
			i = ir;
		};
	elem.on("touchstart", function(ev) {
			d = ev.touches[0].clientX;
			x = d;
		})
		.on("touchcancel", function() {
			d = null;
			s(i);
		})
		.on("touchmove", function(ev) {
			e = ev.touches[0].clientX;
			elem.scrollLeft(elem.scrollLeft()+x-e);
			x = e;
		})
		.on("touchend",function(ev) {
			if(e>d+10) {
				if(i>1) s(i-1);
			} else if(e<d-10) {
				if(i<items.length) s(i+1);
			} else {
				s(i);
			}
		});
	items.on("click",function(ev) {
		ev.preventDefault();
		s($(this).data("i"));
	});
}

function form() {
	$("form.ajax").on("submit",function(ev) {
		ev.preventDefault();

		var t = $(this),
			action = t.attr("action"),
			resultado = t.find(".resultado");

		if(t.hasClass("cargando")) return;

		t.addClass("cargando");

		resultado.slideUp(150, function() {
			return $.ajax(action, {
				type: "POST",
				data: JSON.stringify(t.serializeObj()),
				contentType: "application/json",
				cache: false,
				complete: function(res) {
					var datos = res.responseJSON;
					if(!datos) return;

					if(datos.redir) {
						window.location.href = datos.redir;
						return;
					}

					if(!datos.ok) {
						resultado.addClass("error");
					} else {
						resultado.removeClass("error");
						f.get(0).reset();
					}
					resultado.html(datos.mensaje).slideDown(150);

					t.removeClass("cargando");
				}
			});
		});
	});
}

$(function() {
    $("#submenu-inicio").stop().slideDown(150);
    menu();
	form();
	sliderMobile($(".logos"), $(".logos-items a"));
});

$.fn.serializeObj = function() {
	var arr = this.serializeArray(),
		obj = {};
	for(var i = 0; i<arr.length; i++)
		obj[arr[i].name] = arr[i].value;
	return obj;
};