// Checklist Challenge AJAX Submit

$(function() { 
		var options = { 
			target:        '#itemFinal',   // target element(s) to be updated with server response 
			success:       showResponse  // post-submit callback 
	 
			// other available options: 
			//url:       url         // override for form's 'action' attribute 
			//type:      type        // 'get' or 'post', override for form's 'method' attribute 
			//dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
			//clearForm: true        // clear all form fields after successful submit 
			//resetForm: true        // reset the form after successful submit 
	 
			// $.ajax options can be used here too, for example: 
			//timeout:   3000 
		}; 
	 
		// bind to the form's submit event 
		$('#Checklist').submit(function() { 
	 		$(".buttonSubmitChecklist").fadeOut("slow");
			$(this).ajaxSubmit(options); 
			return false; 
		}); 
}); 
			
// Post-Submit Callback 
function showResponse(responseText, statusText)  { 
 
}

// Checklist Challenge Results

function DoTheCheck() { 
	var sumList = 0;
	for (i=0;i<document.forms['Checklist'].item.length;i++) {
		  if (document.forms['Checklist'].item[i].checked) {
		  	sumList = sumList + parseInt(document.forms['Checklist'].item[i].value);
		  }
		}
	var numCorrect;
	var sumListNum;
	if (sumList==undefined) {
		numCorrect = 0;
	}
	else { 
		numCorrect = sumList;
	}
	sumListNum = Math.round((sumList/505)*100);
	sumListNum = parseInt(sumListNum);
	sumList = Math.round((sumList/505)*100)+"%";

	switch (true) {
		case ((sumListNum >= 0) && (sumListNum <=49)):
			document.getElementById('itemFinalNumber').innerHTML = "<div class=\"finalScore\"><div class=\"finalScoreNumber1\">" + sumList + "</div><div class=\"numCorrect\">(" + numCorrect + " out of 505 points)</div></div><div class=\"finalNotes\"><div class=\"notesHeader\">What does this mean?</div>You still have a lot of work to do. You're missing some key elements in your website that may prevent it from being successful. Go back and read the notes under the items you didn't check.</div>";	
			break;	
		case ((sumListNum >= 50) && (sumListNum <=59)):
			document.getElementById('itemFinalNumber').innerHTML = "<div class=\"finalScore\"><div class=\"finalScoreNumber6\">" + sumList + "</div><div class=\"numCorrect\">(" + numCorrect + " out of 505 points)</div></div><div class=\"finalNotes\"><div class=\"notesHeader\">What does this mean?</div>Not bad, but you've still got some work to do. Although you've covered some big items on the checklist, you've still forgetting some pretty important ones. Ouch, that'll hurt.</div>";	
			break;	
		case ((sumListNum >= 60) && (sumListNum <=69)):
			document.getElementById('itemFinalNumber').innerHTML = "<div class=\"finalScore\"><div class=\"finalScoreNumber7\">" + sumList + "</div><div class=\"numCorrect\">(" + numCorrect + " out of 505 points)</div></div><div class=\"finalNotes\"><div class=\"notesHeader\">What does this mean?</div>If this were a test, you'd still be failing (and at this point, your website will most likely fail). Go back to the list and work on some of the items that you didn't check. Keep going!</div>";	
			break;	
		case ((sumListNum >= 70) && (sumListNum <=79)):
			document.getElementById('itemFinalNumber').innerHTML = "<div class=\"finalScore\"><div class=\"finalScoreNumber8\">" + sumList + "</div><div class=\"numCorrect\">(" + numCorrect + " out of 505 points)</div></div><div class=\"finalNotes\"><div class=\"notesHeader\">What does this mean?</div>Looking good! At this point, you've included a lot of important things that will help lead to a successful website. However, you're still missing some stuff. Don't be lazy, finish what you've started!</div>";	
			break;	
		case ((sumListNum >= 80) && (sumListNum <=89)):
			document.getElementById('itemFinalNumber').innerHTML = "<div class=\"finalScore\"><div class=\"finalScoreNumber9\">" + sumList + "</div><div class=\"numCorrect\">(" + numCorrect + " out of 505 points)</div></div><div class=\"finalNotes\"><div class=\"notesHeader\">What does this mean?</div>Great! Your website will more than likely be a successful one. Since you've already done so much work, why not complete the last few items on the checklist? It certainly won't hurt.</div>";	
			break;	
		case ((sumListNum >= 90) && (sumListNum <=100)):
			document.getElementById('itemFinalNumber').innerHTML = "<div class=\"finalScore\"><div class=\"finalScoreNumber10\">" + sumList + "</div><div class=\"numCorrect\">(" + numCorrect + " out of 505 points)</div></div><div class=\"finalNotes\"><div class=\"notesHeader\">What does this mean?</div>Fantastic! We have high hopes that your website will be a successful one. Since you obviously know what you're doing, do you have <a href=\"#respond\">anything else</a> that you think should be added to the checklist?</div>";	
			break;	
	}
	
}

function showHideDescriptions(checklistContent) {  
 var allTags = document.getElementsByTagName('div');
 for(i=0; i<allTags.length; i++) {
  if(allTags[i].className == 'checklistContent') {
  	if (allTags[i].style.display == 'block' || allTags[i].style.display == '') {
	  	allTags[i].style.display = 'none';
  	}
  	else {
  		allTags[i].style.display = 'block';
  	}
  }
 }
}