function setupDropout() {
	var dropoutWidth = $('dropout').getWidth();
	$$('.dropout-top')[0].style.width = dropoutWidth + 'px';
	$$('.dropout-bottom')[0].style.width = dropoutWidth + 'px';
	$('dropout').style.width = '28px';
	Event.observe($('dropout'), 'click', function() {
		if ( this.style.width == '28px' ) {
			new Effect.Morph('dropout', {
				style: 'width:' + dropoutWidth + 'px',
				duration: 0.2
			});
		} else {
			new Effect.Morph('dropout', {
				style: 'Width: 28px',
				duration: 0.2
			});
		}
	});
}

function setupDropoutJQuery() {
	var dropoutWidth = $('#dropout').width();
	$($('.dropout-top')[0]).css('width', dropoutWidth + 'px');
	$($('.dropout-bottom')[0]).css('width', dropoutWidth + 'px');
	$('#dropout').css('width', '28px');
	$('#dropout').click( function() {
		if ( $(this).css('width') == '28px' ) {
			$('#dropout').animate({
				width: dropoutWidth
			}, 200);
		} else {
			$('#dropout').animate({
				width: 28
			}, 200);
		}
	});
}