$( document ).ready(function() {
    // кнопки с переключателями валюты с основной таблицы
    var btn_eur = document.getElementById('euro');
    var btn_uah = document.getElementById('grivna');
    var btn_usd = document.getElementById('dollars');
    // кнопки с переключателями валюты таблицы с кроссами
    var cross_btn_eur = document.getElementById('cross_euro');
    var cross_btn_uah = document.getElementById('cross_grivna');
    var cross_btn_usd = document.getElementById('cross_dollars');

    // для таблицы кроссов, классы обозначаются через cross_
    var cross_prefix = '';

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

    // назначим события кнопкам переключателей валюты
    if(btn_eur)
        btn_eur.onclick = changeEUR;
    if(btn_uah)
        btn_uah.onclick = changeUAH;
    if(btn_usd)
        btn_usd.onclick = changeUSD;
    if(cross_btn_eur)
        cross_btn_eur.onclick = changeEUR;
    if(cross_btn_uah)
        cross_btn_uah.onclick = changeUAH;
    if(cross_btn_usd)
        cross_btn_usd.onclick = changeUSD;


    function changeEUR(){
        if( $(this).hasClass('cross_currency') ){
            cross_prefix = '_cross';
        }else{
            cross_prefix = '';
        }

        show_currency = ['eur'];
        hidden_currency = ['uah','usd'];
        setVisiblePrice();
    }
    function changeUAH(){
        if( $(this).hasClass('cross_currency') ){
            cross_prefix = '_cross';
        }else{
            cross_prefix = '';
        }

        show_currency = ['uah'];
        hidden_currency = ['eur','usd'];
        setVisiblePrice();
    }
    function changeUSD(){
        if( $(this).hasClass('cross_currency') ){
            cross_prefix = '_cross';
        }else{
            cross_prefix = '';
        }

        show_currency = ['usd'];
        hidden_currency = ['uah','eur'];
        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');
            }
        }
    }

})