$(document).ready(function() {
	set_dropdown('secret_question_list', 'secret_question');
	set_dropdown('pc_rank_list', 'pc_rank');
});

function set_dropdown(dropdown_id, field_id) {
	var lang = false;
	if ($('#'+dropdown_id).hasClass('language-list')) lang = true;

	$('#'+dropdown_id+' input[value^="'+$('#'+field_id).val()+'"]').parent().addClass('active');

	$('#'+dropdown_id).addClass('clicked_'+dropdown_id);
	$("#"+dropdown_id+" dt a").click(function() {
		$("#"+dropdown_id+" dd ul").toggle();
		if ($("#"+dropdown_id+" dd ul").is(':hidden'))
			return;

		var o = $("#"+dropdown_id+" dd ul li.active").position();
		var s = $("#"+dropdown_id+" dd ul").scrollTop();

		$("#"+dropdown_id+" dd ul").scrollTop(o.top + s);
	});

	$("#"+dropdown_id+" dd ul li a").click(function(event) {
		if (!$("#"+dropdown_id).hasClass('active-link')) event.preventDefault();
		var text = $(this).html();
		var hidden_value = $(this).next(':input[type=hidden]').val();
		$("#"+dropdown_id+" dt a span").html(text);
		if (lang) {
			$("#"+dropdown_id+" dt a span").css('background-image', $(this).css('background-image'));
		}
		$("#"+dropdown_id+" dd ul").hide();
		$('#'+field_id).val(hidden_value ? hidden_value : text);

		$("#"+dropdown_id+" dd ul li").removeClass('active');
		$(this).parent().addClass('active');
	});

	$(document).bind('click', function(e) {
		var $clicked = $(e.target);
		if (!$clicked.parents().hasClass("clicked_"+dropdown_id)) {
			$(".clicked_"+dropdown_id+" dd ul").hide();
		}
	});
}