/**
 * Small plugin to make toggling the visibility of certain parts of a page 
 * easier.
 * 
 * @package jCollapser
 * @author Peter Halasz <skinner@gmail.com>
 * @license http://www.gnu.org/licenses/gpl-3.0.txt GPL v3.0
 * @copyright (c) 2008, Peter Halasz all rights reserved.
 */
(function($) {
	/**
	 * Sets up the functionality.
	 * 
	 * Options
	 * 
	 * 'container' : Sets the parent element which contains the one we want to 
	 *               collapse
	 *               
	 * 'target'    : The actual element that will collapse or expand
	 * 'state'     : The initial state we want it to be in
	 * 
	 * <sample>
	 * var options = {
	 *     container: '#container',
	 *     target:    '#collapse_element',
	 *     state:     'collapsed'
	 * }
	 * </sample>
	 * 
	 * @access public
	 * @return void
	 */
	$.fn.jcollapser = function(options) {
		
		var $this = $(this)[0];

		var settings = $.extend({}, $.fn.jcollapser.defaults, options);
		
		if(typeof(options.container) == 'undefined') {
			settings.container = "#" + $this.id;
		}
		
		$.fn.jcollapser.settings[$this.id] = settings; 
		
		$(settings.container + " > .collapse").bind("click", {}, $.fn.jcollapser.collapse);
		$(settings.container + " > .expand").bind("click", {}, $.fn.jcollapser.expand);
		
		/* State from the cookie*/
		var $state = $.cookie('collapser_' + settings.target);
		
		if($state ==  'collapsed') {
			$(settings.container + ' > .collapse').css("display","none");
			$(settings.container + ' > .expand').css("display","block");        
			$(settings.target).hide();
		} else if(typeof($state) == 'undefined') {
			/* 
			 * If we set the state at init time and no state in the cookie 
			 * then use the init setting. 
			 */
			if(settings.state != '' && settings.state == 'collapsed') {
				$(settings.container + ' > .collapse').css("display","none");
				$(settings.container + ' > .expand').css("display","block");        
				$(settings.target).hide();
			}
		}
	};
	
	/**
	 * Collapse a set of elements and set a cookie so we can remember 
	 * the state.
	 *
	 * @access public
	 * @return void
	 */
	$.fn.jcollapser.collapse = function() {
		var settings = $(this).parents().get(0).id;
		settings = $(this).jcollapser.settings[settings];
		$( settings.container + ' > .collapse').css("display","none");
		$( settings.container + ' > .expand').css("display","block");
    
		$(settings.target).slideUp("slow");
		$.cookie('collapser_' + settings.target, 'collapsed', { path: '/', expires: 365 });
	}
	
	/**
	 * Expand a set of elements and set a cookie so we can remember 
	 * the state.
	 * 
	 * @access public
	 * @return void
	 */
	$.fn.jcollapser.expand = function() {
		var settings = $(this).parents().get(0).id;
		settings = $(this).jcollapser.settings[settings];
		$(settings.container + ' > .expand').css("display","none");
		$(settings.container + ' > .collapse').css("display","block");
		$(settings.target).slideDown("slow");
		$.cookie('collapser_' + settings.target, 'expanded', { path: '/', expires: 365 });
	}
	
	$.fn.jcollapser.settings = {};
	
	$.fn.jcollapser.defaults = {
			container: '#example',
			target: '#data',
			state: 'collapsed'
	};
})(jQuery);