// ----------- on load -----------

var sortOrder = "name";
var textStatus = "closed";
var textSelected = "none";
setLanguage(lang);
sortBoxes(sortOrder);

// ----------- set language -----------

function setLanguage(lang){

  if (lang == "eng"){
    $('.langEsp').remove();
  }
  else if (lang == "esp"){
    $('.langEng').remove();
    $('#buttonAlpha').html("A - Z");
    $('#buttonCategory').html("Por Categoría");
    $('.interactiveHeader').html("Guía de remedios naturales");
  }

}

// ----------- on resize -----------

window.onresize = function(){
  updateFrameHeight();
};

// ----------- sort function -----------

function sortBoxes(sortWith){

  window.sortOrder = sortWith;
  $( ".element-full" ).hide();
  var $grid = $('.grid').isotope({
    getSortData: {
      name: '.name', // text from querySelector
      category: '[data-category]', // value of attribute
      weight: function( itemElem ) { // function
        var weight = $( itemElem ).find('.weight').text();
        return parseFloat( weight.replace( /[\(\)]/g, '') );
      }
    }
  });
  $grid.isotope({ sortBy : window.sortOrder });
  updateFrameHeight();

}

// ----------- show text function -----------

function boxClicked(theText){

  $( ".element-full" ).hide();
  $( ".element-full" ).css("background-color","white");

  if (window.textStatus == "closed" || theText != window.textSelected){
    $( "#"+theText ).show();
    window.textStatus = "open";
    window.textSelected = theText;
  }

  else {
    window.textStatus = "closed";
  }

  var $grid = $('.grid').isotope({
    getSortData: {
      name: '.name', // text from querySelector
      category: '[data-category]', // value of attribute
      weight: function( itemElem ) { // function
        var weight = $( itemElem ).find('.weight').text();
        return parseFloat( weight.replace( /[\(\)]/g, '') );
      }
    }
  });

  $grid.isotope({ sortBy : window.sortOrder });
  $grid.isotope('layout');
  updateFrameHeight();

}