/**
 * Slide Box : a jQuery Plug-in
 * Samuel Garneau <samgarneau@gmail.com>
 * http://samgarneau.com
 * 
 * Released under no license, just use it where you want and when you want.
 */

(function($){
	
	$.fn.slideBox = function(params){
	
		var content = $(this).html();
		var defaults = {	width: "100%"		}
		
		// extending the fuction
		if(params) $.extend(defaults, params);
		
		var divPanel = $("<div class='slide-panel'>");
		var divContent = $("<div class='content'>");
	
		$(divContent).html(content);
		$(divPanel).addClass(defaults.position);
		$(divPanel).append($(divContent));
		
		// adding buttons
		$(divPanel).append("<a class='open slide-button'>[+]</a>");
		$(divPanel).append("<a style='display: none'  id='close-button' class='close slide-button'>[-]</a>");
		
		$(this).replaceWith($(divPanel));
		
		// Buttons action
		$(".slide-button").click(function(){
			if($(this).attr("id") == "close-button")
				$(divContent).animate({height:'0px',opacity: .01, easing:'easeInQuad'  }, 1000);
			else {
				$(divContent).animate({height:'600px', opacity:1,easing:'easeOutQuad'}, 1000);
			}
			$(".slide-button").toggle();
		});
	};
	
})(jQuery);