$(function(){
    if($("#q").val() == ''){
        $("#q").addClass("bg_texto");
    }
    
    $("#q").keyup(function (event){
        if($("#q").val() != ''){
            $(this).removeClass("bg_texto");    
        }else{
            $(this).addClass("bg_texto");
        }
    }).keydown(function (event){
        if($("#q").val() != ''){
            $(this).removeClass("bg_texto");    
        }else{
            $(this).addClass("bg_texto");
        }
    }).focus();
    
    $('ul.estados li:has(ul)').hover( 
      function(e) 
      { 
         $("#estado").removeClass("down");
         $("#estado").addClass("up");
         
         $(this).find('div').css({display: "block"}); 
         $(this).find('ul').css({display: "block"}); 
      }, 
      function(e) 
      { 
         $("#estado").removeClass("up");
         $("#estado").addClass("down");
         $(this).find('div').css({display: "none"});
         $(this).find('ul').css({display: "none"}); 
      } 
   ).click(function (){
        $(this).find('div').css({display: "none"});
        $(this).find('ul').css({display: "none"});
   }); 
    
   $(".li_estado").click(function(evento){
        evento.preventDefault();
        var valor_ID = $(this).attr("id");
        var cadena = valor_ID.split("_");
        var ID = cadena[1];
        $("#es").val(ID);
        document.getElementById("estado").innerHTML = document.getElementById(valor_ID).innerHTML;
    });
    
    $('#busqueda_avanzada').tipsy({gravity: 's',html: true,fallback: "<label class='titulo_tips'>Búsqueda Avanzada</label><p class='info_tips'>Con está opción podrás realizar búsquedas con más presición y acorde a lo que necesitas.</p>"});
    $('#ic_decompras').tipsy({gravity: 's',html: true,fallback: "<label class='titulo_tips'>De Compras</label><p class='info_tips'>Realiza búsquedas de los productos que nuestros clientes te ofrecen.</p>"}); 
    $('#ic_cupones').tipsy({gravity: 's',html: true,fallback: "<label class='titulo_tips'>Cupones Gratis</label><p class='info_tips'>Con está opción podrás buscar los mejores cupones para realizar compras en tus establecimientos preferidos.</p>"});
    $('#ic_tienda').tipsy({gravity: 's',html: true,fallback: "<label class='titulo_tips'>La Tienda</label><p class='info_tips'>Busca los mejores precios de los productos que tiene nuestra tienda en línea.</p>"});
    $('#ic_sicar').tipsy({gravity: 's',html: true,fallback: "<label class='titulo_tips'>SICAR (PV)</label><p class='info_tips'>Encuentra toda la información del nuestro punto de venta para empresas.</p>"});
    $('#ic_beneficios').tipsy({gravity: 's',html: true,fallback: "<label class='titulo_tips'>Beneficios</label><p class='info_tips'>Aquí encontraras todos los beneficios que te brindan nuestros servicios.</p>"});
    $('#ic_contacto').tipsy({gravity: 's',html: true,fallback: "<label class='titulo_tips'>Contáctanos</label><p class='info_tips'>Comentarios, sugerencias y recomendaciones pueden ser enviadas en este apartado.</p>"});
    
    $('.tips-e').tipsy({gravity: 'e', fade: true});
});