// JavaScript Document
$(document).ready(function() {
	// Add "More Info" tabs to Pods
	$(".pod.ec").each(function(i) {
		if ( $(this).children(".pod-body").outerHeight() > $(this).outerHeight() )
		{
			$nextSpacer = $(this).next(".spacer")
			$nextSpacer.addClass("collapsed");
			$nextSpacer.append('<div class="fade"></div>');
			$nextSpacer.append('<div class="button" onclick="expandCollapsePod($(this).parent().prev(\'.pod\'),\'' + $(this).css('height') + '\' );" title="Click to see more information"></div>');
		}
	});
});

function expandCollapsePod($pod, $collapsedHeight)
{
	$podBody = $pod.children(".pod-body");
	$spacer = $pod.next(".spacer");
	$currentClass = "";
	$newClass = "";

	if ( $spacer.hasClass("collapsed") ) {
		$currentClass = "collapsed";
		$newClass = "expanded";
		$newHeight = $podBody.outerHeight() + 25;
	} else {
		$currentClass = "expanded";
		$newClass = "collapsed";
		$newHeight = $collapsedHeight;
	}

	$pod.animate( { height:$newHeight }, 500 );
	$spacer.removeClass( $currentClass );
	$spacer.addClass( $newClass );
}