Ext.onReady(function(){
		expand = new Ext.get('button-expand');
		expand.on('click',expand_f = function(){
            		box = new Ext.get('topColumn');
			box.replaceClass('collapsed','expanded');
			box.slideIn('l', {
				easing: 'easeOut',
				duration: .5
			});
		});
		collapse = new Ext.get('button-collapse');
		collapse.on('click',function(){
			box = new Ext.get('topColumn');
			box.slideOut('l',{
				easing: 'easeOut',
				duration: .5,
				afterStyle: 'visibility: visible;'
			});
			setTimeout("box.replaceClass('expanded','collapsed')",500);
		});
		expand_f();
});
$(function(){
			$('#topColumn').css({'clip': 'rect(0px, 315px, 460px, 0px)'});
			$c = $('#mainContent');
			$c.jScrollPane({showArrows:true, scrollbarWidth: 16, arrowSize: 16 });
			$('.expanded .content').css({'left': '24px', 'bottom': '12px'});
});