Ext.onReady(function() {

	//simple function to slide text up and down and optionally hide..
	var slideBox = function(direction,element){
		var slideMe = Ext.get(element);

		switch(direction){
			//determine the direction of travel
			case 'up' :
				if (slideMe.isVisible()) {
					slideMe.slideOut('t', {
						easing: 'easeOut',
						duration: .2,
						remove: false,
						useDisplay: true
					});
				};
			break;
			case 'down' :
				if (!slideMe.isVisible()) {
					slideMe.slideIn('t', {
						easing: 'easeIn',
						duration: .2
					});
				};		
			break;
			default :t
				slideMe.toggle();
				break

		};
	};//close slider function

	Ext.get('widgetToggle').on('click',function(e,t){
		//simple slide of this element
		if (Ext.get('widgetDock').isVisible()) {
			slideBox('up','widgetDock');
			Ext.get('widgetToggle').dom.innerHTML = "Customize Page";
		}else{
			slideBox('down','widgetDock');
			Ext.get('widgetToggle').dom.innerHTML = "Close Dock"
		};	
	});//close widgetToggle onclick function
});// close onReady