$( document ).ready(function() {
    // для таблицы кроссов, классы обозначаются через cross_
    var cross_prefix = '';

    // по умолчанию - цены в долларах, остальные скрываем
    var show_currency = ['usd'];
    var hidden_currency = ['uah','eur'];

    $( document ).on( "click", ".currency", changeCurrency );

    function changeCurrency(){

        if( $(this).attr('id') === 'grivna' ){
            show_currency = ['uah'];
            hidden_currency = ['eur','usd'];
        }else if( $(this).attr('id') === 'euro' ) {
            show_currency = ['eur'];
            hidden_currency = ['uah','usd'];
        }else if( $(this).attr('id') === 'dollars' ) {
            show_currency = ['usd'];
            hidden_currency = ['uah','eur'];
        }
        $('.currency').removeClass('active_button_purple1');
        $(this).addClass('active_button_purple1');

        setVisiblePrice();
    }

    function setVisiblePrice(){
        // элементы с классами из show_currency отобразим
        for( var i = 0; i < show_currency.length; i++ ){
            var arr_elements = document.getElementsByClassName(show_currency[i] + cross_prefix);

            for(var j = 0; j < arr_elements.length; j++ ){
                if( arr_elements[j].classList.contains('hidden') )
                    arr_elements[j].classList.remove('hidden');
            }
        }

        // элементы с классами из hidden_currency спрячем
        for( var i = 0; i < hidden_currency.length; i++ ){
            var arr_elements = document.getElementsByClassName(hidden_currency[i] + cross_prefix);
            for(var j = 0; j < arr_elements.length; j++ ){
                if( !arr_elements[j].classList.contains('hidden') )
                    arr_elements[j].classList.add('hidden');
            }
        }
    }

})