$(document).ready(function() {
	createDropDown();
	
	$(".dropdown a").attr({"href":"javascript:void(0)"});
	
	$(".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 = $(".source,.source2");
		source.val($(this).find("span.value").html()).change();
	});
});
        
function createDropDown(){
	var source = $(".source,.source2");
	var selected = source.find("option[selected]");
	var options = $("option", source);
	
	$(".dropdown-select,.dropdown-select2").append('<dl id="target" class="dropdown dropdown2"></dl>')
	$("#target").append('<dt><a href="#">' + selected.text() + 
		'<span class="value">' + selected.val() + 
		'</span></a></dt>')
	$("#target").append('<dd><ul></ul></dd>')

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