jQuery(document).ready(function() {
	createDropDown('jumpselect',1);
	
	//jQuery('#topnav .dropdowninlay dd ul li[value="0"]').hide(); // ka: removes first element of definition-list
});

function createDropDown(containerClass,hidefirst){
	var selected = jQuery('.'+containerClass+' select').find("option[selected]");

	jQuery('.'+containerClass+' select').after('<dl class="dropdowninlay"></dl>');
	jQuery('.'+containerClass+' .dropdowninlay').append('<dt><a href="javascript:void(0);">' + selected.text() + 
		'<span class="value">' + selected.val() + '</span>' +
		'</a></dt>');
	jQuery('.'+containerClass+' .dropdowninlay').append('<dd><ul></ul></dd>');

	jQuery('.'+containerClass+' select option').each(function(){
		jQuery('.'+containerClass+' .dropdowninlay dd ul').append('<li value="'+jQuery(this).val()+'"><a href="javascript:void(0);">' + 
			jQuery(this).text() + '<span class="value">' + 
			jQuery(this).val() + '</span></a></li>');
	});
	
	jQuery('.'+containerClass+' .dropdowninlay dd ul li[value="0"]').hide();
	
	jQuery('.'+containerClass+' .dropdowninlay dt a').click(function(){
		jQuery('.'+containerClass+' .dropdowninlay dd ul').toggle();
	});
	
	jQuery(document).bind('click',function(e){
		var clicked = jQuery(e.target);
		if(!clicked.parents().hasClass(containerClass)) {
			jQuery('.'+containerClass+' .dropdowninlay dd ul').hide();
		}
	});
				
	jQuery('.'+containerClass+' .dropdowninlay dd ul li a').click(function(){
		var text = jQuery(this).html();
		if(hidefirst == 0) {
			jQuery('.'+containerClass+' .dropdowninlay dt a').html(text);
		}
		jQuery('.'+containerClass+' .dropdowninlay dd ul').hide();
		
		var source = jQuery('.'+containerClass+' select');
		source.val(jQuery(this).find("span.value").html());				
		jQuery('.'+containerClass+' select').change();
	});
}