var $j = jQuery.noConflict();

$j(document).ready(function() {

	$j("a#togglePannel").toggle(function(){

		$j("div#panel").animate({
			height: $j("div#panel-rap").height()+80
		}, {duration:500, easing:"easeOutCirc"})
		.animate({
			height: $j("div#panel-rap").height()+40
		}, {duration:1000, easing:"easeOutBounce"});
	
	},function(){
		$j("div#panel").animate({
			height: $j("div#panel-rap").height()+80
		}, {duration:500, easing:"easeOutCirc"})
		.animate({
			height: "0px"
		}, "fast");
	});
	
	$j("div#panel .close").click(function(){
		$j("div#panel").animate({
			height: $j("div#panel-rap").height()+80
		}, {duration:500, easing:"easeOutCirc"})
		.animate({
			height: "0px"
		}, "fast");	
	});
	
});