/*
* collapsor (1.0) // 2008.04.05 // <http://plugins.jquery.com/project/collapsor>
* 
* REQUIRES jQuery 1.2.3+ <http://jquery.com/>
* 
* Copyright (c) 2008 TrafficBroker <http://www.trafficbroker.co.uk>
* Licensed under GPL and MIT licenses
* 
* collapsor opens and closes sublevel elements, like a collapsable menu
*
* We need to select the clickable elements that trigger the opening action of the sublevels: $j('#menu ul li a').collapsor();
* The sublevel element must be in the same level than the triggers
*
* Sample Configuration:
* $j('ul a').collapsor();
* 
* Config Options:
* activeClass: Class added to the element when is active // Default: 'active'
* openClass: Class added to the element when is open // Default: 'open'
* sublevelElement: Element that must open or close // Default: 'ul'
* speed: Speed for the opening animation // Default: 500
* easing: Easing for the opening animation. Other than 'swing' or 'linear' must be provided by plugin // Default: 'swing'
* 
* We can override the defaults with:
* $j.fn.collapsor.defaults.speed = 1000;
* 
* @param  settings  An object with configuration options
* @author    Jesus Carrera <jesus.carrera@trafficbroker.co.uk>
*/
var $j = jQuery.noConflict();

(function($j) {
$j.fn.collapsor = function(settings) { 
	// override default settings
	settings = $j.extend({}, $j.fn.collapsor.defaults, settings);
	var triggers = this;
	// for each element
	return this.each(function() {
		// occult the collapsing elements
		$j(this).find('+ ' + settings.sublevelElement).hide();
		//show the opened
		if($j(this).hasClass(settings.openClass)){
			$j(this).find('+ ' + settings.sublevelElement).show();
		}
		
		// event handling
	  $j(this).click(function() {
			// remove the active class from all the elements less the clicked
			$j(triggers).not($j(this)).removeClass(settings.openClass);
			
			// if the new active have sublevels
			if ($j(this).next().is(settings.sublevelElement)){
				// blur and add the active class to the clicked
				$j(this).blur().toggleClass(settings.openClass);
				// toggle the clicked
				$j(this).next().animate({height:'toggle', opacity:'toggle'}, settings.speed, settings.easing);
				// hide the rest
				$j(this).parent().parent().find(settings.sublevelElement).not($j(this).next()).animate({height:'hide', opacity:'hide'}, settings.speed, settings.easing);
				return false;
			}
	   });
	});
};
// default settings
$j.fn.collapsor.defaults = {
	activeClass: 'active',
	openClass:'open',
	sublevelElement: 'ul',
	speed: 500,
	easing: 'swing'
};
})(jQuery);