function sectionClick(section)
{
	if (sectionAnimating[section]) return;
	sectionAnimating[section] = true;
	
	var speed = 7;
	var element = document.getElementById(section);
	var bigHeader = element.getElementsByTagName("h1")[0];
	var smallHeader = element.getElementsByTagName("h2")[0];	
	
	
	if (sectionStates[section])
	{
		var innerHeight = element.getElementsByTagName("div")[2].offsetHeight + 55;
		fade(smallHeader, 0, 1, speed, 0, styleSin);		
		changeNumber(bigHeader, "marginLeft", "px", 350 - bigHeader.offsetWidth /  2, 0, speed, 0, styleSin);		
		changeNumber(bigHeader, "top", "px", 14, 5, speed, 0, styleSin);		
		changeNumber(smallHeader, "marginLeft", "px", 350 - smallHeader.offsetWidth /  2, 0, speed, 0, styleSin);				
		changeNumber(element, "height", "px", innerHeight, 55, speed, 0, styleSin, false, null, 
			function() { element.getElementsByTagName("div")[2].style.display = "none"; sectionAnimating[section] = false; } );
	}
	else
	{
		element.getElementsByTagName("div")[2].style.display = "block";
		var innerHeight = element.getElementsByTagName("div")[2].offsetHeight + 55;
		fade(smallHeader, 1, 0, speed, 0, styleSin);		
		changeNumber(bigHeader, "marginLeft", "px", 0, 350 - bigHeader.offsetWidth /  2, speed, 0, styleSin);
		changeNumber(bigHeader, "top", "px", 5, 14, speed, 0, styleSin);				
		changeNumber(smallHeader, "marginLeft", "px", 0, 350 - smallHeader.offsetWidth /  2, speed, 0, styleSin);
		element.style.height = "55px";
		changeNumber(element, "height", "px", 55, innerHeight, speed, 0, styleSin, false, null, function() { sectionAnimating[section] = false; });		
	}
	
	sectionStates[section] = !sectionStates[section];
}

function sectionExpand(section)
{
	section = "row-" + section;
	var element = document.getElementById(section);
	element.getElementsByTagName("div")[2].style.display = "block";	
	var innerHeight = element.getElementsByTagName("div")[2].offsetHeight + 55;
	var bigHeader = element.getElementsByTagName("h1")[0];
	var smallHeader = element.getElementsByTagName("h2")[0];
	
	element.style.height = innerHeight + "px";
	bigHeader.style.marginLeft = 350 - bigHeader.offsetWidth / 2 + "px";
	bigHeader.style.top = "14px";	
	smallHeader.style.opacity = "0";
	smallHeader.style.filter = "alpha(opacity=0)";
	sectionStates[section] = true;
}


sectionStates = {"row-app": false, "row-place": false, "row-blog": false, "row-terms": false, "row-about": false};
sectionAnimating = [].concat(sectionStates);