function toggleDetails(id) {
  var details = $('#details-' + id);
  if(details.hasClass('undisplay')) {
    details.removeClass('undisplay');
    $('#advice-' + id).removeClass('undisplay');
    $('#img-switch-' + id)[0].setAttribute('src', '/img/button_switch-card-off.png');
    $('#img-switch-' + id)[0].setAttribute('title', 'Zavřít detaily');
    $('#a-switch-' + id)[0].setAttribute('class', 'details-off');
    $('#a-switch-' + id).html('Zavři detaily karty');
  }
  else {
    details.addClass('undisplay');
    $('#advice-' + id).addClass('undisplay');
    $('#img-switch-' + id)[0].setAttribute('src', '/img/button_switch-card-on.png');
    $('#img-switch-' + id)[0].setAttribute('title', 'Otevřít detaily');
    $('#a-switch-' + id)[0].setAttribute('class', 'details-on');
    $('#a-switch-' + id).html('Otevři detaily karty');
  }
  //$('.separator').css('height', '12px');
  //alert($('.separator').css('height'));
}