// ----------------------
// Barullo
// ----------------------
// Categorías
// ----------------------

$(document).ready(function() {
	
	var selected = 0;
	
	// id a cada una
	var counter = 1;
	$(".quienes_menu a").each(function(){
		this.id = counter++; 	
	});
	
	// click
	var positions = [null,"0px", "-206px", "-393px", "-587px"];
	
	$("#menu_pedido.quienes_menu a").click(function(e){
		return false;	
	});
	
	$("#menu_pedido.quienes_menu a").hover(function(e){
		if (this.className!="selected"){
			var elId = $(this).parent().attr("class").split("opc")[1];
			var posX = positions[parseInt(elId)];
			$(this).css({cursor:"default", backgroundPosition:posX+" 0px"});	
		} else {
			$(this).css({cursor:"default", backgroundPosition:posX+" -23px"});
		}
	}, function(e){
		if (this.className!="selected"){
			var elId = $(this).parent().attr("class").split("opc")[1];
			var posX = positions[parseInt(elId)];
			$(this).css({cursor:"default", backgroundPosition:posX+" 0px"});	
		} else {
			$(this).css({cursor:"default", backgroundPosition:posX+" -27px"});
		}
	});
	
	if ($("#menu_pedido.quienes_menu a").size()==0){
		$(".quienes_menu a").click(function(e){
			var elId = this.id;
			
			// borramos todas
			$(".quienes_menu a").removeClass("selected");
			// se lo añadimos a esta
			$(this).addClass("selected");
			
			// movemos el wrapper hasta el actual
			var seccion = $("#seccion"+elId);
			var text = $("#quienes_text");
			
			var posOld = text.css("margin-top");
			text.css({marginTop:"0px"});
			
			var posY = -seccion.position().top + 6 + "px";
			text.css({marginTop:posOld});
			
			text.animate({marginTop:posY}, "slow");
			
			return false;
		});	
	}
	
	
	var gastosEnvio = 0;
	var subtotal = 0;
	var descuento = 0;
	var formaPago = 0;
	var precioTotal = 0;
	
	// click específico de confirmar pedido
	$("#content_center #quienes_text .ficha ul.ant_sig li a:not(.no_ant_sig)").click(function(e){
		var elId = this.className.split("ant_sig_")[1];
		
		// borramos todas
		for (var i=0; i<4; i++){
			var posX = positions[i+1];
			$(".quienes_menu a:eq("+i+")").css({cursor:"default", backgroundPosition:posX+" 0px"}).removeClass("selected");
			if ((i+1) < parseInt(elId)) $("#seccion"+(i+1)).animate({opacity:0},"normal");	
			if ((i+1) > parseInt(elId)) $("#seccion"+(i+1)).animate({opacity:0},"normal", function(){ $(this).hide(); });	
		}
		// se lo añadimos a esta
		
		var posX = positions[parseInt(elId)];
		$("#menu_pedido.quienes_menu a:eq("+(parseInt(elId)-1)+")").css({cursor:"default", backgroundPosition:posX+" -27px"}).addClass("selected");
		$("#seccion"+(elId)).show().animate({opacity:1},"normal");
		
		if (parseInt(elId)==4){
			/*subtotal = parseFloat($("#precio_subtotal").html().split("€")[0]);
			iva = parseFloat($("#precio_iva").html().split("€")[0]);
			descuento = parseFloat($("#precio_descuento").html().split("€")[0]);
			
			for (var i=0; i<$("#gastos_de_envio li").size(); i++){
				if ($("#gastos_envio_"+(i+1)).attr("checked")){
					gastosEnvio = parseFloat($("#gastos_envio_"+(i+1)).parent().find("span.precio_gasto").html());
				}
			}
			$("#seccion4 #gastos_envio_tabla").html(gastosEnvio.toFixed(2)+" €");
			
			precioTotal = subtotal + iva - descuento + gastosEnvio; 
			$("#seccion4 #precio_total").html(precioTotal.toFixed(2)+" €");*/
			
			formaPago = ($("#forma_de_pago_1").attr("checked"))? "TPV" : "TARJETA";
			
			$("#compra_transferencia").hide();
			$("#compra_tpv").hide();
			if (formaPago=="TPV") $("#compra_tpv").show();
			else $("#compra_transferencia").show();
		}
		
		// movemos el wrapper hasta el actual
		var seccion = $("#seccion"+elId);
		var text = $("#quienes_text");
		
		var posOld = text.css("margin-top");
		text.css({marginTop:"0px"});
		
		var posY = -seccion.position().top + 6 + "px";
		text.css({marginTop:posOld});
		
		text.animate({marginTop:posY}, "slow");
		
		
		return false;
	});
	
	// login de confirmar pedido
	var form_login_pedido_sending = false;
	
	$("#form_login_pedido").submit(function() {
		if (!form_login_pedido_sending) loginPedidoUser();
		return false;
	});
	
	function loginPedidoUser() {
		// recogemos los valores
		var usuarioValue = $('#l_usuario').val();
		var passwordValue = $('#l_password').val();
		var ajaxUrl = BASE+"ajax/login.php";
		var ajaxData = "usuario="+usuarioValue+"&password="+passwordValue;
		
		// los enviamos por POST
		
		form_login_pedido_sending = true;
		//$("#header #login .ajax-loader").fadeIn("fast");
		$("#l_submit").animate({opacity: 0}, "slow", function(){
			$.ajax({
		        type:	"POST",
		        url:	ajaxUrl,
		        data:	ajaxData,
		        success: function(data){
					//$("#header #login .ajax-loader").fadeOut("normal");
					$("#l_submit").animate({opacity: 1}, "normal", function(){
						
			        	envioOk = data.indexOf("OK-")!=-1;
			        	data = (envioOk)? data.split("OK-")[1] : data.split("ERROR-")[1];
			        	errorCampos = data.indexOf("|")!=-1;
						$("#seccion1 input").removeClass("error");
			        	$("#seccion1 label").removeClass("error");//.css('color','#000000');
			        	if (errorCampos){
				        	// error en la validación
			        		camposError = data.split("|")[1].split(",");
			        		data = data.split("|")[0];
			        		for (var i=0; i<camposError.length; i++){
								var campo = (camposError[i] == "login_usuario")? $('#l_usuario') : $('#l_password');
									campo.addClass("error").css({opacity:0}).animate({opacity:1}, "slow");
									campo.prev().addClass("error").css({opacity:0}).animate({opacity:1}, "slow");
			        		}
			        	}
			        	
			        	if (envioOk) {
			        		// se ha logado, lo mostramos
							var posLoginStatus = 490;
							var widthShopPrice = 38 - $("#form_navigation #user_navigation #shop_price").width();
							if (widthShopPrice<0) posLoginStatus += widthShopPrice;
							posLoginStatus += "px";
								
							var loginStatusCont = '<ul><li>'+"Nombre y Apellidos"+'</li><li class="logout"><a href="'+BASE+'logout">Logout</a></li><li class="mi_cuenta"><a href="'+BASE+'mi-cuenta">Mi Cuenta</a></li></ul>';

							$("#header #login").fadeOut("fast", function(){
								$("#login_status").html(loginStatusCont).css({left:posLoginStatus}).show();
								$("#login_status li.logout a").click(function() {
									if (!form_logout_sending) logoutUser();
									return false;
								});	
							});
							
							// recargamos la página cuando es necesario
							if (typeof ajaxReload != "undefined" && ajaxReload == true) window.location.reload();
			        	} else {
							// mostramos el error
							if (!errorCampos) showPopUp("login_msg_error");
			        	}
						
						form_login_pedido_sending = false;
			        });
		      	}
			});
		});
	}
	
	$("#compra_transferencia").click(function() {
		createOrder("TRANSFERENCIA");
		return false;
	})
	
	$("#compra_tpv").click(function() {
		createOrder("TPV");
		return false;
	})
	
	function createOrder(tipo){
		var paymentMethod = tipo;
		var shippingId = $("#gastos_envio").val(); //$("#gastos_de_envio li input:checked").val();
		var bill = ($('#deseo_factura').attr('checked'))? 1 : 0;
		//var taxId = 0;
		document.location.href = BASE+"pedido.php?paymentMethod="+paymentMethod+"&shippingId="+shippingId+"&bill="+bill;
	}
	
	// datos de facturación
	$("#deseo_factura").click(function(e){
		var isIE = '\v'=='v';
		// mostramos el correspondiente
		/*alert(isIE);
		if (isIE){
			$("#factura_ok").toggle();
			$("#factura_ko").toogle();
			$('#seccion1').hide().show();
			var posScroll = $('html,body').scrollTop() + 10;
			alert(posScroll);
			$('html,body').animate({scrollTop: posScroll}, 1000);
		} else {*/
			$("#factura_ok").slideToggle("slow");
			$("#factura_ko").slideToggle("slow");		
		//}
		
	});
	
	// añadir datos de facturación
	var form_facturacion_sending = false;
	
	$("#form_factura_pedido").submit(function() {
		if (!form_facturacion_sending) facturacionPedidoUser();
		return false;
	});
	
	function facturacionPedidoUser() {
		// recogemos los valores
		var razonSocialValue = $('#fac_razon_social').val();
		var cifValue = $('#fac_cif').val();
		var ajaxUrl = BASE+"ajax/facturacion.php";
		var ajaxData = "cif="+cifValue+"&razon_social="+razonSocialValue;
		
		// los enviamos por POST
		
		form_facturacion_sending = true;
		$("#fac_submit").animate({opacity: 0}, "slow", function(){
			$.ajax({
		        type:	"POST",
		        url:	ajaxUrl,
		        data:	ajaxData,
		        success: function(data){
					$("#fac_submit").animate({opacity: 1}, "normal", function(){
						
			        	envioOk = data.indexOf("OK-")!=-1;
			        	data = (envioOk)? data.split("OK-")[1] : data.split("ERROR-")[1];
			        	errorCampos = data.indexOf("|")!=-1;
						$("#seccion1 #factura_ko input").removeClass("error");
			        	$("#seccion1 #factura_ko label").removeClass("error");
			        	if (errorCampos){
				        	// error en la validación
			        		camposError = data.split("|")[1].split(",");
			        		data = data.split("|")[0];
			        		for (var i=0; i<camposError.length; i++){
								var campo = camposError[i];
									campo.addClass("error").css({opacity:0}).animate({opacity:1}, "slow");
									campo.prev().addClass("error").css({opacity:0}).animate({opacity:1}, "slow");
			        		}
			        	}
			        	
			        	if (envioOk) {
			        		// se ha guardado, lo mostramos
							var cont = '<p>Tus datos de facturación son:</p><ul><li>Nombre o Razón Social: <span class="simple">'+razonSocialValue+'</span></li><li>NIF / CIF: <span class="simple">'+cifValue+'</span></li></ul><p>&nbsp;</p>';
							$("#factura_ko").css({opacity:0}).html(cont).animate({opacity:1}, "normal");
			        	} else {
							// mostramos el error
							if (!errorCampos) alert("ha ocurrido un error en el proceso.");
			        	}
						
						form_facturacion_sending = false;
			        });
		      	}
			});
		});
	}
	
	// cambio de dirección en el confirmar pedido
	$("#f_dir_envio").change(function(){
		var nuevoValor = $(this).val();
		var nuevoNombre = nuevoValor.split(" · ")[0];
		var nuevaDireccion = nuevoValor.split(" · ")[1] + ' · <a href="javascript:showDirEnvio()">Cambiar dirección</a>'; 
		$("#dir_envio_nombre").html(nuevoNombre);
		$("#dir_envio_direccion").html(nuevaDireccion);
		// cambiaos el hidden con el valor del nuevo id
		var nuevoId = $("#f_dir_envio option:selected").attr("id"); 
		$("#f_dir_id").val(nuevoId);
		// se recarga la página.. sorry
		document.forms['form_dir_envio'].submit();
	});
	
	
	// envío de franquicias
	var form_franquicias_sending = false;
	
	$("#form_franquicias").submit(function() {
		if (!form_franquicias_sending) sendFranquicias();
		return false;
	});
	
	function sendFranquicias() {
		// recogemos los valores
		var nombreValue = $('#f_nombre').val();
		var apellidosValue = $('#f_apellidos').val();
		var direccionValue = $('#f_direccion').val();
		var poblacionValue = $('#f_poblacion').val();
		var provinciaValue = $('#f_provincia').val();
		var cpValue = $('#f_cp').val();
		var telefonoValue = $('#f_telefono').val();
		var movilValue = $('#f_movil').val();
		var emailValue = $('#f_email').val();
		
		var poblacion_comercialValue = $('#f_poblacion_comercial').val();
		var provincia_comercialValue = $('#f_provincia_comercial').val();
		var local_siValue = $("input[name=f_local_si]:checked").val();
		var local_alquiladoValue = $("input[name=f_local_alquilado]:checked").val();
		var local_mirado_alquilerValue = $("input[name=f_local_mirado_alquiler]:checked").val();
		var experiencia_retailValue = $('#f_experiencia_retail').val();
		var observacionesValue = $('#f_observaciones').val();
		
		var ajaxUrl = BASE+"ajax/franquicias_send.php";
		var ajaxData = "nombre="+nombreValue+"&apellidos="+apellidosValue+"&direccion="+direccionValue+"&poblacion="+poblacionValue+"&provincia="+provinciaValue+"&cp="+cpValue+"&email="+emailValue+"&telefono="+telefonoValue+"&movil="+movilValue+"&poblacion_comercial="+poblacion_comercialValue+"&provincia_comercial="+provincia_comercialValue+"&local_si="+local_siValue+"&local_alquilado="+local_alquiladoValue+"&local_mirado_alquiler="+local_mirado_alquilerValue+"&experiencia_retail="+experiencia_retailValue+"&observaciones="+observacionesValue;
		
		// los enviamos por POST
		
		form_franquicias_sending = true;
		$("#f_submit").animate({opacity: 0}, "slow", function(){
			$.ajax({
		        type:	"POST",
		        url:	ajaxUrl,
		        data:	ajaxData,
		        success: function(data){
					//$("#header #login .ajax-loader").fadeOut("normal");
					$("#f_submit").animate({opacity: 1}, "normal", function(){
						
			        	envioOk = data.indexOf("OK-")!=-1;
			        	data = (envioOk)? data.split("OK-")[1] : data.split("ERROR-")[1];
			        	errorCampos = data.indexOf("|")!=-1;
						$("#seccion4 input").removeClass("error");
			        	$("#seccion4 label").removeClass("error");//.css('color','#000000');
			        	if (errorCampos){
				        	// error en la validación
			        		camposError = data.split("|")[1].split(",");
			        		data = data.split("|")[0];
			        		for (var i=0; i<camposError.length; i++){
								var campo = $("#"+camposError[i]);
									campo.addClass("error").css({opacity:0}).animate({opacity:1}, "slow");
									campo.prev().addClass("error").css({opacity:0}).animate({opacity:1}, "slow");
			        		}
			        	}
			        	
			        	if (envioOk) {
			        		// se ha enviado
			        		alert("Formulario enviado, muchas gracias");
			        	} else {
							// mostramos el error
							if (errorCampos) alert("Por favor, revisa los campos obligatorios");
			        		else alert("Ha ocurrido un error, inténtalo más tarde "+data);
			        	}
						
						form_franquicias_sending = false;
			        });
		      	}
			});
		});
	}
	
	
});	

function showDirEnvio(){
	$("#f_dir_envio").fadeIn('normal');
}