text: 'use strict';
  
  // Call this function when the page loads (the "ready" event)
  $(document).ready(function() {
  	initializePage();
  })
  
  /*
   * Function that is called when the document is ready.
   */
  function initializePage() {
  	$("#testjs").click(function(e) {
  		$('.jumbotron h1').text("Javascript is connected");
  		$("#testjs").text("Please wait...");
  		$(".jumbotron p").toggleClass("active");
  	});
  	$("a.thumbnail").click(projectClick);
  	// Add any additional listeners here
  	// example: $("#div-id").click(functionToCall);
  }
  
  function projectClick(e) {
  	console.log("project clicked")
      e.preventDefault();
  	$(this).css("background-color", "#7fff00");
  	var containingProject = $(this).closest(".project");
  	var description = $(containingProject).find(".project-description");
  	if (description.length >= 1) {console.log(description.length)}
      if (description.length == 0) {
         $(containingProject).append("<div id='desc' class='project-description'><p>Description of the project.</p></div>");
      } else {
  		var desc = $(containingProject).find('#desc');
  		$(desc).fadeOut();
  	}
  	
  }