function getCSSRule(ruleName, deleteFlag) {
    ruleName=ruleName.toLowerCase();
    if (document.styleSheets) {
        for (var i=0; i<document.styleSheets.length; i++) {
            var styleSheet=document.styleSheets[i];
            var ii=0;
            var cssRule=false;
            do {
                if (styleSheet.cssRules) {
                    cssRule = styleSheet.cssRules[ii];
                } else {
                    cssRule = styleSheet.rules[ii];
                }
                if (cssRule)  {
                    if (cssRule.selectorText.toLowerCase()==ruleName) {
                        if (deleteFlag=='delete') {
                            if (styleSheet.cssRules) {
                                styleSheet.deleteRule(ii);
                            } else {
                                styleSheet.removeRule(ii);
                            }
                            return true;
                        } else {
                            return cssRule;
                        }
                    }
                }
                ii++;
            } while (cssRule)
        }
    }
    return false;
}
 
function killCSSRule(ruleName) {
    return getCSSRule(ruleName,'delete');
}
 
function addCSSRule(ruleName) {
    if (document.styleSheets) {
        if (!getCSSRule(ruleName)) {
            if (document.styleSheets[0].addRule) {
                document.styleSheets[0].addRule(ruleName, null,0);
            } else {
                document.styleSheets[0].insertRule(ruleName+' { }', 0);
            }
        }
    }
    return getCSSRule(ruleName);
}

// 42px / number photos per row

function resize1() {
    var paddingright;
    if (available_width < 1024) {
        paddingright = 58;
    }
    if ((available_width >= 1024) && (available_width < 1152)) {
        paddingright = Math.floor(58 + ((available_width - 1024)/3));
    }
    if ((available_width >= 1152) && (available_width < 1280)) {
        paddingright = Math.floor(36 + ((available_width - 1152)/4));
    }
    if ((available_width >= 1280) && (available_width < 1366)) {
        paddingright = Math.floor(65 + ((available_width - 1280)/4));
    }
    if ((available_width >= 1366) && (available_width < 1440)) {
        paddingright = Math.floor(88 + ((available_width - 1366)/4));
    }
    if ((available_width >= 1440) && (available_width < 1600)) {
        paddingright = Math.floor(108 + ((available_width - 1440)/4));
    }
    if ((available_width >= 1600) && (available_width < 1680)) {
        paddingright = Math.floor(44 + ((available_width - 1600)/6));
    }
    if ((available_width >= 1680) && (available_width < 1920)) {
        paddingright = Math.floor(57 + ((available_width - 1680)/6));
    }
    if ((available_width >= 1920) && (available_width < 2048)) {
        paddingright = Math.floor(32 + ((available_width - 1920)/8));
    }
    if (available_width >= 2048) {
        paddingright = 50;
    }
    var startpageDiv = addCSSRule('div.startpage div span');
    startpageDiv.style.paddingRight='' + paddingright + 'px';
}

function resize2() {
    var paddingright;
    if (size == 0) {
        if (available_width < 1024) {
            paddingright = 34;
        }
        if ((available_width >= 1024) && (available_width < 1152)) {
            paddingright = Math.floor(34 + ((available_width - 1024)/4));
        }
        if ((available_width >= 1152) && (available_width < 1280)) {
            paddingright = Math.floor(66 + ((available_width - 1152)/4));
        }
        if ((available_width >= 1280) && (available_width < 1366)) {
            paddingright = Math.floor(21 + ((available_width - 1280)/6));
        }
        if ((available_width >= 1366) && (available_width < 1440)) {
            paddingright = Math.floor(36 + ((available_width - 1366)/6));
        }
        if ((available_width >= 1440) && (available_width < 1600)) {
            paddingright = Math.floor(48 + ((available_width - 1440)/6));
        }
        if ((available_width >= 1600) && (available_width < 1680)) {
            paddingright = Math.floor(24 + ((available_width - 1600)/8));
        }
        if ((available_width >= 1680) && (available_width < 1920)) {
            paddingright = Math.floor(34 + ((available_width - 1680)/8));
        }
        if ((available_width >= 1920) && (available_width < 2048)) {
            paddingright = Math.floor(62 + ((available_width - 1920)/8));
        }
        if (available_width >= 2048) {
            paddingright = 80;
        }
        result0 = result.replace(/span/gi, 'span style="width: 128px; padding-right: ' + paddingright + 'px"');
        document.getElementById("startpage").innerHTML = result0;
    }
    if (size == 1) {
        if (available_width < 1024) {
            paddingright = 58;
        }
        if ((available_width >= 1024) && (available_width < 1152)) {
            paddingright = Math.floor(58 + ((available_width - 1024)/3));
        }
        if ((available_width >= 1152) && (available_width < 1280)) {
            paddingright = Math.floor(36 + ((available_width - 1152)/4));
        }
        if ((available_width >= 1280) && (available_width < 1366)) {
            paddingright = Math.floor(65 + ((available_width - 1280)/4));
        }
        if ((available_width >= 1366) && (available_width < 1440)) {
            paddingright = Math.floor(88 + ((available_width - 1366)/4));
        }
        if ((available_width >= 1440) && (available_width < 1600)) {
            paddingright = Math.floor(108 + ((available_width - 1440)/4));
        }
        if ((available_width >= 1600) && (available_width < 1680)) {
            paddingright = Math.floor(44 + ((available_width - 1600)/6));
        }
        if ((available_width >= 1680) && (available_width < 1920)) {
            paddingright = Math.floor(57 + ((available_width - 1680)/6));
        }
        if ((available_width >= 1920) && (available_width < 2048)) {
            paddingright = Math.floor(32 + ((available_width - 1920)/8));
        }
        if (available_width >= 2048) {
            paddingright = 50;
        }
        result1 = result.replace(/span/gi, 'span style="width: 158px; padding-right: ' + paddingright + 'px"');
        document.getElementById("startpage").innerHTML = result1;
    }
    if (size == 2) {
        if (available_width < 1024) {
            paddingright = 79;
        }
        if ((available_width >= 1024) && (available_width < 1152)) {
            paddingright = Math.floor(79 + ((available_width - 1024)/2));
        }
        if ((available_width >= 1152) && (available_width < 1280)) {
            paddingright = Math.floor(143 + ((available_width - 1152)/2));
        }
        if ((available_width >= 1280) && (available_width < 1366)) {
            paddingright = Math.floor(54 + ((available_width - 1280)/3));
        }
        if ((available_width >= 1366) && (available_width < 1440)) {
            paddingright = Math.floor(83 + ((available_width - 1366)/3));
        }
        if ((available_width >= 1440) && (available_width < 1600)) {
            paddingright = Math.floor(107 + ((available_width - 1440)/3));
        }
        if ((available_width >= 1600) && (available_width < 1680)) {
            paddingright = Math.floor(58 + ((available_width - 1600)/4));
        }
        if ((available_width >= 1680) && (available_width < 1920)) {
            paddingright = Math.floor(78 + ((available_width - 1680)/4));
        }
        if ((available_width >= 1920) && (available_width < 2048)) {
            paddingright = Math.floor(138 + ((available_width - 1920)/4));
        }
        if (available_width >= 2048) {
            paddingright = 33;
        }
        result2 = result.replace(/span/gi, 'span style="width: 248px; padding-right: ' + paddingright + 'px"');
        document.getElementById("startpage").innerHTML = result2;
    }
}