$(document).ready(function () {

    $('.tyrsi_grupi').keyup(function () {
        tyrsene('input.tyrsi_grupi', '#grupi a', 'block');
    });

    $('.show_marki').click(function () {
        $('.marki').toggle();
    });

    $('.tyrsi_marki').keyup(function () {
        tyrsene('input.tyrsi_marki', '.marki a', 'inline-block');
    });
    
    $('button.search_mag').click(function () {
        var val = $('input.tyrsene_mag').val();
        if (val.length >=3) {
            tyrsene('input.tyrsene_mag', 'a.cell', 'inline-block');
        }
    });
    
    $('input.tyrsene_mag').keyup(function (key) {
        if (key.keyCode == 13) {
            var val = $('input.tyrsene_mag').val();
            if (val.length >=3) {
                tyrsene('input.tyrsene_mag', 'a.cell', 'inline-block');
            }
        }
    });
    
    $('button.search_up').click(function () {
        var val = $('input.tyrsene_up').val();
        if (val.length >=3) {
            tyrsene('input.tyrsene_up', 'a.cell', 'inline-block');
        }
    });
    
    $('input.tyrsene_up').keyup(function (key) {
        if (key.keyCode == 13) {
            var val = $('input.tyrsene_up').val();
            if (val.length >=3) {
                tyrsene('input.tyrsene_up', 'a.cell', 'inline-block');
            }
        }
    });

});

function vitrina(grupa) {
    for (var a = 0; a < $('.gore_grupa').length; a++) {
        if ($('.gore_grupa').eq(a).html().search(grupa) >= 0 || grupa == 'Всички') {
            $('.gore_grupa').eq(a).parent('.polosa').parent('.cell').css('display', 'inline-block');
        } else {
            $('.gore_grupa').eq(a).parent('.polosa').parent('.cell').css('display', 'none');
        }
    }
}

function marka(marka) {
    for (var a = 0; a < $('.marka').length; a++) {
        if ($('.marka').eq(a).html().search(marka) >= 0 || marka == 'Всички') {
            $('.marka').eq(a).parent('.polosa').parent('.cell').css('display', 'inline-block');
        } else {
            $('.marka').eq(a).parent('.polosa').parent('.cell').css('display', 'none');
        }
        $('.marki').hide();
    }
}

function tyrsene(ot, na, blok) {
    var srch = $(ot).val().toLowerCase(), br = $(na).length;
    for (var a = 0; a < br; a++) {
        var str1 = $(na).eq(a).html().toLowerCase();
        if (str1.search(srch) >= 0) {
            $(na).eq(a).css('display', blok);
        } else {
            $(na).eq(a).css('display', 'none');
        }
    }
}