function TelerikMenu_Build() {
    $('.ToolkitMenuContainer').each(function () {
        if ($(this).find('.hidToolkitMenuSkin').val() == '') {
            var backColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuBackColorUsage').val());
            var hoverBackColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuHoverBackColorUsage').val());
            var textColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuTextColorUsage').val());
            var hoverTextColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuHoverTextColorUsage').val());
            var borderColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuBorderColorUsage').val());
            var childbackColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuChildBackColorUsage').val());
            var childhoverBackColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuChildHoverBackColorUsage').val());
            var childtextColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuChildTextColorUsage').val());
            var childhoverTextColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuChildHoverTextColorUsage').val());
            var childborderColor = GetTelerikMenuHexColorFromColorUsage($(this).find('.hidToolkitMenuChildBorderColorUsage').val());

            //set text color
            $(this).find('.rmRootGroup .rmText').css('color', textColor);

            //child text color
            $(this).find('.rmSlide .rmText').css('color', childtextColor);

            //hover text color
            $(this).find('.rmRootGroup .rmText').hover(function () {
                $(this).css('color', hoverTextColor);
            }, function () {
                $(this).css('color', textColor);
            });

            //child hover text color
            $(this).find('.rmSlide .rmText').hover(function () {
                $(this).css('color', childhoverTextColor);
            }, function () {
                $(this).css('color', childtextColor);
            });

            //set back color
            if ($(this).find('.hidToolkitMenuBackground').val() == '') {
                $(this).find('.rmRootGroup').css('background-color', backColor);
                $(this).find('.rmRootGroup .rmItem').css('background-color', backColor);
            }

            //set child back color
            var columns = $('.hidToolkitMenuRepeatColumns').val();
            if (columns == '1') {
                $(this).find('.rmGroup').css('background-color', childbackColor);
            }
            else {
                $(this).find('.rmMultiColumn').css('background-color', childbackColor);
            }
            $(this).find('.rmGroup .rmItem').css('background-color', childbackColor);

            //set hover back color
            if ($(this).find('.hidToolkitMenuBackground').val() == '') {
                $(this).find('.rmRootGroup .rmItem').hover(function () {
                    $(this).css('background-color', hoverBackColor);
                }, function () {
                    $(this).css('background-color', backColor);
                });
            }

            //set child hover back color
            $(this).find('.rmGroup .rmItem').hover(function () {
                $(this).css('background-color', childhoverBackColor);
            }, function () {
                $(this).css('background-color', childbackColor);
            });

            //set border color
            $(this).find('.rmRootGroup').css('border', 'solid 1px ' + borderColor);

            //set child border color
            if (columns == '1') {
                $(this).find('.rmGroup').css('border', 'solid 1px ' + childborderColor);
            }
            else {
                $(this).find('.rmMultiColumn').css('border', 'solid 1px ' + childborderColor);
            }


        }

        var fontType = $(this).find('.hidToolkitMenuFontType').val() + ',Arial,sans-serif';
        var fontSize = $(this).find('.hidToolkitMenuFontSize').val();
        $(this).find('.rmText').css('font-family', fontType);
        $(this).find('.rmText').css('font-size', fontSize);
        $(this).find('.rmItem').css('font-family', fontType);
        $(this).find('.rmItem').css('font-size', fontSize);
        $(this).find('.rmRootGroup').css('font-family', fontType);
        $(this).find('.rmRootGroup').css('font-size', fontSize);
        $(this).find('.RadMenu').css('font-family', fontType);
        $(this).find('.RadMenu').css('font-size', fontSize);
        $(this).find('.rmLink').css('font-family', fontType);
        $(this).find('.rmLink').css('font-size', fontSize);
    });


}

function GetTelerikMenuHexColorFromColorUsage(usage) {
    switch (usage.toLowerCase()) {
        case "darkcolor":
            return $('.hidToolkitMenuDarkColor').val();
            break;
        case "accentcolor":
            return $('.hidToolkitMenuAccentColor').val();
            break;
        case "shadowcolor":
            return $('.hidToolkitMenuShadowColor').val();
            break;
        case "sitebgcolor":
            return $('.hidToolkitMenuSiteBGColor').val();
            break;
        case "bgcolor":
            return $('.hidToolkitMenuBGColor').val();
            break;
    }
}