// Bootstudio
//	JS000520100727	//
// --------------------------------------------------------------------------------

     jQuery.each(jQuery.browser, function(i, val) {
       if(i=="msie" && jQuery.browser.version.substr(0,1)=="6")
          window.location = "error-ie6.html"
     });
     
     
     if ((screen.width<1024) || (screen.height<768)) {
          window.location = "error-screen-resolution.html"
     }
     





// Flags
//---------------------------------------------------

   elXML = 0;
   animacionInicializada = 0;
   paginaIniciada = 0;
   
   
   




// Funciones Generales
//---------------------------------------------------

    // Funcion para preload las imagenes necesarias
    jQuery.preloadImages = function() {
      for(var i = 0; i<arguments.length; i++) {
        jQuery("<img>").attr("src", arguments[i]);
      }
    }

    //$.preloadImages("/images/tools-towerlife-ON.png", "/images/tools-cesar-barria-ON.png", "/images/tools-superintendencia-ON.png", "/images/tools-siganos-ON.png");
	$.preloadImages("/images/tools-towerlife-ON.png", "/images/tools-superintendencia-ON.png", "/images/tools-siganos-ON.png");



    // Funcion para nombres de meses
    var month_names = new Array ( );
    month_names[month_names.length] = "Ene";
    month_names[month_names.length] = "Feb";
    month_names[month_names.length] = "Mar";
    month_names[month_names.length] = "Abr";
    month_names[month_names.length] = "May";
    month_names[month_names.length] = "Jun";
    month_names[month_names.length] = "Jul";
    month_names[month_names.length] = "Ago";
    month_names[month_names.length] = "Sep";
    month_names[month_names.length] = "Oct";
    month_names[month_names.length] = "Nov";
    month_names[month_names.length] = "Dic";
    
    
    
    function limpiarVariable(laVariable) {
       var laVariable = laVariable.replace("$", "");
       laVariable = laVariable.replace(",", ""); 
       laVariable = laVariable.replace("%", ""); 
       laVariable = laVariable.replace(" ", ""); 
       laVariable = jQuery.trim(laVariable);
       laVariable = parseFloat(laVariable);
       
       return laVariable;
    }
  
        



     
     
     
     
     
    // Funcion para validar formularios de contacto
    function validar(form){
	   if (form.nombre.value == "") {
		   document.getElementById("lnombre").innerHTML = "Por favor escriba su nombre.";
    	   form.nombre.focus();
    	   return false; 
	   }
	   else {document.getElementById("lnombre").innerHTML = "";}
 	   
 	   if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(form.email.value)){
    	   document.getElementById("lemail").innerHTML = "Por favor especifique un E-mail v&aacute;lido.";
    	   form.email.focus();
    	   return false; 
 	   }
	   else {document.getElementById("lemail").innerHTML = "";}
	   
	   if (form.para != null)	{	//El campo "para" no existe en las solicitudes de productos
		   if (form.para.selectedIndex == 0 ) {
			   document.getElementById("lpara").innerHTML = "Por favor escoja una opci&oacute;n.";
    		   form.para.focus();
	    	   return false; 
		   }
		   else {document.getElementById("lpara").innerHTML = "";}
	   }
	   
	   if (form.comentarios.value == "") {
		   document.getElementById("lcomentarios").innerHTML = "Por favor escriba sus comentarios.";
    	   form.nombre.focus();
       	   return false; 
	   }
	   else {document.getElementById("lcomentarios").innerHTML = "";}
	   
	   //Deshabilitar el botón de enviar para que no pueda mandar la solicitud más de una vez
	   document.getElementById("Submit").disabled = true;
    }

     
    // Funcion para cambiar las dimensiones del background cada vez que se haga resize la ventana
    function cambiarBackground(value) {
        //Debug
        //alert("El Width: " + $("body").width() + "\nEl Height: " + $(document).height() );

        //Obtener la fecha numericamente para jalar el background correcto
        var elDia = new Date();
        var elNumero = elDia.getDate(); //-- Dia del mes (del 1 al 31)
        if (elNumero < 10) {
          elNumero = String(elNumero);
          elNumero = "0" + elNumero;
        }

        var elMes = elDia.getMonth(); // --  Mes (del 0 al 11)
        elMes = elMes + 1;
        if (elMes < 10) {
          elMes = String(elMes);
          elMes = "0" + elMes;
        }
        
        
        //Estas son las dimensiones acordadas de las fotos de fondo.
        var elWidthOriginal = "1000";
        var elHeightOriginal = "700";
   
        var elWidth  = $("body").width();
        var elHeight = $(document).height();
     
        var elHeightNuevo = (elWidth * elHeightOriginal) / elWidthOriginal;

		var heightDiff = (elHeightNuevo - elHeight) / 2;
        
        //LowSrc
        if(paginaIniciada == 0) {
           $("#elFoton").before("<img />").prev().css({'z-index' : "1" });
        }
        
        
        $("#elFoton").prev().attr({
           src: "images/backgrounds/" + elMes + "/" + elNumero + "-lowsrc.jpg",
           width: elWidth,
           height: elHeightNuevo,
		   style: 'top: -' + heightDiff + 'px'
        });
        
        
        
        //HighSrc
        $("#elFoton").attr({
           src: "images/backgrounds/" + elMes + "/"  + elNumero + ".jpg",
           width: elWidth,
           height: elHeightNuevo,
		   style: 'top: -' + heightDiff + 'px'
        }); 

      
     }
   
   
   
     
   
   
   
   
   
   
      // Funcion para correr las animaciones al escoger una opcion de la nav principal	
      function actualizarAnimacion(elLink){
         
         // Probar si se esta cerrando la opcion del accordion con click sobre el elemento.  
         var accordionSelectedINDEX = $("#main-nav li a").index($("#main-nav li a.ui-state-active")); 
         //alert("accordionSelectedINDEX: " + accordionSelectedINDEX);        
                 
                 
         if(accordionSelectedINDEX == -1) {
              
              //En este caso, se cierran todas las opciones del accordion, se agrandan las bancas, se achican las de soporte y se despliegan nuevamente los paneles de abajo  
              
              //alert("cerrando");
 

              $("#main-nav li a").animate({ 
   	            fontSize: "16px",
	 	        lineHeight: "15" 
	          }, "slow" ); 
	     
	     
              $("#banca-personal-link, #banca-corporativa-link, #banca-inversion-link").animate({ 
  	             fontSize: "36px",
  	             lineHeight: "35"
	          }, "slow" ); 
 
 
 
              $("#noticias ul").show("fast");

	          $("#noticias ul").css({ "display": "block" });
	      
	          $("#noticias").animate({ 
  	             height: "94px"
              }, "slow", "jswing" ); 
              
              
              
              $("#superintendencia, #superintendencia a").animate({
            height: "100px"
        },
        "normal", "jswing",
        function() {

            $("#superintendencia").fadeOut(500,
            function() {
                $(this).css({
                    'bottom': '30px',
                    'background-image': "url(images/tools-superintendencia.png)"
                })
                .fadeIn(1200);
            });

        });

        //Quitar comentario al querer usar espacio TOWERLIFE
		/*
		$("#towerlife, #towerlife a").animate({
            height: "100px"
        },
        "normal", "jswing",
        function() {

            $("#towerlife").fadeOut(500,
            function() {
                $(this).css({
                    'bottom': '30px',
                    'background-image': "url(images/btn-cesar-barria.gif)"
                })
                .fadeIn(1200);
            });

        });
            */ 
             
             animacionInicializada = 0;
             
             
          
         }  else {
                 
                 
         //En este caso, se abre una opcion del accordion, y se esconden los paneles de abajo                 


         //$(elLink).parent().siblings().children().animate({
         $("#main-nav>li>a").animate({ 
   	        fontSize: "16px",
	 	    lineHeight: "13" 
	     }, "slow" ); 
	      
	      
	     $(elLink).stop()
	      .animate({ 
  	         fontSize: "36px",
  	         lineHeight: "35"
	     }, "slow" );
          
 	      
 	     
 	     
 	     if(animacionInicializada == 0) {  // Solo debe correr una vez.  Se esconden los paneles de abajo
	      
	      
	      $("#noticias ul").hide("fast");
	      $("#noticias ul").css({ "display": "none" });
	      
	      $("#noticias").animate({ 
  	         height: "16px"
          }, "slow", "jswing" ); 
              
              
          $("#superintendencia, #superintendencia a").animate({
                height: "26px"
            },
            "normal", "jswing",
            function() {

                $("#superintendencia").fadeOut(500,
                function() {
                    $(this).css({
                        'bottom': '22px',
                        'background-image': "url(images/tools-superintendencia-ON.png)"
                    })
                    .fadeIn(1200);
                });
            });

        //Quitar comentario al querer usar espacio TOWERLIFE
		/*
            $("#towerlife, #towerlife a").animate({
                height: "26px"
            },
            "normal", "jswing",
            function() {

                $("#towerlife").fadeOut(500,
                function() {
                    $(this).css({
                        'bottom': '22px',
                        'background-image': "url(images/tools-cesar-barria-ON.png)"
                    })
                    .fadeIn(1200);
                });
            });
          */
          
          animacionInicializada = 1;
        } // if animacion inicializada
        
 	     
 	      
 	    }  // if accordion selectedIndex, para ver si estamos cerrando

	   
	   
          
          
          
        $(elLink).blur();
    
      }  // end function
      
      
         
         
         
      
      
      
      
      
      
      
      
      // Funcion para tomar el valor del Title attribute del link y usarlo como el Page Title
         function findTitle(value) {
            
            value = value.replace("/", "");
            
            var links = document.getElementsByTagName("a");
            
            for (var i = 0; i < links.length; i++) { 
                 if (links[i].rel == value)
                     return links[i].title;
            }
         
         }   
   
    
    











      // Update Content Function
      // Funcion para Actualizar el content area con el contenido del XML
      // -----------------------------------------------------------------
      
      function updateContent(value, xml) {
          
          // 1. Obtener el contenido de la pagina correcta dentro del XML
          value = value.replace("/", "");
          
          var elTotal = 0;
          var myHTMLOutput = '';
	  	  var localNav = '';
	  	  localNav = '<ul class="local-nav">';


          $("pagina[enlace='" + value +"'] seccion",xml).each(function(i) {
               
               elTitulo = $(this).attr("name"); 
               elContenido = $(this).text();
               elContenido = elContenido.replace("<!--[CDATA[", "");
               elContenido = elContenido.replace("<![CDATA[", "");
               elContenido = elContenido.replace("]]-->", "");
               elContenido = elContenido.replace("]]&gt;", "");
               elContenido = elContenido.replace("]]>", "");
               
               
               //var losSubSeccion = $(this).children(".subseccion").length;  //Ya no funciona debido al CDATA del XML
               var losSubSeccion = elContenido.match(/subseccion/gi);  // Esto es general expression (gi)
               if( losSubSeccion == null ){
                 losSubSeccion = 0;
               } else {
                 losSubSeccion = losSubSeccion.length;
               }
               elTotal = elTotal + losSubSeccion;
               elSalto = elTotal - losSubSeccion;
               //alert("losSubSeccion: " + losSubSeccion + "\nelTotal: " + elTotal + "\nelSalto: " + elSalto);
               
	           myHTMLOutput += elContenido;
               localNav += '<li><a href="#" rel="'+ elSalto +'">' + elTitulo + '</a></li>';
               
		  });	
          
          localNav += '</ul>';
          
          
          
          

		  // 2. Insertar el contenido jalado del XML al div correcto
		  if(value == '') { 
		     myHTMLOutput = '';
	  	     localNav = '';
		  } else {
		     $("#" + value).html(myHTMLOutput);

             $(".local-nav").hide("fast");
             $(".local-nav").remove();
             $("#" + value + "-link").siblings(".contenido").after(localNav);
             $("#" + value + "-link").siblings(".local-nav").fadeIn("slow");   
          }




          // 3. Asignarle un ancho fijo a .pagina 
          var losDivs = $("#" + value + " .subseccion").length;
          var elAncho = (350 * losDivs);

          //alert("Son " + losDivs + " divs con un ancho total de: " + elAncho );
          $("#" + value).css({ "width": "" + elAncho + "px" });
          
          elAnchoCover = elAncho + 45;
          $(".cover-blanco").css({ "width": "" + elAnchoCover + "px" });





          // 4. Reset los estilos del content area, que son afectados por las animaciones y cambios de CSS 
 	      $(".pagina").css({ "font-size":"12px", "line-height":"1.2" });
 	      $(".pagina").addClass("fix");
 	      $(".local-nav li a").css({ "font-size":"12px","font-weight":"bold", "line-height":"1", "color":"#8996b8" });
          
          
          
          
          
          
          // 5. Slider
          $(".slider-wrapper").hide("fast");
          
          var elContainer =  $("#" + value + "-link").siblings(".contenido");
          var elScroll =  $("#" + value + "-link").siblings(".contenido").children(".pagina");
          var elSlider =  $("#" + value + "-link").siblings(".slider-wrapper").children(".slider");
          
          
          
          //var itemsWidth = elScroll.innerWidth() - elContainer.outerWidth();
          itemsWidth = 0;
          itemsWidth = elAncho - elContainer.outerWidth();
          //alert("elScroll.innerWidth(): " + elAncho + "\n elContainer.outerWidth(): " + elContainer.outerWidth() );
          //alert("itemsWidth: " + itemsWidth);

          
          
          if(itemsWidth > 0) {
             
             var sliderWidth = elContainer.innerWidth() - 50;
             sliderWidthWrapper = sliderWidth + "px";
             $("#" + value + "-link").siblings(".slider-wrapper").css({"width": sliderWidthWrapper});
             
             // Ancho = del Slider - 72 (tamano del handle, para que no sobresalga) - 19 (esquina izq) - 19 (esquina der)
             sliderWidth = sliderWidth - 110;
             
             sliderWidth = sliderWidth + "px";
             $("#" + value + "-link").siblings(".slider-wrapper").children(".slider").css({"width": sliderWidth});
             
             //alert("sliderWidthWrapper: " + sliderWidthWrapper + "\nsliderWidth: " + sliderWidth);
             
             
             $("#" + value + "-link").siblings(".slider-wrapper").children(".slider").slider({ 
                  min: -44,
                  max: itemsWidth,
                  
                  orientation: 'horizontal',
                  animate: true,
                  
                  slide: function (event, ui) { elScroll.css('left', (ui.value * -1) +'px'); },
                  stop: function (event, ui) { elScroll.animate({'left': (ui.value * -1) +'px'}, 400, 'jswing'); }
                  
                  //slide: function (event, ui) { elScroll.animate({'left' : (ui.value * -1) +'px'}, 1, 'jswing'); }
                  //slide: function (event, ui) { elScroll.animate({'left': -ui.value + 'px'}, 1); }
             });



             // Aplicar los CSS
             $("#" + value + "-link").siblings(".slider-wrapper").css({  "position":"absolute","bottom":"-5px","left":"20px", "z-index":"40", "height":"16px", "padding":"0", "background-image":"url(images/background-slider.gif)", "background-repeat":"repeat-x", "line-height":"1",  "font-size":"1em"});
             $("#" + value + "-link").siblings(".slider-wrapper").children(".slider").css({ "position":"relative", "height":"16px", "margin":"0 auto"  });
             
             $(".ui-slider-handle").css({ "position":"absolute","top":"0", "left":"0", "z-index":"100", "width":"72px", "height":"16px", "margin-left":"-36px", "background-color":"#666", "background-image":"url(images/background-slider-handle.gif)",  "background-repeat":"no-repeat", "cursor":"move" });

             $(".ui-slider-range").css({ "top": "0", "height": "100%" });
             $(".ui-slider-range-min").css({ "left": "0" });
             $(".ui-slider-range-max").css({ "right": "0"});
 
             $("#" + value + "-link").siblings(".slider-wrapper").show(); 
             
             // Resetear el posicionamiento del slider cuando se abre la ventana
             $("#" + value + "-link").siblings(".slider-wrapper").children(".slider").slider('value', '-44');
             $("#" + value + "-link").siblings(".contenido").children(".pagina").css( {'left': '44px' });
             
             
             
             
          } // if itemsWidth > 0
          
         
         



         
         
         // Local Nav
         $(".local-nav li a").click(function(){
              
              var elRel = $(this).attr("rel");
              
              elValue = elRel * 340;
              //alert("elValue: " + elValue);
              
              $(this).parent().parent().siblings(".slider-wrapper").children(".slider").slider('value', elValue);
              $(this).parent().parent().siblings(".contenido").children(".pagina").animate({'left' : elValue * -1}, 400);
              
              return false;

         });
         
         
         
         
         
         
         
         // Abrir Pop up
         $(".subseccion .link-requisitos a, .subseccion .call-to-action a").click(function(){
             
             var elLink = $(this).attr("href");
             var elRel = $(this).attr("rel");

             
             if(elLink != "#"){
               elLink2 = elLink + " .requisitos, .calculadora, #contactenos, .acerca";
			   //elLink2 = elLink;// + " .requisitos, .calculadora, #contactenos, .acerca";
               
               $('#dialog1').load(elLink2,{},function(data){
				 // Coloca la banca y el producto seleccionados como valores de un campo oculto
				 $('#dialog1 #producto').replaceWith("<input type=\"hidden\" id=\"producto\" name=\"producto\" value=\"" + elRel + "\" />");
                 $('#dialog1 a').attr('rel', elRel); 
                  
             
             
                   
                   // Cerrar Dialog() desde link dentro del contenido
                   $("#cerrar-ventana").click(function(){
                     $('#dialog1').dialog('close');
                     return false;
                   });
                
                
                
                   
                   
                   
                   // Funcion para Fomulario de Solicitud de Servicio
                   
                   if(elLink == "es/contactenos/solicitud-servicio.html" && elRel != ""){ 
                     $("#contactenos #servicio").attr("value",elRel);
                   }
                   
                
                 
                   // Funcion para calculadora de prestamos
                   $("#calculadora-prestamo").submit(function() { 
                   
                          // Obtener los valores ingresados por el usuario
                          //var plazo = $("#plazo option:selected").attr("value");
                          var plazo = $('#plazo').val(); 
                          plazo = limpiarVariable(plazo);
                          
                          //var interes = $("#interes option:selected").attr("value");
                          var interes = $('#interes').val();
                          interes = limpiarVariable(interes);
                          interes = interes / 100; 
       
                          var monto = $('#monto').val(); 
                          monto = limpiarVariable(monto);
                          
                           if (isNaN(interes)) {
       
                               alert("Por favor escriba un valor en el recuadro de la tasa de interes anual.");
       
                           } else {

                               if (isNaN(monto)) {
       
                                      alert("Por favor escriba un valor en el recuadro de monto a financiar.");
           
                               } else {
                               
                                      //Debug
                                      $("#dialog1 #calculadora-prestamo #debug").prepend("<p>plazo: " + plazo + "</p>  <p>interes: " + interes + "</p>  <p>monto: " + monto + "</p><hr/>");
                               
                                      //Ejecucion
                                      var dias = (365 * (plazo/12)) + (Math.floor((plazo / 12) / 4));
                                      var x = interes / (360 / (dias / plazo));
           
                                      //Debug
                                      $("#dialog1 #calculadora-prestamo #debug").prepend("<p>Dias: " + dias + "</p>  <p>X: " + x + "</p>");
                                      
                                      // Mensualidad =Ê Monto a financiar * ( xÊ / (1 Ð((1+x)^( - plazo)))
                                      var val1 = (1 + x);
                                      plazo = -plazo;
                                      var valInferior = Math.pow(val1, plazo);
                                      var valInferior2 = 1 - valInferior;
           
                                      //Debug
                                      //$("#debug").prepend("<p>val1: " + val1 + "</p>  <p>valInferior: " + valInferior + "</p>  <p>valInferior2: " + valInferior2 + "</p>");
                                      
                                      
                                      var mensualidad = monto * (x / valInferior2);
                                      
                                      //Debug
                                      $("#dialog1 #calculadora-prestamo #debug").prepend("<p>Mensualidad: " + mensualidad + "</p>");
                                      
                                      
                                      //Imprimir el resultado final
                                       $("#dialog1 #calculadora-prestamo #resultado").fadeOut("slow", function () {

                                            $("#dialog1 #calculadora-prestamo #resultado span").text(mensualidad.toFixed(2));

                                       });
           
                                       $("#dialog1 #calculadora-prestamo #resultado").fadeIn("slow");
                                      
                               
                               }  // Verificacion NaN del Monto
     
                          }  // Verificacion NaN del Interes
                          
                          return false;
                          
                      });  //Calculadora de Prestamos
                   
                      
                      
                      
                      
                      
                      // Funcion para calculadora de Plazo Fijo
               
                      $("#calculadora-plazo-fijo #plazo").change(function () {

                      plazo = $("#plazo option:selected").attr("value");
                      plazo = limpiarVariable(plazo);
         
                     //$("#vencimiento").attr("value", plazo); 


                      // 1 Mes
                      if(plazo == 30){         
                         $("#periodoPago").html(" <option value='30' id='vencimiento'>Al Vencimiento</option> ");
                      }
         
                      // 3 Meses
                      if(plazo == 90){         
                         $("#periodoPago").html("<option value='30'>Mensual</option> <option value='90' id='vencimiento'>Al Vencimiento</option> ");
                     }
         
                      // 6 Meses
                      if(plazo == 180){         
                         $("#periodoPago").html("<option value='30'>Mensual</option> <option value='60'>Bimensual</option>  <option value='90'>Trimestral</option>  <option value='180' id='vencimiento'>Al Vencimiento</option> ");
                      }
         
                      // 9 Meses
                      if(plazo == 270){         
                         $("#periodoPago").html("<option value='30'>Mensual</option> <option value='90'>Trimestral</option>  <option value='270' id='vencimiento'>Al Vencimiento</option> ");
                      }
         
                      // 12 Meses
                      if(plazo == 365){         
                         $("#periodoPago").html("<option value='30'>Mensual</option> <option value='60'>Bimensual</option>  <option value='90'>Trimestral</option>  <option value='365' id='vencimiento'>Al Vencimiento</option> ");
                      }
         
         
                      // 24 Meses
                      if(plazo == 730){         
                         $("#periodoPago").html("<option value='30'>Mensual</option> <option value='60'>Bimensual</option>  <option value='90'>Trimestral</option>  <option value='730' id='vencimiento'>Al Vencimiento</option> ");
                      }
         

 
                    })
                    .change();
                    
                    
                    
                    
                    
                    $("#calculadora-plazo-fijo").submit(function() { 
       
                    // Obtener los valores ingresados por el usuario
                    var plazo = $("#plazo option:selected").attr("value");
                    plazo = limpiarVariable(plazo);
       
                    var interes = $('#interes').val();
                    interes = limpiarVariable(interes);
                    interes = interes / 100; 
       
                    var monto = $('#monto').val(); 
                    monto = limpiarVariable(monto);
       
                    var periodoPago = $("#periodoPago option:selected").attr("value");
                    periodoPago = limpiarVariable(periodoPago);
       
       
       
                    if (isNaN(interes)) {
       
                        alert("Por favor escriba un valor en el recuadro de la tasa de interes anual.");
       
                    } else {
       
       
                    if (isNaN(monto)) {
       
                        alert("Por favor escriba un valor en el recuadro de monto a invertir.");
           
                    } else {
       
                        //Debug
                        $("#debug").prepend("<p>plazo: " + plazo + "</p>  <p>interes: " + interes + "</p>  <p>monto: " + monto + "</p>  <p>Periodo de Pago: " + periodoPago + "</p><hr/>");
           
           
                        // Interes por pago
                        // Interes por pago =Ê Monto a financiar * Interes / 365 * periodo de pago
                        var interesPorPago = ((monto * interes) / 365) * periodoPago;
           
           
                        // Intereses Totales
                        // Intereses Totales = Monto a financiar * Interes / 365 * dias totales (plazo)
                        var interesTotal = ((monto * interes) / 365) * plazo;

           
                        //Imprimir el resultado final
                        $("#resultado").fadeOut("slow", function () {

                             $("#resultado span#resultado-1").text(interesPorPago.toFixed(2));
                             $("#resultado span#resultado-2").text(interesTotal.toFixed(2));

                        });
           
           
                        $("#resultado").fadeIn("slow");


                    }  // Verificacion NaN del Monto
     
                   }  // Verificacion NaN del Interes
     
     
     
     
                    return false;
                });
                
                
                
                
                $("#calculadora-plazo-fijo").ready(function (){  
                   
                   $('#calculadora-plazo-fijo #plazo #12-meses').attr('selected', 'selected');
                   $("#calculadora-plazo-fijo #periodoPago #vencimiento").attr("selected","selected");
                   
                }); 

                
                  
                  
                  
                  
                // Abrir Pop up desde dentro del pop up
                $(".requisitos .call-to-action .link-solicitar a").click(function(){
                   var elLink = $(this).attr("href"); 
				   var elRel = $(this).attr("rel");
				   
                   if(elLink != "#"){
                      elLink += " .requisitos, .calculadora, #contactenos, .acerca";
                      
                      $('#dialog1').load(elLink,{},function(data){
						 // Coloca la banca y el producto seleccionados como valores de un campo oculto
						 $('#dialog1 #producto').replaceWith("<input type=\"hidden\" id=\"producto\" name=\"producto\" value=\"" + elRel + "\" />");
						 
                           // Cerrar Dialog() desde link dentro del contenido
                           $("#cerrar-ventana").click(function(){
                              $('#dialog1').dialog('close');
                              return false;
                           });  
                
                      }); // Load de contenido del Dialog()
                      
                   }  
                   
                   
                   return false;
                });    // Abrir Pop up desde dentro del pop up
             
             
             
             
               
               
               }); // Load de contenido del Dialog() (original o padre)
               
               
               
               
               
               
               $('#dialog1').dialog('open');
               $(".ui-dialog .ui-dialog-titlebar-close span").html("cerrar");
             }

               
            return false;
         });


      
     }  
      
   
   
   
      
      
      
      
      
      
      
      
      
      
      // Funciones de Inicio de Pagina
     function InicioPagina(value) {
     
        // Cambiar el Background
        cambiarBackground();


        // Inicializacion del acordeon (navegacion + content area)
        $("#content ul").accordion({ 
            header: 'li a', 
            collapsible: true,
            animated: 'jswing',
            active: false,
            
            
            changestart: function(event, ui) { 
                 //elTabSeleccionado =  ui.newHeader.text();
                 //elTabAnterior     =  ui.oldHeader.text();
                 var accordionSelectedINDEX = $("#main-nav li a").index($("#main-nav li a.ui-state-active")); 

                 
                 if(accordionSelectedINDEX == -1) {
                 
                     $(".local-nav, .slider-wrapper").hide();
                     // poke
                     
                 } else {
                     
                     $("#main-nav li a.ui-state-active").siblings(".local-nav").show(); 
                     
                     
                     if(typeof(itemsWidth)!="undefined"){ 
                        if(itemsWidth > 0) {
                          // Mostrar el slider en el caso que el ItemsWidth sea mayor a 0 (o a negativo)
                          $("#main-nav li a.ui-state-active").siblings(".slider-wrapper").show();
                        }
                     }
                     
                     
                 }
                 

            }

        });
        












    // Lectura de contenido en XML
       $.get("xml/contenido.xml",{},function(xml){
  
          // Pasar el contenido del XML a Global Variable
           elXML = xml;
           
           if (!(value === undefined)) {
                updateContent(value, elXML);
           } 
           
        }, "xml");  // lectura del xml
         
        paginaIniciada = 1;
     }








    
    
    // Funcion de External Change, es llamada cuando el usuario hace back o forward en su browser
    function handleExternalChange(event) {

         // Fix para el Back button         
         // Es necesario para que funcione el back button
         var elLink = event.value;
         var elLink = elLink.replace("/", "");
         var elLink = "#" + elLink + "-link";
         
         actualizarAnimacion(elLink);
         $("#content>#main-nav").accordion('activate', elLink);
    
    }
    





     // Funcion de CHANGE llama a las otras funciones correspondientes para la actualizacion del contenido y del titulo
     function handleChange(event) {
	     //alert("CHANGE");
	     
	     updateContent(event.value, elXML);
         $.address.title(findTitle(event.value) + " - Towerbank");
         
     } 










     // Funciones de INIT, abrir el content area correcto si se entra con un deep link
     function handleInit(event) {
         //alert("INIT");
                
         var elLink = event.value;
         var elLink = elLink.replace("/", "");
         var elLink = "#" + elLink + "-link";
         
         
         // Si la pagina se abre con una direccion (o deep link) que no es el home,
         // esto abre la pagina con el contenido y el title correcto 
         if(elLink != "#-link"){
            
            InicioPagina(event.value);

            $("#content>#main-nav").accordion('activate', elLink);
            actualizarAnimacion(elLink);

            $(elLink).blur();
         } 
         
      }
   
   
     
     











