/* filterColors maps IDs of sifr headers to their respective glow and shadow colors */ var filterColors = { 'red-banner': { 'glowColor': '#ed3044', 'shadowColor': '#b21323' }, 'orange-banner': { 'glowColor': '#ff9025', 'shadowColor': '#e56900' }, 'yellow-banner': { 'glowColor': '#fecd02', 'shadowColor': '#c99f09' }, 'green-banner': { 'glowColor': '#7fc747', 'shadowColor': '#529916' }, 'light-blue-banner': { 'glowColor': '#28b8e4', 'shadowColor': '#0086b3' }, 'blue-banner': { 'glowColor': '#2d92de', 'shadowColor': '#0043a2' }, 'purple-banner': { 'glowColor': '#c366c8', 'shadowColor': '#7c097e' } } function getGlowColor(id) { return filterColors[id].glowColor; } function getShadowColor(id) { return filterColors[id].shadowColor; } var chalet = { src: '/_ui/js/chalet_ny1980.swf' }; sIFR.activate(chalet); $(document).observe('dom:loaded', function() { var selector = '.sifr-header'; // Selector of the header if ($$(selector).length == 0) return; var id = $$(selector).first().up().id; // TODO: use sIFR API for getting the element sIFR.replace(chalet, { selector: selector, css: ['.sIFR-root { color: #ffffff; letter-spacing: -1; }', '.sIFR-root .sIFR-class-sup { font-size: 50%; }'], filters: { Glow: { strength: 10, color: getGlowColor(id) }, DropShadow: { knockout: false, distance: 3, color: getShadowColor(id) } }, wmode: "transparent" }); });