/* ############### */
/*    generales    */
/* ############### */

var MINQUERYLEN = 2; /* minimo de caracteres para activacion btn de ok (busqueda) */

var MAXRESXPAG = 5; /* limite de bombillitas para q aparezcan en paginación */
var TIMEOUT_AJAX = 30000;
var TPO_CONSIDERAR_LEIDO = 2000; /* tpo de estancia en cada ficha para su consideracion como 1 lectura */

var hpanel = ".manchasIdeograma";
var ibtn = ".manchasBusca .manchaTequite input#buscarmancha";
var okbtn = ".manchasBusca .manchaTequite input#okmancha";
var formbusca = "#formbuscamancha";

var colorfn=function() {
  var $_this = colorfn.arguments[0];
  var posy = colorfn.arguments[1];
  var mother = $_this.parents("div");
  if($_this.attr("value").length >= MINQUERYLEN) {
    mother.css("background-position","0 100%");
    $(okbtn).css("visibility","visible"); 
    $(okbtn).fadeIn("slow");
  }
  else {
    mother.css("background-position","0" + " " + posy);
    $(okbtn).fadeOut("fast");
    //$(okbtn).css("visibility","hidden");
  }
	return true;
};

/* ############### */
/*    historieta   */
/* ############### */

var hbtn = ".manchasIdeograma #btnhistoryette";
var hbtn2 = ".manchasIdeograma #btnhistoryette2";
var hpanelhist = ".manchasIdeograma #manchasLaistoria";
var hcontrol_l = ".manchasIdeograma #btnhistoryetteL";
var hcontrol_r = ".manchasIdeograma #btnhistoryetteR";

var histomode = 1; // 1 -> historia de la mancha, 2 -> consejos del "ministry of agricultiveichon"
var histc = 0;
var histc_array = ["","<small>NOTA del autor: no nos referimos a que lo que Castilla la Mancha, Galicia la Limpia, no no</small>. Sino a la verdadera historia de <strong>la mancha....</strong>","Mancha proviene del latín <em>macula</em>, que significa... <strong>pecado</strong>.","...una vez había algo limpio...","...hasta que unos inquilinos llamados manchas comenzaron a salpicarlo...","...estas primeras manchas que aparecieron sobre él eran felices, pues se conocían entre ellas...","...pero se llegó a tal nivel de mierda que todo era una sola mancha...","...y las manchas no eran felices, vivían en minipisos y ni se conocían....","...todo era una única mierda.","Hasta que un buen día apareció Miss Lejía.","Y a la limpieza que producía la llamaron <em>mancha</em>...","...y todo empezaba a ser una mierda con manchas... ¡de lejía!","...a la omnipresente mierda las nuevas manchas le parecían tan originales que promovieron que se manchase con lejía, se descontrolaron tanto que...","..un buen día, todo era una única y grandiosa mancha de lejía.","Y ese día, todo volvía a estar limpio.","Moraleja: no conviene planificar el destino, sino el camino, porque el destino es siempre el camino.",""];

