var CLOSED_CODE_BLOCK_HEIGHT = "15px";

//adds events to interface to show or hide code blocks on click
addCodeFrameEvents = function ()
{
	//hide all code by default
	$(".code").css("height", CLOSED_CODE_BLOCK_HEIGHT);
	$(".showCode").css("display", "block");
	//bind click events to show / hide buttons
	$(".showCode").bind("click", showHideCodeBlock);
}

showHideCodeBlock = function (e)
{
	var codeBlockID = "#" + this.id + "Code";
		
	if(this.innerHTML == "(show)")
	{
		//currently closed
		var currentHeight = $(codeBlockID).css("height");
		$(codeBlockID).css("height", "");
		var endHeight = $(codeBlockID).innerHeight();
		$(codeBlockID).css("height", currentHeight);
		
		$(codeBlockID).animate({ 
			height: endHeight
		  }, 600, "linear" );
			
		$(this).css("background-image", "url(/images/minimizeBox.png)");
		this.innerHTML = "(hide)";
	}
	else
	{
		//currently open
		$(codeBlockID).animate({ 
			height: CLOSED_CODE_BLOCK_HEIGHT
		 }, 600, "linear" );
		 
		 $(this).css("background-image", "url(/images/maximizeBox.png)");
		 this.innerHTML = "(show)";
	}
}