$(document).ready(function(){
    document.getElementById('nPagos').selectedIndex=0;
    cambiaBoton( document.getElementById('nPagos'));
    document.getElementById('oferta').selectedIndex=0;
    cargarCodigoGoogle()
});


function cargarCodigoGoogle(){
    options = {url:"googleCodigo.xhtml"}
    $.ajax(options);

}


function enviarTDCBanamexA(){
    var nombre_env = document.getElementById('nombre_env').value;
    var pais_env = document.getElementById('pais_env').value;
    var estado_env = document.getElementById('estado_env').value;
    var ciudad_env = document.getElementById('ciudad_env').value;
    var colonia_env = document.getElementById('colonia_env').value;
    var calle_env = document.getElementById('calle_env').value;
    var numcalle_env = document.getElementById('numcalle_env').value;
    var cp_env = document.getElementById('cp_env').value;
    var telefono_env = document.getElementById('telefono_env').value;
    var email_env = document.getElementById('email_env').value;
    var continuidad = document.getElementById('continuidad');
    var calle_uno = document.getElementById('calle_uno').value;
    var calle_dos = document.getElementById('calle_dos').value;
    var oferta = document.getElementById('oferta').value;
    var npagos = document.getElementById('nPagos').value;
    var anio = document.getElementById('anio').value;
    var mes = document.getElementById('Mes').value;
    var ccv = document.getElementById('ccv').value;
    var numTarjeta = document.getElementById('num_card').value;

    cp = document.getElementById('Pagosresultado_mensaje');
    continuidad_int = (continuidad.checked==true)?continuidad_int=1:continuidad_int=0;

        dataEnvio="nombre_env="+nombre_env;
        dataEnvio+="&estado_env="+estado_env;
        dataEnvio+="&ciudad_env="+ciudad_env;
        dataEnvio+="&colonia_env="+colonia_env;
        dataEnvio+="&calle_env="+calle_env;
        dataEnvio+="&numcalle_env="+numcalle_env;
        dataEnvio+="&cp_env="+cp_env;
        dataEnvio+="&telefono_env="+telefono_env;
        dataEnvio+="&email_env="+email_env;
        dataEnvio+="&continuidad="+continuidad_int;
        dataEnvio+="&calle_uno="+calle_uno;
        dataEnvio+="&calle_dos="+calle_dos;
        dataEnvio+="&fpago=Tarjeta&oferta="+oferta;
        dataEnvio+="&npagos="+npagos;
        dataEnvio+="&anio="+anio;
        dataEnvio+="&mes="+mes;
        dataEnvio+="&ccv="+ccv;
        dataEnvio+="&numTarjeta="+numTarjeta;

   /*if(continuidad.checked==true) {continuidad_int=1;}
   else {continuidad_int=0;}*/

    
    document.getElementById('btntarjetaPagos').value="Procesando su Pedido. Espere un momento";
    document.getElementById('btntarjetaPagos').disabled=true;
    
    
    $.ajax({
    type:"POST",
    url: "cobroBanamex.php",
    processData: false,
    data: dataEnvio,
    success: function(msg){
       $('#Pagosresultado_mensaje').toggle('slow');
       cp.innerHTML = msg;
        if(msg.indexOf("Pedido Grabado con el numero")>-1){
              document.getElementById('btntarjetaPagos').value="Datos Enviados al banco";
        }

        else{
              setTimeout(function(){$('#Pagosresultado_mensaje').toggle('slow');
              document.getElementById('btntarjetaPagos').disabled=false;
              document.getElementById('btntarjetaPagos').value="Procesar Pedido en 3 pagos";
              },"5000");
           }
    }
  });
       
      
    

}


var formaPagoActiva ="pagoTarjeta_V";

function mostarFormDM(id){
    /*esta funcion cambia el formulario y la imagen dependiendo de la forma de pago que se escoja
    para que funciono hay que crear un elemento que escuche al evento click, llamando al nombre de la
    funcion y nombre de la capa que contiene el formulario  (ejemplo onclick="javascript:mostarFormDM('pagoTarjeta')" )
    las imagenes que se utilizan como background deben de ser en formato png y tener el mismo nobre que la capa que contiene el formulario, añadiendole
    _gs (ejemplo imagen_gs.png) y el id del boton que llama al formulario debe ser el nombre de la capa mas
    btn (ejemplo id="pagoTarjetabtn" o id="IdCapaFormulariobtn")

    */

    if(id!="pagoTarjeta"){

        document.getElementById('nPagos').selectedIndex=0;
        document.getElementById('nPagosD').style.display="none";
    }
    else{
        document.getElementById('nPagos').disabled="";
        document.getElementById('nPagosD').style.display="block";
    }

    if(document.getElementById(id).style.display=="none"){

        document.getElementById(formaPagoActiva+"btn").style.backgroundImage ="url(imgs/"+formaPagoActiva+"_gs.png)";
        document.getElementById(id+"btn").style.backgroundImage ="url(imgs/"+id+".png)";

        $('#'+formaPagoActiva).slideToggle("slow");
        $('#'+id).slideToggle("slow");
        formaPagoActiva = id;
    }


}

function cambiaNPagos(e){
    var cantidad = e.value;
    var npago = cantidad/3;
    var npago6 = cantidad/6;
    npago =npago.toString();
    npago6 = npago6.toString();
    if(npago.indexOf('.')>-1)npago = npago.substring(0,npago.indexOf('.')+3);
    if(npago6.indexOf('.')>-1)npago6 = npago6.substring(0,npago.indexOf('.')+3);
    document.getElementById('nPagos1').innerHTML="1 solo pago de $"+cantidad;
    document.getElementById('nPagos3').innerHTML="3 pagos de  $"+npago;
    if(document.getElementById('nPagos6')!=null)document.getElementById('nPagos6').innerHTML="6 pagos de  $"+npago6;

}

function preactivado(id){
    if(id != formaPagoActiva)
    document.getElementById(id+"btn").style.backgroundImage ="url(imgs/"+id+".png)";

}
function predesactivado(id){
    if(id != formaPagoActiva)
    document.getElementById(id+"btn").style.backgroundImage ="url(imgs/"+id+"_gs.png)";
}

function pagoPP(){
	var monto = document.getElementById('oferta').value;

	document.getElementById('paymentAmount').value=monto;
	document.getElementById('ppaypal').submit();
}

function cambiaBoton(s){
    if(s.selectedIndex == 0){
        document.getElementById('btntarjeta').style.display="block";
        document.getElementById('btntarjetaPagos').style.display="none";
        document.getElementById('tarjetaUnPago').style.display="none";
    }else {
        document.getElementById('btntarjeta').style.display="none";
        document.getElementById('btntarjetaPagos').style.display="block";
        document.getElementById('tarjetaUnPago').style.display="block";
    }
}
function ocultarFP(){
   //document.getElementById('tdcBoton').style.display="none";
   //document.getElementById('amexBoton').style.display="none";
   //document.getElementById('codBoton').style.display="none";
   //document.getElementById('paypalBoton').style.display="none";
   //document.getElementById('dineroMailBoton').style.display="none";
   //document.getElementById('dineroMailBoton').style.display="none";
 /* id="formSaftPay";
   document.getElementById(formaPagoActiva+"btn").style.backgroundImage ="url(imgs/"+formaPagoActiva+"_gs.png)";
        document.getElementById(id+"btn").style.backgroundImage ="url(imgs/"+id+".png)";

        $('#'+formaPagoActiva).slideToggle("slow");
        $('#'+id).slideToggle("slow");
        formaPagoActiva = id;*/
  mostarFormDM('formSaftPay');
   

}