/*
	JavaScript: collapse
	Version: 	1.0
	Date		2009-09-02
	Author:		elementalblend.com (brandon burkett)
	
	Desc:		Class will expand / collapse faq answers based on if the question was clicked
				
	Note:		This class was built to be droppable on any page, just define the class that need to be
				clicked, and classes that contain the hidden content.  Note that currently the hidden content
				must come right after the clickable item in the DOM.
*/

/* collapse class */
var collapse = 
{
	/* properties */
	clickClass: 'moreDetail',
	hiddenClass: 'detailContainer',

	/* methods */
	displayDetail: function(jqObject)
	{
		// show details
		jqObject.next().slideToggle('normal');
		
		// highlight question
		jqObject.toggleClass('moreDetailOpen');		
	},
	
	init: function()
	{
		// add events to click class
		$('.'+collapse.clickClass).bind('click', function() { collapse.displayDetail($(this)); });
		
		// add event to close links
		$('.closeDetail').bind('click', function() { $(this).parent().parent().slideToggle('normal'); return false; });
	}
}

// on document load, call the collapse constructor
$(document).ready(function() { collapse.init(); });