var search_trigger;
$('.options_selected').click(function(e){
	var $popup = $('#popup');
	if ($popup.length && $(search_trigger).attr('id') !== $(this).attr('id')) {
		$popup.find('.options').hide().insertAfter(search_trigger).end().remove();
	}
	var	content = $(this).next('.options'),
		leftOffset = $(this).offset().left - 1,
		topOffset = $(this).offset().top + $(this).height() + 4,
		holder = $('<div id="popup"><div class="top_left"><div class="top_right"></div></div><div class="middle_left"><div class="middle_right" id="popup_content"><div class="buttons"><a href="#">Choose all</a><button type="submit" value="Done" class="input_submit"><span>Done</span></button></div></div></div><div class="bottom_left"><div class="bottom_right"></div></div></div>');

	search_trigger = $(this);
	e.stopPropagation();
	if ($popup.length && $(search_trigger).attr('id') === $(this).attr('id')) {
		$popup.find('.options').hide().insertAfter(search_trigger).remove();
	} else {
		$popup = holder.appendTo('body').css({ top: topOffset, left: leftOffset });
		$popup
			.find('.buttons a')
				.click(function(e){
					e.preventDefault();
					$popup.find('.option_list:visible input:checkbox').unbind('click keyup').removeAttr('checked').bind('click keyup',updateDropdown);
					$(search_trigger).find('span').text('All').click();
				})
			.end()
			.find('.buttons button')
				.click(function(e){
					e.preventDefault();
					$popup.find('.options').hide().insertAfter(search_trigger).remove();
				})
			.end()
			.click(function(e){
				e.stopPropagation();
			});
		content.show().prependTo('#popup_content');
	}
});