
<script>
//------------------------------------------------------------------------------
// Order by scripts
//------------------------------------------------------------------------------
var oby_settings = {
  toggle: ".toggle-oby-sidebar",
  exit_selector: ".slider-exit",
  animation_duration: "0.5s",
  place: "right",
  animation_curve: "cubic-bezier(0.54, 0.01, 0.57, 1.03)",
  body_slide: true,
  no_scroll: true,
  auto_close: false
};
$('#orderby-slider').sliiide(oby_settings);
$('#orderby-cod').click(function(){
  $('#orderby-cod').css('text-decoration', 'underline');
  $('#orderby-des').css('text-decoration', 'none');
  {% if router.getActionName() != 'fabric' %}
  $('#orderby-prc').css('text-decoration', 'none');
  {% endif %}

  $('.articles-container').each(function(){
    var nodelist = document.querySelectorAll('#' + $(this).attr('id') + ' div.model-box');
    tinysort(nodelist, {data: 'code'});
  });

  {% if common['showList'] == 1 %}
  var nodelist_list = document.querySelectorAll('#list-mode div.model-list-row');
  tinysort(nodelist_list, {data: 'code'});
  {% endif %}
});
$('#orderby-des').click(function(){
  $('#orderby-cod').css('text-decoration', 'none');
  $('#orderby-des').css('text-decoration', 'underline');
  {% if router.getActionName() != 'fabric' %}
  $('#orderby-prc').css('text-decoration', 'none');
  {% endif %}

  $('.articles-container').each(function(){
    var nodelist = document.querySelectorAll('#' + $(this).attr('id') + ' div.model-box');
    tinysort(nodelist, {data: 'descr'});
  });

  {% if common['showList'] == 1 %}
  var nodelist_list = document.querySelectorAll('#list-mode div.model-list-row');
  tinysort(nodelist_list, {data: 'descr'});
  {% endif %}
});
{% if router.getActionName() != 'fabric' %}
$('#orderby-prc').click(function(){
  $('#orderby-cod').css('text-decoration', 'none');
  $('#orderby-des').css('text-decoration', 'none');
  $('#orderby-prc').css('text-decoration', 'underline');

  $('.articles-container').each(function(){
    var nodelist = document.querySelectorAll('#' + $(this).attr('id') + ' div.model-box');
    tinysort(nodelist, {data: 'price'});
  });

  {% if common['showList'] == 1 %}
  var nodelist_list = document.querySelectorAll('#list-mode div.model-list-row');
  tinysort(nodelist_list, {data: 'price'});
  {% endif %}
});
{% endif %}
</script>
