function getTop() {
		// get the top of the content
		var top = $('#content').css('top');
		return trimPx(top);
	}
	
	function getHeight(id) {
		// get the height, including padding
		var height = $(id).height();
		var paddingTop = trimPx($(id).css("padding-top"));
		var paddingBottom = trimPx($(id).css("padding-bottom"));
	
		return height + paddingTop + paddingBottom;
	}
	
	function trimPx(value) {
		// remove "px" from values
		var pos = value.indexOf("px");
		if (pos != 0)
			return parseInt(value.substring(0, pos));
		else
			return 0;
	}


	function slideUp()
	{
		//alert('up');
		var topVal = 0;
		container = getHeight("#container");
		content = getHeight("#content");
		hidden = content - container;
		topVal = parseInt($("#content").css("top"));
		topVal = topVal + (container-50);
		if (topVal > 0) topVal = 0;
		$("#content").css("top",topVal);
	
	}
	
	function slideDown()
	{
		var topVal = 0;
		container = getHeight("#container");
		content = getHeight("#content");
		hidden = content - container;
		topVal = parseInt($("#content").css("top"));
		topVal = topVal - (container-50);
		if (Math.abs(topVal) > content) return;
		$("#content").css("top",topVal);
	}