<script type="text/javascript">
var showimg = "";
var imageopen = "";
var pair = 0;
$(document).ready(function() {
    $("img").hide();
    shuffle();
    $("#card div").click(function()
    {
        id = $(this).attr("id");
        if ($("#"+id+" img").is(":hidden"))
        {
            $("#"+id+" img").fadeIn('slow');
            if (imageopen == "")
            {
                showimg = id;
                imageopen = $("#"+id+" img").attr("src");
            }
            else
            {
                currentopened = $("#"+id+" img").attr("src");
                if (imageopen != currentopened)
                {
                    $("#"+id+" img").slideUp("slow");
                    $("#"+showimg+" img").slideUp("slow");
                    showimg = "";
                    imageopen = "";
                }
                else
                {
                    $("#"+id+" img").show();
                    $("#"+showimg+" img").show();
                    showimg = "";
                    imageopen = "";
                    
                }
            }
            
        }
    });
});