$(document).ready(function() {

var myLinksCollection = document.getElementsByTagName("a");
	
	for (var i = 0; i < myLinksCollection.length; i++) {
		if (myLinksCollection[i].parentNode.className === "heading") {
			myLinksCollection[i].onclick = function() {
				var myClicked = this.parentNode.id;
				$("div.syntax").css("overflow", "visible");
				myClicked = myClicked.replace("heading-", "");
				$("#container").css("height", "1200px");
				$("#help-message").fadeOut(500, function() {
																	 document.getElementById("help-content").innerHTML = document.getElementById("help-"+myClicked).innerHTML;
																	 $("#container").css("height", "auto");
																	 });
				
				$("#help-message").fadeIn(500, function () {
														 	$("div.syntax").css("overflow", "auto");
															$("#container").css("height", "auto");
															$.scrollTo("#help-message", {duration: 700, axis:"y"});
														 });
				
				return false;
			} // anon func ends

		} // if statement ends

	} // for loop ends

		document.getElementById("close").onclick = function() {
			$("div.syntax").css("overflow", "visible");
			$("#help-message").fadeOut(500);
			$.scrollTo("#container", {duration: 700, axis:"y"});
			return false;
		}

});