//########### MENU TOP ############

$(document).ready(function () {

 //get the current position of the active-menu item
    var dleft = $('#liens-menu li.active-menu').offset().left - $('#liens-menu').offset().left;
    var dwidth = $('#liens-menu li.active-menu').width() + "px";

    //apply the current position of active-menu item to our floatr element
    $('.floatr').css({
        "left": dleft+"px",
        "width": dwidth
    });

    $('#liens-menu li').hover(function(){

        var left = $(this).offset().left - ($(this).parents('#liens-menu').offset().left + 0);
        var width = $(this).width() + "px";
        var sictranslate = "translate("+left+"px, 0px)";

        $(this).parent('ul').next('div.floatr').css({
            "width": width,
            "-webkit-transform": sictranslate,
            "-moz-transform": sictranslate
        });

    },

    function(){

        var left = $(this).siblings('li.active-menu').offset().left - ($(this).parents('#liens-menu').offset().left + 0);
        var width = $(this).siblings('li.active-menu').width() + "px";

        var sictranslate = "translate("+left+"px, 0px)";

        $(this).parent('ul').next('div.floatr').css({
            "width": width,
            "-webkit-transform": sictranslate,
            "-moz-transform": sictranslate

        });

    }).click(function(){

        $(this).siblings('li').removeClass('active-menu');

        $(this).addClass('active-menu');

        return false;

    });

});

function change_region(num_region) {
	var ShowItem = document.getElementById("area_image");
	var lienRegion = document.getElementById("region_" + num_region);
	ShowItem.style.backgroundImage = 'url(images/regions/region_' + num_region + '.png)';
	lienRegion.style.color = "#34BFEB";
	return true;
}

function restore_region(num_region) {
	var ShowItem = document.getElementById("area_image");
	var lienRegion = document.getElementById("region_" + num_region);
	ShowItem.style.backgroundImage = 'url()';
	lienRegion.style.color = "#72AA00";
	return true;
}