var agric_c = 0;
var agriculturalc_array = ["Fichitas informativas cedidas cortésmente por Agricultural Communications para el programa educacional del Servicio de Extensión Agrícola de Texas.","Que sus neuronas tengan un buen día....prepárese para avanzar en el sofisticado mundo de la mancha cuanto lo considere oporturno. Empezaremos por los productos de limpieza.","Los jabones son detergentes suaves que vienen en gránulos, que se usan para prendas delicadas y levemente sucias, o en barras, que se usan para tratar de antemano la mugre pesada y las manchas fuertes antes de lavar.","Los detergentes, que vienen muy fuertes, suaves y en fórmulas combinadas, limpian una gran variedad de suciedad. Los granulados se usan en todas las telas lavables. Los líquidos funcionan bien contra las grasas. Los detergentes combinados contienen detergente y suavizante o blanqueador.","Los blanqueadores son agentes limpiadores fuertes. Siga las instrucciones en el envase. Use blanqueador con cloro en las telas que no destiñen; es más eficaz si se añade después de 5 ó 6 minutos de haber empezado el ciclo del lavado de la máquina.","El blanqueador conviene diluirlo (por ejemplo, añada 1/2 taza de blanqueador a 2 tazas de agua). Añada blanqueador con oxígeno al agua con detergente antes de meter la ropa. El blanqueador con oxígeno funciona mejor a mayor temperatura de lavado."," Los refuerzos para detergentes mejoran los resultados de limpieza, por ejemplo en los detergentes que contienen enzimas, suelen estar presentes una gran variedad de componentes que ayudan a quitar manchas y mugre retenida."," Los suavizantes de ropa, aparte que suavizan y esponjan los tejidos, también reducen las arrugas y el tiempo que es necesario para secar las prendas. Hay suavizantes para el aclarado, que deben diluirse y echarse al lavado con el último agua, y toallitas suavizantes que son similares a los suavizantes líquidos, pero para el secado en frío.","Vamos con algo de quitamanchas ahora.... básicamente los diferentes tipos...","<b>Líquidos/aerosoles:</b> aplíquelos sobre la prenda de vestir mojada, aplicando y esperando entre 1 y 3 minutos, luego lavamos la prenda. Si deja estos productos en la prenda más tiempo de lo que se recomienda puede causar cambio o pérdida del color si los tintes de la tela son débiles.","<b>Gel:</b> Aplíquelo tan pronto como pueda para ayudar a evitar que las manchas se asienten. Cuidado con prendas de colores fuertes o fluorescentes, no dejar en ellas más de unos minutos antes del lavado, o sino puede que pierdan el color.","<b>Barras quitamanchas:</b> se pueden dejar aplicadas en las manchas de la ropa hasta un máximo de 3 ó 4 días antes del lavado, cuidando de quizás menos tiempo en prendas de colores delicados.","Y ahora... unos consejos generales..., nos tomamos un café, estiramos las piernas un ratito y cuando estemos listos nos disponemos a seguir con esta interesante lectura acerca de limpieza de manchas a rasgos generales....","<b>Manchas de tinte:</b> lavar las prendas tan pronto como sea posible, aplicar detergente líquido, empapado en el área y repetir el proceso. Para lavar con detergente, añadimos 1 taza de blanqueador sin cloro, o si la tela es blanca o no destiñe, blanqueador con cloro.","<b>Tinta:</b> si es líquida aplique un quitamanchas de pretratamiento en el área. Repita este paso. Algunas tintas son imposibles de quitar. El lavado hasta puede fijar más la tinta.","<b>Grasas (aceites, chocolates, ceras, lápiz de labios, etc...):</b> preaplicar un rato un chorro de detergente liquido, o bien quitamanchas y el lavado a temperatura alta son las claves.","<b>Plantas y en general proteínas vegetales:</b> detergente líquido, biodetergente y lavado persistente son las claves, si no es suficiente con el primer lavado continuamos dejando un par de días la prenda en remojo y relavando.","<b>Óxidos:</b> no use blanqueadores o detergentes con blanqueantes clorados, lo fijan más, mejor productos comerciales anti-óxido.","<b>Lodos, barros y tierra:</b> secar al sol y cepillar antes de aplicar detergente líquido o haciendo una pasta húmeda con el detergente en polvo, aplicando durante un tiempo antes de lavar.","<b>Chicle, pegamentos:</b> aplicar hielo, para enfriar y así endurecer el agente agresor, raspar una vez endurecido y lavar normalmente.","<b>Esmalte de uñas:</b> quitaesmalte por el reverso de la tela con un papel higiénico o de cocina en el anverso, para absorber el resultante, que cambiamos con frecuencia para diluir el esmalte, y finalmente aclaramos con agua abundante.","Si la pintura es de base aceite, como la pintura artísitica, al óleo, aguarrás o disolvente son nuestros mejores aliados.",""];

var historyhandler = jajandler;
var Lhandler = elejandler;
var Rhandler = errejandler;

function displayhist() {
  if(histc == 0) {
    $(hpanel).css("background-position","0 -250px");
  }
  else if(histc == histc_array.length - 1) {
    $(hpanel).css("background-position","0 -750px");
  }
  else {
    $(hpanel).css("background-position","0 -500px");
  }
  $(hpanelhist).html(histc_array[histc]);
  // FIXME: problema de layout en IE7 cuando el conjunto de la sección va dentro de tabla:
  if(!$.boxModel) {
    $(hpanelhist).css("left","47px");
  }
  $(hpanelhist).css("top",parseInt(125-$(hpanelhist).height()/2-9)+"px");
}

