$(document).ready(function() {

    var $firstcard = $('div.card_thumb:first').attr("alt");
    $("#cardimg").attr({
        src: $firstcard
    });
    $("#cfImage").val($firstcard);

if ($('div.errors').length) { $("#cardform").removeClass('hidden'); }

    $("div.card_thumb").click(function() {

        var $clicked = $(this);
        var $clickedimg = $(this).attr("alt");

$("#cardcontents").addClass('hidden');

$("#cardform").removeClass('hidden');

        jQuery.each($('div.card_thumb'),
        function() {
            if ($(this).hasClass('selected')) {
                $(this).removeClass('selected');
            }
        });

        $clicked.addClass("selected");

        $("#cfImage").val($clickedimg);

        $("#cardimg").attr({
            src: $clickedimg
        });




    });
});