function TelerikMenu_Build() {
    $('.ToolkitMenuContainer').each(function () {


        //if ($(this).find('.hidToolkitMenuSkin').val() == '') {
        if ($(this).attr('menuskin') == '') {

            var bcu = $(this).find('.hidToolkitMenuBackColorUsage').val();
            var backColor = (bcu != '') ? GetTelerikMenuHexColorFromColorUsage(bcu) : '';

            var hcu = $(this).find('.hidToolkitMenuHoverBackColorUsage').val();
            var hoverBackColor = (hcu != '') ? GetTelerikMenuHexColorFromColorUsage(hcu) : '';

            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
            if (borderColor != undefined) {
                $(this).find('.rmRootGroup').css('border', 'solid 1px ' + borderColor);
            }


            if (childbackColor != undefined) {
                //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);
        $(this).find('.rmLink').css('text-decoration', 'none');
    });


}

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;
    }
}