function displayagric() {
  if(agric_c == agriculturalc_array.length - 1) {
    $(hpanel).css("background-position","0 -750px");
  }
  else {
    $(hpanel).css("background-position","0 -500px");
  }
  $(hpanelhist).html(agriculturalc_array[agric_c]);
  // FIXME: problema de layout en IE7 cuando el conjunto de la sección va dentro de tabla:
  if(!$.boxModel) {
    $(hpanelhist).css("left","47px");
  }
  $(hpanelhist).css("top",parseInt(125-$(hpanelhist).height()/2-9)+"px");
}

function clipanimar(jqa, txt, d) {
  $(jqa).css('clip','rect(0px, '+d+'px, '+d+'px, 0px)');
  if(d > 0) {
    d = d - 10;
    setTimeout("clipanimar('"+jqa+"','"+txt+"',"+d+")",10);
  }
  else {
    $(jqa).css('clip','rect(0px, 430px, 430px, 0px)');
    $(jqa).html(txt);
    $(jqa).css('clip','rect(0px, 430px, 430px, 0px)');
  }
}

function jajandler(e) {
  var tpe = typeof(e);
  var id;
  if(tpe.toLowerCase() == "object") {
    id = e.target.id;
  }
  else {
    id = event.srcElement.id;
  }
  tpe = typeof(id);
  if(tpe.toLowerCase() == "string" || tpe.toLowerCase() == "object") {
    if(id == "churriculipedo" || id == "btnhistoryette" || id == "cartel") {
      histomode = 1;
    }
    else if(id == "ajricultural" || id == "btnhistoryette2" || id == "cartel2") {
      histomode = 2;
    }
  }
  jajastart();
}
function jajastart() {
  $(hbtn).css("display","none");
  $(hbtn2).css("display","none");
  $(hpanel).css("background-position","0 -250px");
  jajapanelon();
  histc = 0;
  if(histomode == 1) {
    $(hpanelhist).removeClass("histmini");
    displayhist();
  }
  else if(histomode == 2) {
    $(hpanelhist).addClass("histmini");
    displayagric();
  }
}
function jajaend() {
  jajapaneloff();
  $(hpanel).css("background-position","0 0");
  $(hbtn2).css("display","block");
  $(hbtn).css("display","block");
  $(hpanelhist).html(""); 
}
function jajapanelon() {
  $(hcontrol_l).css("display","block");
  $(hcontrol_r).css("display","block");
}
function jajapaneloff() {
  $(hcontrol_r).css("display","none");
  $(hcontrol_l).css("display","none");
}
function elejandler() {
  if (histomode == 1)  {
    if(histc > 0) {
      --histc;
    }
    else {
      jajaend();
      return;
    }
    displayhist();
  }
  else if (histomode == 2)  {
    if(agric_c > 0) {
      --agric_c;
    }
    else {
      jajaend();
      return;
    }
    displayagric();
  }
}
function errejandler() {
  if (histomode == 1)  {
    if(histc < histc_array.length - 1) {
      ++histc;
    }
    else {
      jajaend();
      return;
    }
    displayhist();
  }
  else if(histomode == 2) {
    //alert(agriculturalc_array.length + ", " + agric_c);
    if(agric_c < agriculturalc_array.length - 1) {
      ++agric_c;
    }
    else {
      jajaend();
      return;
    }
    displayagric();
  }
}

