/***************************************************************************** It is adviced to place the sIFR JavaScript calls in this file, keeping it separate from the `sifr.js` file. That way, you can easily swap the `sifr.js` file for a new version, while keeping the configuration. You must load this file *after* loading `sifr.js`. That said, you're of course free to merge the JavaScript files. Just make sure the copyright statement in `sifr.js` is kept intact. *****************************************************************************/ // Make an object pointing to the location of the Flash movie on your web server. // Try using the font name as the variable name, makes it easy to remember which // object you're using. As an example in this file, we'll use Futura. var bliss = { src: '/sifr/flash/bliss.swf', ratios: [8, 1.3, 11, 1.22, 12, 1.2, 18, 1.19, 23, 1.15, 32, 1.14, 34, 1.12, 35, 1.13, 48, 1.12, 77, 1.11, 78, 1.1, 81, 1.11, 89, 1.1, 90, 1.11, 1.1] }; var bliss0 = { src: '/sifr/flash/bliss0.swf', ratios: [8, 1.3, 11, 1.22, 12, 1.2, 18, 1.19, 23, 1.15, 32, 1.14, 34, 1.12, 35, 1.13, 48, 1.12, 77, 1.11, 78, 1.1, 81, 1.11, 89, 1.1, 90, 1.11, 1.1] }; var blissBold = { src: '/sifr/flash/blissBold.swf', ratios: [6, 0.66, 7, 0.57, 10, 0.49, 12, 0.56, 13, 0.6, 15, 0.65, 16, 0.73, 18, 0.75, 20, 0.79, 21, 0.84, 23, 0.85, 26, 0.88, 31, 0.92, 36, 0.96, 41, 0.99, 46, 1.02, 51, 1.04, 58, 1.05, 63, 1.07, 72, 1.08, 77, 1.09, 86, 1.1, 87, 1.11, 88, 1.1, 95, 1.11, 97, 1.12, 98, 1.11, 108, 1.12, 109, 1.13, 111, 1.12, 1.13] }; blissBold.thickness = 70; var blissBold0 = { src: '/sifr/flash/blissBold0.swf', ratios: [8, 1.17, 14, 1.16, 24, 1.17, 25, 1.18, 30, 1.17, 34, 1.18, 35, 1.19, 39, 1.18, 40, 1.19, 44, 1.18, 45, 1.19, 46, 1.18, 56, 1.19, 57, 1.18, 1.19] }; var blissBold2 = { src: '/sifr/flash/blissBold2.swf', ratios: [8, 1.41, 10, 1.32, 11, 1.31, 15, 1.29, 19, 1.28, 25, 1.25, 27, 1.23, 31, 1.24, 37, 1.23, 41, 1.22, 42, 1.23, 53, 1.22, 92, 1.21, 93, 1.2, 97, 1.21, 98, 1.2, 101, 1.21, 103, 1.2, 104, 1.21, 108, 1.2, 109, 1.21, 113, 1.2, 114, 1.21, 1.2] }; var blissBold2a = { src: '/sifr/flash/blissBold2v1.swf', ratios: [8, 1.41, 10, 1.32, 11, 1.31, 15, 1.29, 19, 1.28, 25, 1.25, 27, 1.23, 31, 1.24, 37, 1.23, 41, 1.22, 42, 1.23, 53, 1.22, 92, 1.21, 93, 1.2, 97, 1.21, 98, 1.2, 101, 1.21, 103, 1.2, 104, 1.21, 108, 1.2, 109, 1.21, 113, 1.2, 114, 1.21, 1.2] }; var blissBold5 = { src: '/sifr/flash/blissBold5.swf', ratios: [7, 0.68, 9, 0.74, 11, 0.78, 13, 0.87, 16, 0.91, 18, 0.97, 23, 0.98, 28, 1.03, 32, 1.06, 38, 1.08, 44, 1.09, 49, 1.1, 54, 1.11, 57, 1.12, 67, 1.13, 77, 1.14, 78, 1.15, 83, 1.14, 98, 1.15, 99, 1.16, 100, 1.15, 101, 1.16, 103, 1.15, 1.16] }; //// Now you can set some configuration settings. //// See also . //// One setting you probably want to use is `sIFR.useStyleCheck`. Before you do that, //// read . //// sIFR.useStyleCheck = true; //// Next, activate sIFR: sIFR.activate(bliss, bliss0, blissBold, blissBold0, blissBold2, blissBold5, blissBold2a); // If you want, you can use multiple movies, like so: // // var futura = { src: '/path/to/futura.swf' }; // var garamond = { src '/path/to/garamond.swf' }; // var rockwell = { src: '/path/to/rockwell.swf' }; // // sIFR.activate(futura, garamond, rockwell); // // Remember, there must be *only one* `sIFR.activate()`! // Now we can do the replacements. You can do as many as you like, but just // as an example, we'll replace all `

