$(document).ready(function() {

	// --- currency dropdown --- //

	// turn select into dl
	ccreateDropDown();
	
	var $dropTrigger = $(".cdropdown dt a");
	var $languageList = $(".cdropdown dd ul");
	
	// open and close list when button is clicked
	$dropTrigger.toggle(function() {
		$languageList.slideDown(200);
		$dropTrigger.addClass("active");
	}, function() {
		$languageList.slideUp(200);
		$(this).removeAttr("class");
	});

	// close list when anywhere else on the screen is clicked
	$(document).bind('click', function(e) {
		var $clicked = $(e.target);
		if (! $clicked.parents().hasClass("cdropdown"))
			$languageList.slideUp(200);
			$dropTrigger.removeAttr("class");
	});

	// when a language is clicked, make the selection and then hide the list
	$(".cdropdown dd ul li a").click(function() {
		var clickedValue = $(this).parent().attr("class");
		var clickedTitle = $(this).find("em").html();
		$("#ctarget dt").removeClass().addClass(clickedValue);
		$("#ctarget dt em").html(clickedTitle);
		$languageList.hide();
		$dropTrigger.removeAttr("class");
		$.cookie('moneda',$(this).parent().attr("class"),{path:'/'});
		//window.location.href='<?=BASEURL?><?=substr($url_idioma,1)?>.html#'+tabact;
		//window.location.reload(true);
	});
});

	// actual function to transform select to definition list
	function ccreateDropDown(){
		var $form = $("div#currency-select form");
		$form.hide();
		var source = $("#currency-options");
		source.removeAttr("autocomplete");
		var selected = source.find("option:selected");
		var options = $("option", source);		
		/*$("#country-select").append('<div style="text-align:left">'+$("#country-select").attr("title")+'</div>')*/
		$("#div_moneda").append('<dl id="ctarget" class="cdropdown"></dl>')
		$("#ctarget").append('<dt class="' + selected.val() + '"><a href="#"><span class="flag"></span><em>' + selected.text() + '</em><img src="/images/flecha01.png"  border="0" /></a></dt>')
		$("#ctarget").append('<dd><ul></ul></dd>')
		options.each(function(){ 
		    if ($(this).val()!=selected.val()) {
			  $("#ctarget dd ul").append('<li class="' + $(this).val() + '"><a href="' + $(this).attr("name") + '"><span class="flag"></span><em>' + $(this).text() + '</em></a></li>');
			} 
			});
	}