/* ####################### */
/*  buscador manchas ajax  */
/* ####################### */
errorTimeout = null;
function ajaxque() {
  bCallback();
  $.getJSON("jsQueryBManchas.asp?n=" + escape($("#buscarmancha").val()), jCallback);
  //$.getScript("http://localhost/cgi-bin/echoFile.php?file=jsParaJquery_getScript.js");
  errorTimeout = setTimeout(errorifbusca, TIMEOUT_AJAX);
}
function jCallback(json) {
  bCallback();
  arrayResultadoB = json;
  dResBmancha();
}
function bCallback() {
  if(errorTimeout != null) {
    clearTimeout(errorTimeout);
  }
}
function errorifbusca() {
  $(".cartelero").empty();
  $(".bombillero").hide();
  $(".cartelero").html("<strong style='font-family: sans-serif; letter-spacing: -1px; font-size: 15px; color: red;'>Se ha producido un error interno del servidor, por favor, disculpe las molestias ocasionadas, e intente buscar de nuevo, puede que solo se trate de un problema puntual de conexión con el servidor si consigue acceder a otras secciones de esta misma web, pero si persiste no dude en contactar con nosotros via e-mail en info@anuelagra.com. Gracias por su tiempo.</strong>");
}
function activarifbusca() {
  $(".cartelero").empty();
  $(".bombillero").css("background-image","url(imgmanchas/mukutruphu.png)");
  $(".bombillero").empty();
  $(".bombillero").append('<div style="margin: 20px 83px 33px 83px; padding: 1px; position: relative; top: 20px; text-align:left !important" id="wrapperbombillero"></div>');
  $("#wrapperbombillero").append('<div class="cargando">Cargando resultados de <strong>'+$(ibtn).attr("value")+'</strong>... <img src="imgmanchas/ajax_loader.gif" align="absmiddle"></div>');
  $(".bombillero").show();
  $(".tiposManchas").css("margin-top","0px");
}

/* ################### */
/* resultados da busca */
/* ################### */
var tpo_ctarlctra = null;
function ctarlctra(id) { /* conteo de clicks bombilleros, lecturas varias... */
  if(tpo_ctarlctra) {
    clearTimeout(tpo_ctarlctra);
  }
  tpo_ctarlctra = setTimeout(function() {$.get('ajax_lecturas_manchas.asp?idtarjeta='+id, function(str) {if(str == "ok") {;};});}, TPO_CONSIDERAR_LEIDO);
}
var WINDOW_GoSCROLL = false; // igjav: poner a true si se quiere un leve desplazamiento orientativo inicial hacia la ficha de resolución del problema de manchas, poner a false si queremos que no haga nada más que mostrar la ficha
function dResBmancha() {
  var bgpos;
  var bgposprev;
  $(".bombillero").empty();
  $(".bombillero").append('<div style="margin: 0 70px" id="wrapperbombillero"></div>');
  $(".bombillero").show();
  if(arrayResultadoB && arrayResultadoB.constructor == Array && arrayResultadoB.length > 0) {
    $(".bombillero").css("background-image","url(imgmanchas/meketrephe.png)");
    // construimos los resultados:
    var totaldepag = Math.ceil(arrayResultadoB.length/MAXRESXPAG);
    var i=0;
    for(var j=0; j<totaldepag; j++) {
      $("#wrapperbombillero").append('<div class="pajeable" id="pagina' + j + '"></div>');
      for(var k=0;i<arrayResultadoB.length && k < MAXRESXPAG;i++,k++) {
        while((bgpos = Math.floor(Math.random()*7)*52) == bgposprev) {;} // seleccion de bombilla
        bgposprev = bgpos;
        $("#wrapperbombillero #pagina" + j).append('<a href="#carteleroManchas"><img class="bombillita" id="manchasB'+i+'" src="imgmanchas/trans.gif" style="background-position: '+bgpos+'px 0" onclick="var aret=WINDOW_GoSCROLL;mostrarResultadoBMancha('+i+');ctarlctra('+arrayResultadoB[i].id+');return aret;" title="Pulsa para ver una posible solución ('+(i+1)+' de '+arrayResultadoB.length+')"></a>');
        $(".cartelero").append('<div class="cartelillo" id="cartelB'+i+'"><ol><li class="agresor">'+arrayResultadoB[i].agresor+'</li><li class="material">'+arrayResultadoB[i].material+'</li><li class="solucion">'+arrayResultadoB[i].solucion+'</li></ol></div>');
        if(j==0) {
          setTimeout("$('#manchasB"+i+"').fadeIn();",300+200*i);
        }
        else {
          $('#manchasB'+i).show();
        }
      }
      if(j==0) { /* por defecto q se vea la primera paginilla */
        $("#wrapperbombillero #pagina" + j).show();
      }
      if(totaldepag > 1) {
        var sgte = "nada";
        var previa = "nada";
        if(j>0) {
          previa = j-1;
        }
        if(j<totaldepag-1) {
          sgte = j+1;
        }
       if(previa != "nada") {
          $("#wrapperbombillero #pagina" + j).append('<a style="margin-left: 17px;" class="mas" href="#" onclick="$(\'#wrapperbombillero #pagina'+j+'\').hide();$(\'#wrapperbombillero #pagina'+previa+'\').show(); return false;">&laquo; Atrás</a>');
        }
        if(sgte != "nada") {
          $("#wrapperbombillero #pagina" + j).append('<a style="text-align: right; float: right !important; margin-right: 20px;" class="mas" href="#" onclick="$(\'#wrapperbombillero #pagina'+j+'\').hide(); $(\'#wrapperbombillero #pagina'+sgte+'\').show(); return false;">Ver más &raquo;</a>');
        }
      }
    }
  }
  else {
    $(".bombillero").css("background-image","url(imgmanchas/mokotropho.png)");
    $("#wrapperbombillero").append('<div style="height:100px; overflow: hidden;"></div>');
  }
}
function mostrarResultadoBMancha(indice) {
  if(arrayResultadoB && arrayResultadoB.constructor == Array) {
    if(lastIndiceBMancha != indice) {
      for(var i=0;i<arrayResultadoB.length;i++) {
        if(i != indice) {
          $("#manchasB"+i).removeClass("bombillitafocus");
          $("#cartelB"+i).css("z-index", "50");
          if(typeof lastIndiceBMancha == "number") {
            $("#cartelB"+lastIndiceBMancha).css("z-index", "51");
          }
        }
      }
      $("#cartelB"+indice).hide();
      $("#cartelB"+indice).css("z-index", "99");
      $("#cartelB"+indice).animate({opacity: 'show'}, "slow");   
      lastIndiceBMancha = indice;
      $("#manchasB"+indice).addClass("bombillitafocus");
      WINDOW_GoSCROLL = false;
    }
    else {
      $("#cartelB"+indice).show();   
    }
    $(".tiposManchas").css("margin-top","219px");
  }
}
var lastIndiceBMancha;

