Visual selection of "credit card type" on contribute/event forms

Currently, when paying using a credit card, using a "form" payment gateway (that asks for the CC number/type/expiration date/cvv2), the credit cart type field is redundant with the card number:
https://en.wikipedia.org/wiki/Credit_card_numbers

Some payment gateways seem to use the field, such as PayPal and Elavon, Realex, eWay, all seem to use the field. This is a bit odd, considering that the credit card types are option values that can be changed by the user, and the option value label is what is sent to the gateway. The CC type does not seem to be stored in the database.

So, long story short: as a first step, I'd like to improve the field using javascript in order to make it auto-selected based on the CC number.

Some payment gateways require to show the accepted credit card logos, so having the setting is useful, but I think it should be made just an optional/informational field on the checkout form, not a mandatory field. (see screenshot of an example of what I usually do for my clients)