title: Simple memory game
body: <p>I have modified this memory game to the way I want it. My problem is I'm trying to figure out how to make the images visible from the beginning when the game starts, i.e. I don't want the images hidden at all. I want all the other features, just not the lack of visibility.</p>
  
  <p>Any tips on have I can change it?</p>
  
  <pre><code>var BoxOpened = "";
  var ImgOpened = "";
  var ImgFound = 0;
  
  var Source = "#boxcard";
  
  var ImgSource = [
    "http://img5.uploadhouse.com/fileuploads/17699/176992640c06707c66a5c0b08a2549c69745dc2c.png",
    "http://img6.uploadhouse.com/fileuploads/17699/17699263b01721074bf094aa3bc695aa19c8d573.png",
    "http://img6.uploadhouse.com/fileuploads/17699/17699262833250fa3063b708c41042005fda437d.png",
  ];
  
  
  function OpenCard() {
      var id = $(this).attr("id");
  
      if ($("#" + id + " img").is(":hidden")) {
          $(Source + " div").unbind("click", OpenCard);
  
          $("#" + id + " img").slideDown('fast');
  
          if (ImgOpened == "") {
              BoxOpened = id;
              ImgOpened = $("#" + id + " img").attr("src");
              setTimeout(function() {
                  $(Source + " div").bind("click", OpenCard)
              }, 300);
          } else {
              CurrentOpened = $("#" + id + " img").attr("src");
              if (ImgOpened != CurrentOpened) {
                  setTimeout(function() {
                      $("#" + id + " img").slideUp('fast');
                      $("#" + BoxOpened + " img").slideUp('fast');
                      BoxOpened = "";
                      ImgOpened = "";
                  }, 400);
              } else {
                  $("#" + id + " img").parent().css("visibility", "hidden");
                  $("#" + BoxOpened + " img").parent().css("visibility", "hidden");
                  ImgFound++;
                  BoxOpened = "";
                  ImgOpened = "";
              }
              setTimeout(function() {
                  $(Source + " div").bind("click", OpenCard)
              }, 100);
          }
          Counter++;
          $("#counter").html("" + Counter);
  
          if (ImgFound == ImgSource.length) {
              $("#counter").prepend('&lt;span id="success"&gt;You Found All Pictues With &lt;/span&gt;');
          }
      }
  }
  
  $(function() {
  
  for (var y = 1; y &lt; 3 ; y++) {
      $.each(ImgSource, function(i, val) {
          $(Source).append("&lt;div id=card" + y + i + "&gt;&lt;img src=" + val + " /&gt;");
      });
  }
      $(Source + " div").click(OpenCard);
  });
  </code></pre>
  
  <p>See my jsfiddle for the complete code <a href="http://jsfiddle.net/NvkQw/" rel="nofollow">http://jsfiddle.net/NvkQw/</a></p>