/**
* 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-2009, 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
    *               Valid values: collapsed, expanded
    * 
    * <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 + " > .jcol-col").bind("click", {}, $.fn.jcollapser.toggleState);
        $(settings.container + " > .jcol-exp").bind("click", {}, $.fn.jcollapser.toggleState);

        var $state = settings.state;
        
        if ($state == 'collapsed') {
            $(settings.container + ' > .jcol-col').css("display", "none");
            $(settings.container + ' > .jcol-exp').css("display", "inline");
            $(settings.target).hide();
        } else if ($state == null) {
            /* 
            * 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 + ' > .jcol-col').css("display", "none");
                $(settings.container + ' > .jcol-exp').css("display", "inline");
                $(settings.target).hide();
            }
        }
    };

    $.fn.jcollapser.toggleState = function() {
        var $parent = $(this).parents().get(0).id;
        var settings = $(this).jcollapser.settings[$parent];

        if ($(settings.container + ' > .jcol-col').css("display") == "none") {
            $(settings.container + ' > .jcol-col').css("display", "inline");
        } else {
            $(settings.container + ' > .jcol-col').css("display", "none");
        }

        if ($(settings.container + ' > .jcol-exp').css("display") == "none") {
            $(settings.container + ' > .jcol-exp').css("display", "inline");
        } else {
            $(settings.container + ' > .jcol-exp').css("display", "none");
        }

        $(settings.target).slideToggle(100);
    }

    $.fn.jcollapser.settings = {};

    $.fn.jcollapser.defaults = {
    container: '#jcollapse',
        target: '#data',
        state: ''
    };
})(jQuery);