$(document).ready(function () {

    // --- language dropdown --- //

    // turn select into dl
    createDropDown();

    var $dropTrigger = $(".dropdown dt a");
    var $languageList = $(".dropdown 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("dropdown"))
            $languageList.slideUp(200);
        $dropTrigger.removeAttr("class");
    });

    // when a language is clicked, make the selection and then hide the list
    $(".dropdown dd ul li a").click(function () {
        var clickedValue = $(this).parent().attr("class");
        var clickedTitle = $(this).find("em").html();
        $("#target dt").removeClass().addClass(clickedValue);
        $("#target dt em").html(clickedTitle);
        $languageList.hide();
        $dropTrigger.removeAttr("class");
        //Redirect to current page in selected language BEGIN
        var redirectToUrl = $(this).attr('href');
        if (location.pathname.toLowerCase().indexOf('products') != -1) {
            redirectToUrl = location.pathname.toLowerCase().replace(getUrlLanguage(), redirectToUrl) + location.search + location.hash;
        }
        location.assign(redirectToUrl);
        return false;
        //Redirect to current page in selected language END
    });
});

// actual function to transform select to definition list
function createDropDown(){
	var $form = $("div#languageSelector");
	$form.hide();
	var source = $("#languageOptions");
	source.removeAttr("autocomplete");
    //Find selected option based on current window.location
	//var selected = source.find("option:selected");
	var curLng = getUrlLanguage();
	var selected = source.find('option[title*="' + curLng + '"]');
    //
    var options = $("option[title!='" + curLng + "']", source);
    $("div#languageSelectorOuter").prepend('<dl id="target" class="dropdown"></dl>')
	$("#target").append('<dt class="' + selected.val() + '"><a href="#"><span class="flag"></span><em>' + selected.text() + '</em></a></dt>')
	$("#target").append('<dd><ul></ul></dd>')
	options.each(function(){
		$("#target dd ul").append('<li class="' + $(this).val() + '"><a href="' + $(this).attr("title") + '"><span class="flag"></span><em>' + $(this).text() + '</em></a></li>');
		});
}

function getUrlLanguage() {
    var url = location.pathname;
    url = url.substring(0, url.indexOf('/', 1));
    return url.toLowerCase();
}

function gotoLanguageRoot() {
    window.location = getUrlLanguage();
}