(function ($) {

    var last_client_phrase = -1;

    var last_hacker_phrase = -1;

    // load the images before load the page para evitar blinks
    var div_images = $(document).append("<div id='load_imgs_in_silent' style='display:none;'>");
    $.each(cl.continuum.website.hackers, function (index, hacker) {
      div_images.append("<img src='/images/fotos/" + hacker.imagen + "'/>" );
    });

    function showHacker(id) {
      var hacker = cl.continuum.website.hackers[id];
      // cambiar imagen
      $('div#picture_people').empty()
        .append('<img border="0" width="270" title="'+ hacker.nombre +'" alt="'+ hacker.nombre +'" src="images/fotos/'+ hacker.imagen +'"/>')
      // agregar h4 y agregar p
      $('div#description_people').empty().append('<h2 class="name" title="'+ hacker.nombre +'"><span>'+ hacker.nombre +'</span></h2>').append('<p>'+ hacker.texto +'<a href="/nosotros#'+ hacker.indice +'">...</a></p>');
	  $('.name').addClass(hacker.clase_nombre);
    }

    function showFraseCliente(id, animate) {
        var frase = cl.continuum.website.frasesClientes[id];
        // fadeIn, fadeOut de la frase del cliente
        var p_frase = $('p#frase_cliente')

        if (animate) {
            p_frase.fadeOut(1000, function () {
                $(this).empty().append(frase.texto).append('<strong>'+ frase.autor +'</strong>')
                  .fadeIn(1000);
            })
        } else {
            p_frase.empty().append(frase.texto).append('<strong>'+ frase.autor +'</strong>')
        }
    }

    function showFraseHacker(id) {
        var frase = cl.continuum.website.frasesHackers[id];
        // fadeIn, fadeOut de la frase del cliente
        $('div#frase_hacker').empty().append('<p>'+ frase.texto + '<em>'+ frase.autor +'</em>' + '</p>');
    }

    function _random(tope, last_one) {
      var rand = (Math.floor(Math.random()*tope));
      return (rand != last_one ? rand : _random(tope, last_one));
    }

    var intervalID = 0;

    function randomFraseCliente() {
      intervalID = setInterval(function () {
          var rd = _random(cl.continuum.website.frasesClientes.length, last_client_phrase);
          showFraseCliente(rd, true)
          last_client_phrase = rd;
      }, cl.continuum.website.RANDOM_FRASES_CLIENTES);
    }

    $(document).ready(function () {
        showHacker(_random(cl.continuum.website.hackers.length))
        // cargar una frase aleatoria
        showFraseCliente(_random(cl.continuum.website.frasesClientes.length))
        // mostrar mas frases de los clientes
        $('a#a_more_phrase_client').click(function (e) {
          var rd = _random(cl.continuum.website.frasesClientes.length, last_client_phrase);
          showFraseCliente(rd);
          last_client_phrase = rd;
          e.preventDefault();
        });
        // evento cuando se pasa el mouse por encima de las thumbs
        $('a.a_nosotros').mouseover(function (e) {
            showHacker($(this).attr('id').split('hacker_')[1]);
            e.preventDefault();
        });
        // cada n secs mositrar las frases de los clientes aleatoriamente
        // randomFraseCliente();
        // si el mouse esta arriba del div de la frase eliminar el intervalo
        //$('div#wrapper_frase_cliente').mouseover(function () {
        //    clearInterval(intervalID);
        //}).mouseout(function () {
        //    randomFraseCliente();
        //});
        // mostrar aleatoriamente una frase de los hackers
        showFraseHacker(_random(cl.continuum.website.frasesHackers.length));

        // mostrar mas frases de los hackers
        $('a#a_more_phrase_hacker').click(function (e) {
          var rd = _random(cl.continuum.website.frasesHackers.length, last_hacker_phrase);
          showFraseHacker(rd);
          last_hacker_phrase = rd;
          e.preventDefault();
        });

        // important news block
        var _div = jQuery('#important-new');
        if (_div) {
          _div.animate({
            "top": "90px"
          }, 2000);
        }

    });

    // ligthbox jquery plugin
    $('.continuum_fotos').lightBox();

 })(jQuery)