function addGradientBackgrounds() {
    var allTagNames = document.getElementsByTagName("*");
    for (i = 0; i < allTagNames.length; i++) {
        if (allTagNames[i].className == 'menuBox') {
            allTagNames[i].style.backgroundImage = "url('" + getImageUrlByHeight(allTagNames[i].offsetHeight) + "')";
            allTagNames[i].style.backgroundRepeat= "repeat-x";
            allTagNames[i].style.backgroundPosition = "0px 31px";
        }
    }
}

function getImageUrlByHeight(height) {
    var imagePathPrefix = "http://www.tatepublishing.com/images/gradient";
    var imagePathSuffix = ".png";
    if (height < 60) {
        var heightToUse = 55;
    } else if (height < 67) {
        var heightToUse = 65;
    } else if (height < 80) {
        var heightToUse = 75;
    } else if (height < 90) {
        var heightToUse = 85;
    } else if (height < 100) {
        var heightToUse = 95;
    } else if (height < 110) {
        var heightToUse = 105;
    } else if (height < 120) {
        var heightToUse = 115;
    } else if (height < 130) {
        var heightToUse = 125;
    } else if (height < 140) {
        var heightToUse = 135;
    } else if (height < 150) {
        var heightToUse = 145;
    } else if (height < 160) {
        var heightToUse = 155;
    } else if (height < 170) {
        var heightToUse = 165;
    } else if (height < 180) {
        var heightToUse = 175;
    } else if (height < 190) {
        var heightToUse = 185;
    } else {
        var heightToUse = 195;
    }
    return imagePathPrefix + heightToUse + imagePathSuffix;
}