// Document Ready 
//---------------------------------------------------

$(document).ready(function(){

	// Correr la funcion para inicializar la pagina
    if(paginaIniciada == 0)  {
        InicioPagina();
    }
    
    
    // Cambiar las dimensiones del background cada vez que se haga resize la ventana
    $(window).resize(function(){
        cambiarBackground();
    });
    
    
    
    
    
    
    
    // Noticias
    $.get("xml/noticias.xml",{},function(xmlNoticias){
              
                var noticias = '';
 
                $("noticia",xmlNoticias).each(function(i) {
                  
                  if(i<3) {
		            elTitulo = $(this).find("titulo").text(); 
		            noticiaId = $(this).attr("noticiaId"); 
		            
		            //laFecha =  $(this).find("fecha").text(); 
		            laFechaComparacion = new Date ( $(this).find("fecha").text() );
		            elMonth = laFechaComparacion.getMonth();
		            elMonth = month_names[elMonth];
		            elYear = laFechaComparacion.getFullYear();
		            elDia = laFechaComparacion.getDate();
		            laFecha = elMonth + " " + elDia + ", " + elYear

	                noticias += '<li><a href="#" rel='+ noticiaId +'>' + elTitulo + '</a> <span>' + laFecha + '</span></li>';
                  }
                  
		        });	
               

		        $("#noticias ul").html(noticias);

     
     
       $("#noticias ul li a").click(function(){	
	       var elId = $(this).attr("rel");
	       var elLink = "noticias.html?id=" + elId;
	    
		   window.open(elLink, 'noticias', 'width=600,height=500,menubar=no,toolbar=no,scrollbars=yes,location=no');
	   	   return false;
       })
     
     });  //get 
    
    
    
    
    
    
    
    
    // Impedir que se seleccione la foto de fondo, lo que causaria un efecto desagradable de drag and drop
    $("#page_background, #page_background img").click(function(){
        this.blur();
        return false;        
    });
    
    $("#page_background, #page_background img").focus(function(){
        this.blur();
        return false;        
    });
    
    $("#page_background, #page_background img").mousedown(function(){
        this.blur();
        return false;        
    });

    
    
    
    
    
    
    
    
    
    // poke     
    // Ejecutar todas las animaciones al hacer click sobre un menu option
    $("#content>#main-nav>li>a").click(function(){
        actualizarAnimacion(this);
    });
    
    
    
    
    
    
    
    
    
    
    // Slider controls
    $("span.left").click(function(){

           var elValue = $(this).siblings(".slider").slider('option', 'value');

           // -44 es el min del slider
           if(elValue > -44) {
              
              elValue = elValue - 100;
              
              if(elValue < -44) {
                 elValue = -44;
              }
              
              $(this).siblings(".slider").slider('value', elValue);
              $(this).parent().siblings(".contenido").children(".pagina").animate({'left' : elValue * -1}, 400);
           
           }

          
    });
    
    
    
    
    $("span.right").click(function(){

           var elValue = $(this).siblings(".slider").slider('option', 'value');
           if(elValue == -44) {
                 elValue = 0;
           }
              
           
           // itemsWidth es el max del slider
           if(elValue < itemsWidth) {
              
              elValue = elValue + 100;
              
              
              
              if(elValue > itemsWidth) {
                 elValue = itemsWidth;
              }
                 
              $(this).siblings(".slider").slider('value', elValue);
              $(this).parent().siblings(".contenido").children(".pagina").animate({'left' : elValue * -1}, 400);
           
           } 
    });


	   
     
     
     
     
     $("#dialog1").dialog({
  	    bgiframe: false,
  	    width: 100,
	    height: 140,
		draggable: true,
		stack: false,
		modal: true,
		zIndex: 4000,
        resizable: false,
		autoOpen: false,
		
		open: function(event, ui) { 
     
          $(".ui-dialog").css({'position': 'absolute', 'zIndex': '40000'  });
          $(".ui-widget-overlay").css({'position': 'absolute', 'zIndex': '30000' });
   
         },
         
         
         close: function(event, ui) {
           $(".ui-dialog .ui-dialog-content").html("");
         }
 	 });

   


	
	
    
	$("#noticias #ver-todas").click(function(){	
		window.open('noticias.html', 'noticias', 'width=600,height=500,menubar=no,toolbar=no,scrollbars=yes,location=no');
		return false;
    });

	//Quitar comentario al querer usar espacio TOWERLIFE
	/*
    $("#towerlife a").click(function() {
        window.open('/es/promos/cesar-barria.html', 'cesar', 'width=600,height=500,menubar=no,toolbar=no,scrollbars=no,location=no');
        return false;
    });
    */
    
    //$("#boton-submit input").click(function(){
    
        //var ifrm = document.getElementById('iframeBel');
   	    //ifrm.contentWindow.document.forms['BEL-login'].usuario.value = 'Hello world!';
        //window.frames['iframeBel'].document.forms['BEL-login'].submit();
       
        
   // });
    
    
    
    
    
    
    
    // Reset de la pagina | regresar al home
    // Pasar esto a una funcion, se usa tambien en el collapse
    $("#header a").click(function(){
        
        $.address.value("home");
        $.address.title("Towerbank");
        
        $("#content ul").accordion('activate', false);
        $(".local-nav, .slider-wrapper").hide();
        
        
        if(animacionInicializada == 1) {
        
           $("#main-nav li a").animate({ 
       	        fontSize: "16px",
	 	        lineHeight: "15" 
	       }, "slow" ); 
        
           $("#banca-personal-link, #banca-corporativa-link, #banca-inversion-link").animate({ 
  	            fontSize: "36px",
  	            lineHeight: "35"
	       }, "slow" ); 
	    
	    
	    
	       $("#noticias ul").show("fast");
	       $("#noticias ul").css({ "display": "block" });
	      
	       $("#noticias").animate({ 
  	           height: "94px"
           }, "slow", "jswing" ); 
              
              
           $("#superintendencia, #superintendencia a").animate({
                height: "100px"
            },
            "normal", "jswing",
            function() {

                $("#superintendencia").fadeOut(500,
                function() {
                    $(this).css({
                        'bottom': '30px',
                        'background-image': "url(images/tools-superintendencia.png)"
                    })
                    .fadeIn(1200);
                });

            });

        //Quitar comentario al querer usar espacio TOWERLIFE
		/*
			$("#towerlife, #towerlife a").animate({
                height: "100px"
            },
            "normal", "jswing",
            function() {

                $("#towerlife").fadeOut(500,
                function() {
                    $(this).css({
                        'bottom': '30px',
                        'background-image': "url(images/btn-cesar-barria.gif)"
                    })
                    .fadeIn(1200);
                });

            });  
              */
	    
	    animacionInicializada = 0;
	    
	    
	    }
	    
	    
        return false; 
    });
    
    
    
    

    
    
    
    
    
    // Test para ver si los browsers est‡n corriendo en Quirks Mode
    // Descomentar para ver resultado -  CSS1Compat: Standard   o   BackCompat: Quirks
    //alert(document.compatMode);
    
    
    
 }); // Final de Document Ready

               






// Event Handlers
//---------------------------------------------------

    // Event listeners de Change Address
    $.address.change(handleChange); 
    
    // Event listeners de Init Address
    $.address.init(handleInit); 

   
    //externalChange
    //$.address.ExternalChange(handleExternalChange); 
    $.address.externalChange(function(event) {
          handleExternalChange(event);
    });
    
    //internalChange