$(document).ready(function() {
 	
	createDropDown('wire', $("#wiredrop"), $("#wireselect"));
    syncDropDown('wire', $("#wiredrop"));

	createDropDown('rope', $("#ropedrop"), $("#ropeselect"));
    syncDropDown('rope', $("#ropedrop"));

	createDropDown('market', $("#marketdrop"), $("#marketselect") );
    syncDropDown('market', $("#marketdrop"));

	createDropDown('lang', $("#langdrop"), $("#langselect") );
    syncDropDown('lang', $("#langdrop"));


	
    $("#langtarget.dropdown dt a").addClass('uk');




});

function createDropDown(name, source, appendto){
   
    var selected = source.find("option[selected]");
    var options = $("option", source);
    
    appendto.append('<dl id="'+name+'target" class="dropdown"></dl>')
    $("#"+name+"target").append('<dt><a href="#">' + selected.text() + 
        '<span class="value">' + selected.val() + 
        '</span></a></dt>');
    $("#"+name+"target").append('<dd><ul></ul></dd>');

    options.each(function(){
        $("#"+name+"target dd ul").append('<li class="'+$(this).val()+'"><a href="#">' + 
            $(this).text() + '<span class="value">' + 
            $(this).val() + '</span></a></li>');
    });
}

function syncDropDown(name, source){
	
    $("#"+name+"target.dropdown dt a").click(function() {
		$(".dropdown dd ul").hide();
        $("#"+name+"target.dropdown dd ul").toggle('fast');
    });

    $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if (! $clicked.parents().hasClass("dropdown"))
            $("#"+name+"target.dropdown dd ul").hide();
    });
            
    $("#"+name+"target.dropdown dd ul li a").click(function() {

        var text = $(this).html();
        $("#"+name+"target.dropdown dt a").html(text);

		var tclass = $(this).children("span").html();
		
		/*
        Flag Code
		$("#"+name+"target.dropdown dt a").removeClass('uk');
        $("#"+name+"target.dropdown dt a").removeClass('us');
        $("#"+name+"target.dropdown dt a").removeClass('chinese');
        $("#"+name+"target.dropdown dt a").addClass(tclass);
		*/


        $("#"+name+"target.dropdown dd ul").hide();
    
        /*var source = $("#ropedrop");*/
        source.val($(this).find("span.value").html())
		
	window.location = $(this).find("span.value").html();
		
    });
}