$(document).ready(function () {
    initBtn();
    animateLanguageBtn();
    animateCurrencyBtn();
});

var lngActif_left = 0;
var curActif_left = 0;


function initBtn() {
    lngActif_left = $('.lngActif').position().left;
    curActif_left = $('.curActif').position().left;
    $('.currentLanguage').css({
        'left': lngActif_left + 'px',
        'visibility': 'visible'
    });
    $('.currentCurrency').css({
        'left': curActif_left + 'px',
        'visibility': 'visible'
    });
}


function animateLanguageBtn() {
    var lngInactif_left = 0;
    var lng_move_value = 0;
    var newlngActif = 0;

    $('.topNavLanguages').find('li').each(function () {
        if ($(this).attr('class') == '') {
            lngInactif_left = $(this).position().left;
        }
    });

    lng_move_value = lngInactif_left - lngActif_left;
    newlngActif = $('.currentLanguage').position().left + lng_move_value;

    $('.topNavLanguages').find('li').mouseenter(function () {
        if ($(this).attr('class') == '') {
            $('.currentLanguage').stop(true, true).animate({ "left": newlngActif + 'px' }, 250);
        }
    });

    $('.topNavLanguages').find('li').mouseleave(function () {
        $('.currentLanguage').stop(true, true).animate({ "left": lngActif_left + 'px' }, 250);
    });
}

function animateCurrencyBtn() {
    var curInactif_left = 0;
    var cur_move_value = 0;
    var newCurActif = 0;


    $('.topNavCurrency').find('li').each(function () {
        if ($(this).attr('class') == '') {
            curInactif_left = $(this).position().left;
        }
    });

    cur_move_value = curInactif_left - curActif_left;
    newCurActif = $('.currentCurrency').position().left + cur_move_value;

    $('.topNavCurrency').find('li').mouseenter(function () {
        if ($(this).attr('class') == '') {
            $('.currentCurrency').stop(true, true).animate({ "left": newCurActif + 'px' }, 250);
        }
    });

    $('.topNavCurrency').find('li').mouseleave(function () {
        $('.currentCurrency').stop(true, true).animate({ "left": curActif_left + 'px' }, 250);
    });
}