// JAVASCRIPT DOCUMENT

    function elastoNav(w) {
        var curwidth = 0;
        var totalelements = 0;

        $("#mainMenu").children('li').each(function (i) {
            var wdth = 0;
            wdth = $(this).width();
            curwidth = curwidth + $(this).outerWidth();
            totalelements = totalelements + 1;
        });

        if ((w - curwidth) > 0) {
            var pad = Math.floor(((w - curwidth)/totalelements)/2);
            $('#mainMenu li a').css('padding-left', pad + 'px').css('padding-right', pad + 'px');

            // CHECK FOR THE REMAINDER
            var newwidth = curwidth + (totalelements * (pad * 2));
            
            // ADD PADDING TO LAST ELEMENT TO CLOSE THE REMAINDER GAP	
            if (newwidth<w) {
                var remainder = w - newwidth;
                $("#mainMenu li a:last").css('padding-right', (pad + remainder) + 'px');
            }
        }
        if ($.client.os == "Mac" && $.client.browser == "Firefox")
        {
            var macFoxAdjustment = parseInt($('#mainMenu').children('li:last-child').children('a').css('padding-right')) - 1;
            $('#mainMenu').children('li:last-child').children('a').css('padding-right', macFoxAdjustment + 'px');
        }
            
    }