// ##################
// ROLLOVERS DE TITLE
// ##################

function hover1cat() {
  var hover1titulo = $(this).attr('title');
  $("#rollon #texto").text(hover1titulo);
  var hoverpost = $(this).position().top;
  var hoverposl = $(this).position().left;
  $("#rollon").css('top',hoverpost + "px");
  $("#rollon").css('left',hoverposl + "px");
  $("#rollon").show();
}
function hover2cat() {
  $("#rollon").hide();
}
function settitulillos() {
  $('.tiposManchas a').each(function() {$(this).attr('title',contadorlctrcat[$(this).attr("cat")][1] + ' ficha' + ((contadorlctrcat[$(this).attr("cat")][1]!=1)?'s':'') + ' (' + contadorlctrcat[$(this).attr("cat")][0] + ' lectura' + ((contadorlctrcat[$(this).attr("cat")][0]!=1)?'s':'') + ' efectuada' + ((contadorlctrcat[$(this).attr("cat")][0]!=1)?'s':'') + ' por usuario' + ((contadorlctrcat[$(this).attr("cat")][0]!=1)?'s':'') + ')');});
}

// ################
// handler de carga
// ################

$(document).ready(function() {$(ibtn).blur(); $(ibtn).focus(function() {colorfn($(this),"100%");});$(ibtn).blur(function() {colorfn($(this),"0");}); $(ibtn).keyup(function() {colorfn($(this),"100%");}); $(okbtn).hover(function() {$(okbtn).css("background-position","0 100%");},function() {$(okbtn).css("background-position","0 0");}); if($(ibtn).attr("value").length >= MINQUERYLEN) {colorfn($(ibtn),"100%");} else {colorfn($(ibtn),"0");}; $(formbusca).submit(function(){activarifbusca();ajaxque();return false;}); $(hbtn).click(historyhandler); $(hbtn2).click(historyhandler); $(hcontrol_l).click(Lhandler); $(hcontrol_r).click(Rhandler); $('.tiposManchas a').hover(hover1cat, hover2cat); settitulillos();});

/*
vim: ts=2 sw=2 et
*/