$(document).ready(function() {
	//HIDE SELECT BOX [STANDARD]
	$("#sourcecountry").hide();
	
	createDropDown();
	
	$(".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();
	});
	
	$(".dropd").mouseleave(function(){
		$(".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 = $("#dropd");
		//source.val($(this).find("span.value").html())
	});

});

function createDropDown(){
	var source = $("#sourcecountry");
	var source2= $("#sourcetype");
	
	var selected = source.find("option[selected]");
	var options = $("option", source);
	
	$(".dropd").append('<dl id="target" class="dropdown"></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>');
	});
}