` elements with the Futura movie. // // The first argument to `sIFR.replace` is the `futura` object we created earlier. // The second argument is another object, on which you can specify a number of // parameters or "keyword arguemnts". For the full list, see "Keyword arguments" // under `replace(kwargs, mergeKwargs)` at // . // // The first argument you see here is `selector`, which is a normal CSS selector. // That means you can also do things like '#content h1' or 'h1.title'. // // The second argument determines what the Flash text looks like. The main text // is styled via the `.sIFR-root` class. Here we've specified `background-color` // of the entire Flash movie to be a light grey, and the `color` of the text to // be red. Read more about styling at . //primary navigation on-state sIFR.replace(bliss, { selector: '#primary-nav ul li#on' , css: [ '.sIFR-root { text-align:center; font-weight: bold; color:#FD3D07; font-size:14px; }' , 'a { text-decoration: none; color:#FD3D07;}' , 'a:link { color:#FD3D07; }' , 'a:hover { color:#FD3D07; }' ], wmode: 'transparent' , offsetTop: 0 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //primary navigation sIFR.replace(bliss, { selector: '#primary-nav ul li' , css: [ '.sIFR-root { text-align:center; font-weight: bold; color:#006fc4; font-size:14px; }' , 'a { text-decoration: none; color:#006fc4;}' , 'a:link { color:#006fc4; }' , 'a:hover { color:#FD3D07; }' ], wmode:'transparent' , offsetTop: 0 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //detail page h1 sIFR.replace(blissBold2, { selector: '.detail-text h1, #search-results h1', css:'.sIFR-root { color:#631d76; font-size:36px;}', wmode:'transparent' , offsetTop: -10 , offsetLeft: 0 , tuneHeight: 10 , selectable: true }); //business overview h1 sIFR.replace(blissBold, { selector: '#landing.business-overview h1', css: '.sIFR-root { background-color: #ffffff; color:#631d76; font-size:55px; }' ,wmode: 'transparent' , offsetTop: 0 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //case studies h1 sIFR.replace(blissBold2, { selector: '#landing.case-studies h1', css: '.sIFR-root { color:#03476E; font-size:36px;}', wmode: 'transparent' , offsetTop: -10 , offsetLeft: 0 , tuneHeight: 3 , selectable: true }); //case study banner h1 sIFR.replace(blissBold2, { selector: '#cs-banner h1', css: '.sIFR-root { color:#03476E; font-size:18px;}', wmode: 'transparent' , offsetTop: -4 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //governance - board members h1 sIFR.replace(blissBold2, { selector: '#wide.board-members h1', css: '.sIFR-root { color:#631d76; font-size:36px;}', wmode: 'transparent' , offsetTop: -11 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //business review sub landing h1 sIFR.replace(blissBold5, { selector: '#wide #landing-text-narrow h1', css:'.sIFR-root { color:#631d76; font-size:36px;}', wmode:'transparent' , offsetTop: -10 , offsetLeft: 0 , tuneHeight: 10 , selectable: true }); //wide page h1 sIFR.replace(blissBold2, { selector: '#wide h1', css: '.sIFR-root { color:#631d76; font-size:36px;}', wmode: 'transparent' , offsetTop: -10 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //downloads page h1 sIFR.replace(blissBold2, { selector: '.detail-text-wide h1', css: '.sIFR-root { color:#631d76; font-size:36px;}', wmode: 'transparent' , offsetTop: -10 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //KPI large figures sIFR.replace(bliss0, { selector: '#kpis .accountsTable .lrg-text', css: '.sIFR-root { color:#631d76; font-size:25px; text-align:right; font-weight:bold;}', wmode: 'transparent' , offsetTop: 7 , offsetLeft: 0 , offsetRight: -10 , tuneHeight: 0 , selectable: true }); //KPI medium figures sIFR.replace(bliss0, { selector: '#kpis .accountsTable .md-text1', css: '.sIFR-root { color:#FD3D07; font-size:25px; text-align:right;}', wmode: 'transparent' , offsetTop: 7 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //Managing our business responsibily KPI large figures sIFR.replace(bliss0, { selector: '#non-fin-kpi .accountsTable .lrg-text', css: '.sIFR-root { color:#631d76; font-size:25px; text-align:right; font-weight:bold;}', wmode: 'transparent' , offsetTop: 0 , offsetLeft: 0 , offsetRight: -10 , tuneHeight: 0 , selectable: true }); //Managing our business responsibily KPI medium figures sIFR.replace(bliss0, { selector: '#non-fin-kpi .accountsTable .md-text1', css: '.sIFR-root { color:#FD3D07; font-size:25px; text-align:right;}', wmode: 'transparent' , offsetTop: 0 , offsetLeft: 0 , tuneHeight: 0 , selectable: true }); //sIFR.debug.ratios({ src: '/sifr/flash/blissBold5.swf', selector: 'h1' });