$(document).ready(function(){
 
  // Insert the new buttons
  var languageWrapper = $('select.languagechanger').parent();
  languageWrapper.addClass('language-wrapper').append('<div class="lang-buttons-wrapper" />');
  $('select.languagechanger option').each(function(i) {
    $('.lang-buttons-wrapper').append('<button type="button" class="btn btn-primary" data-value="'+$(this).attr('value')+'">'+$(this).text()+'</button>');
  });
 
  // Listener on new buttons
  $('.lang-buttons-wrapper button').on('click', function(e) {
 
    // Manipulate the hidden language select
    $('select.languagechanger option').removeAttr('selected');
    $('select.languagechanger').val($(this).attr('data-value'));
    $('select.languagechanger option[value="'+$(this).attr('data-value')+'"]').attr('selected', 'selected');
 
    // Language handler from survey_runtime.js 
    if($('select.languagechanger').hasClass('previewmode'))
    {
      var target=$('select.languagechanger').data('targeturl');
      $('<form>', {
        "html": '<input type="hidden" name="lang" value="' + $('select.languagechanger').find('option:selected').val() + '" />',
        "action": target
      }).appendTo(document.body).submit();
      return false;
    }
    if(!$('select.languagechanger').closest('form').length){
      if($('form#limesurvey').length==1){ 
        $("form#limesurvey [name='lang']").remove();
        $("<input type='hidden']>").attr('name','lang').val($('select.languagechanger').find('option:selected').val()).appendTo($('form#limesurvey'));
        $("#changelangbtn").appendTo($('form#limesurvey'));
        $('#changelangbtn').click();
      }else{
        if($('select.languagechanger').data('targeturl')){
          var target=$('select.languagechanger').data('targeturl');
        }else{
          var target=document.location.href;
        }
        $('<form>', {
          "html": '<input type="hidden" name="lang" value="' + $('select.languagechanger').find('option:selected').val() + '" />',
          "action": target,
          "method": 'post'
        }).appendTo(document.body).append($("input[name='YII_CSRF_TOKEN']")).submit();
      }
    }else{
      $('select.languagechanger').closest('form').find("[name='lang']").not($('select.languagechanger')).remove();// Remove other lang
      $('#changelangbtn').click();
    }
  });
});

.language-wrapper select {
  display: none;
}
 
.lang-buttons-wrapper {
  text-align: center;
}
 
.lang-buttons-wrapper button {
  margin: 0 5px;
}