Problems using a variable with a tag of a webapp

Question

I have a webapp where I've built a field in the database for the item is active or not, depending if my client chooses if it's free or not.
The name of the tag that I want to use as a variable is { tag_estado } and has two values:
Gratis
Pago
When in jQuery I create a variable to store the value of this tag and created a conditional to activate the link and icon of the item, always the tag value prints it on "Pago", even though the webapp item has the value of "Gratis"
I appreciate your time to help me resolve this issue.
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
          var linkleccionGratis = function() {
                    $(".linkLeccion").attr('href', '{tag_itemurl_withhost}?tab=video');
          var linkleccionPago = function() {
                    $(".linkLeccion").attr('href', '#dataaaaaaaa');
          var imagenGratis = function() {
                    $('.videoIcono').each(function(){
                          //Change the src of each img
                          $(this).attr('src', '/Comportamiento-Video/Iconos/1365805563_movie_studio-android-r_1.png');
          var imagenPago = function() {
                    $('.videoIcono').each(function(){
                          //Change the src of each img
                          $(this).attr('src', '/Comportamiento-Video/Iconos/1365805563_movie_studio-android-r_0.png');
    var EstadoLeccion = "{tag_estado}";
          if(EstadoLeccion == "Pago"){
                              linkleccionPago();
                              imagenPago();
          else if(EstadoLeccion == "Gratis"){
                              linkleccionGratis();
                              imagenGratis();
                    else{
                              linkleccionPago();
</script>
<div style="width: 921px; margin-bottom: 10px;">
<div class="FranjaSuperiorTituloLeccion">
<div class="TituloContenedorLeccionWebApp">
<div class="TituloLeccionWebApp">Lecci&oacute;n {tag_num_leccion}: {tag_titulo_leccion}</div> </div> <div class="ImagenesBotonesLeccionWebApp">
<a class="linkLeccion" href="#data" id="inline"><img alt="Video" class="videoIcono" src="http://www.excelvirtual.org/Comportamiento-Video/Iconos/1365805563_movie_studio-android-r_ 0.png" style="margin-top: 6px; width: 31px; height: 31px;" />
</a>
</div>
<div class="ImagenesBotonesLeccionWebApp">{tag_actividad url}</div>
<div class="ImagenesBotonesLeccionWebApp">
<a href="{tag_cuestionario}" target="_blank">
<img alt="Cuestionario" src="http://www.excelvirtual.org/nuevodiseno/images/actividaddef2.png" style="width: 41px; height: 41px;" />
</a>
</div>
</div>
</div>

Answer 1

It's tough to tell without seeing the page but it looks like your code may be defaulting to the else statement. You could delete the else and see if it does anything