// --------------------------------------------------------
//    start 'er up!
// --------------------------------------------------------

jQuery(document).ready(
	function () {		
		showHide();	
		scrollBox();		
	}
);


// --------------------------------------------------------
//    show/hide comments
// --------------------------------------------------------

function showHide() {
	jQuery("h5.button").click(function(){
		jQuery("#panel").animate({
			top: "0",
			height: "500px"
		})
		.animate({
			top: "-500pxpx"
		}, 
		{	queue: "false",
		    duration: "2000"
		});
		jQuery("h5.button").toggle();
	
	});	
	
   jQuery("#close").click(function(){
		jQuery("#panel").animate({
			height: "50px",
			top: "0px"
		}, "fast");			
   });	
};


// --------------------------------------------------------
//      scrolly box window
// --------------------------------------------------------

function scrollBox() {
	jQuery('div.commentlist').jScrollPane({
		scrollbarWidth:20, scrollbarMargin:10
	});
};