$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  //$('#slickbox').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });

 // slides down, up, and toggle the slickbox on click    
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
    return false;
  });
  $('#slick-up').click(function() {
    $('#slickbox').slideUp('fast');
    return false;
  });
  $('#slick-slidetoggle2').click(function() {
    $('#slickbox2').slideToggle(400);
    return false;
  });
  
  
  
jQuery('#slick-slidetoggle').click(function () {
	
	jQuery('#slickbox').slideToggleWidth();
}); 

jQuery.fn.extend({  
	slideDown: function() {    
		return this.each(function() {
			jQuery(this).animate({"bottom": "+=130px"}, "medium");
			//jQuery('#tog_img').attr("src", "http://www.frecklehost.com/clients/scotfield/template/images/close.png");
			jQuery("#slick-slidetoggle").html("Hide Menu");

		});  
	},  
	
	
	slideUp: function() {
		return this.each(function() {
			jQuery(this).animate({"bottom": "-=130px"}, "slow"); 
			//jQuery('#tog_img').attr("src", "http://www.frecklehost.com/clients/scotfield/template/images/open.png");
			jQuery("#slick-slidetoggle").html("Show Menu");
		
		});  
	},  
	slideToggleWidth: function() {
		return this.each(function() {
			var el = jQuery(this);
			if (el.css('bottom') == '-130px') {
			el.slideDown();      
			} else {        
			el.slideUp();
			}    
		});  
	}
});



});