$(document).ready(function() {
	createDropDownPortfolio();
	
	$(".dropdown dt a").click(function() {
		$(".dropdown dd ul").toggle();
	});

	$(document).bind('click', function(e) {
		var $clicked = $(e.target);
		if (! $clicked.parents().hasClass("dropdown"))
			$(".dropdown dd ul").hide();
	});
				
	$(".dropdown dd ul li a").click(function() {
		var text = $(this).html();
		$(".dropdown dt a").html(text);
		$(".dropdown dd ul").hide();
		
		var source = $("#dropdown_source_portfolio");
		source.val($(this).find("span.value").html())
	});
});

function createDropDownPortfolio(){
	var source = $("#dropdown_source_portfolio");
	var selected = source.find("option[selected]");
	var options = $("option", source);
	
	$("#portfolio_find").append('<dl id="target_portfolio" class="dropdown"></dl>')
	$("#target_portfolio").append('<dt><a href="#" onclick="return false">' + selected.text() + 
		'<span class="value">' + selected.val() + 
		'</span></a></dt>')
	$("#target_portfolio").append('<dd><ul></ul></dd>')

	options.each(function(){
		$("#target_portfolio dd ul").append('<li><a href="#" onclick="return false">' + 
			$(this).text() + '<span class="value">' + 
			$(this).val() + '</span></a></li>');
	});
}