$(document).ready(function() {
	
	// lang-dropdown
	var $dropTrigger = $("#lang-dropdown dt a");
	var $languageList = $("#lang-dropdown dd ul");
	
	// country-select
	var $dropTrigger1 = $("#country-select dt a");
	var $languageList1 = $("#country-select dd ul");

	// close list when anywhere else on the screen is clicked
	$('body').bind('click', function(e) {
		var $clicked = $(e.target);
		if (! $clicked.parents().hasClass("dropdown"))
		{

			$languageList.slideUp(200);
			$dropTrigger.removeClass("active");

			$languageList1.slideUp(200);
			$dropTrigger1.removeClass("active");
		}
	});

	// --- language dropdown --- //
	
	// open and close list when button is clicked
	$dropTrigger.click(
		function() {
			if(!$(this).hasClass("active")) {
				$languageList.show();
				$(this).addClass("active");
			}
			else {
				$languageList.slideUp(200);
				$(this).removeClass("active");
			}
		}
	);

	// when a language is clicked, make the selection and then hide the list
	$("#lang-dropdown dd ul li a").click(function() {
		var clickedValue = $(this).find("span").attr("class");
		var clickedTitle = $(this).find("em").html();

		$("#lang-dropdown dt a span").removeClass().addClass(clickedValue);
		$("#lang-dropdown dt em").html(clickedTitle);
		$languageList.hide();
		$dropTrigger.removeClass("active");
	});

	// --- country selection --- //
	
	// open and close list when button is clicked
	$dropTrigger1.click(
		function() {
			if(!$(this).hasClass("active")) {
				$languageList1.show();
				$(this).addClass("active");
			}
			else {
				$languageList1.slideUp(200);
				$(this).removeClass("active");
			}
		}
	);

	// when a language is clicked, make the selection and then hide the list
	$("#country-select dd ul li a").click(function() {
		var clickedValue = $(this).find("span").attr("class");
		var clickedTitle = $(this).find("em").html();
		var clickedCode = $(this).find("span").attr("code");

		$("#country-select dt a span").removeClass().addClass(clickedValue);
		$("#country-select dt em").html(clickedTitle);
		$("#user_country").attr('country_name', clickedTitle);
		$("#user_country").val(clickedCode);

		$languageList1.slideUp(200);
		$dropTrigger1.removeClass("active");
	});
});