/**
 * 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%",
			height: "100px",
			position: "top"			// Possible values : "top", "bottom"
		}

		// 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).css("width", defaults.width);

		// centering the slide panel
		$(divPanel).css("left", 50 + "px");

		// if position is top we're adding
		if(defaults.position == "top")
			$(divPanel).append($(divContent));
		
		// adding buttons
		$(divPanel).append("<div class='slide-button' id='desce-button'><img src='img/menu_desce2.gif'    alt='Fechar' /></div>");
		$(divPanel).append("<div class='slide-button' id='close-button' style='display: none'><img src='img/menu_sobe2.gif'     alt='Fechar' /></div>");

		if(defaults.position == "bottom")
			$(divPanel).append($(divContent));

		$(this).replaceWith($(divPanel));

		// Buttons action
		$(".slide-button").click(function(){
			if($(this).attr("id") == "close-button")
				$(divContent).animate({height: "0px"}, 100);

			else
				$(divContent).animate({height: defaults.height}, 100);
			    $(".slide-button").toggle();

                $("#oaChamada").mousedown(function(){
		    		$(divContent).animate({height: "0px"}, 100);
    			    $("#close-button").hide();
    			    $("#desce-button").show();
                });


        });


	};

})(jQuery);