/***************************************************************************** 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. *****************************************************************************/ if(typeof sIFR == "function"){ sIFR.bHideBrowserText = false; sIFR.setup(); }; // 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 din = { src: '/sifr/din.swf' ,ratios: [8,1.43,11,1.38,13,1.33,17,1.32,21,1.3,22,1.29,25,1.28,29,1.29,31,1.26,35,1.27,38,1.26,39,1.27,55,1.26,81,1.25,82,1.24,84,1.25,86,1.24,88,1.25,90,1.24,91,1.25,92,1.24,93,1.25,1.24] }; var dinmed = { src: '/sifr/dinmed.swf' ,ratios: [8,1.42,9,1.33,12,1.35,19,1.3,27,1.27,28,1.25,32,1.26,33,1.24,38,1.25,53,1.24,56,1.23,57,1.24,83,1.23,85,1.22,87,1.23,94,1.22,95,1.23,1.22] }; var cochin = { src: '/sifr/cochin.swf' }; // // 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.bHideBrowserText = false; sIFR.useStyleCheck = true; sIFR.activate(din, dinmed); // 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 . sIFR.replace(din, { selector: '.LISTING_ART', css: [ '.sIFR-root { color: #FFFFFF; background-color: #000000;margin-left:5; leading: -3; font-size: 20px;}' ], wmode: 'transparent'}); sIFR.replace(din, { selector: '.LISTING_TY', css: [ '.sIFR-root { color: #FFFFFF; background-color: #d71635; line-height:20px; font-size: 20px;}' ], wmode: 'transparent'}); sIFR.replace(din, { selector: '.BAR_BLUE', css: [ '.sIFR-root { color: #FFFFFF; background-color: #136B99; line-height:20px; font-size: 20px;}' ], wmode: 'transparent'}); sIFR.replace(din, { selector: '.sifr_listingtop', css: [ '.sIFR-root { color: #000000; line-height:21px; margin:0px 0px; padding:0px 0px; font-size: 21px;}' ], offsetTop:4, wmode: 'transparent'}); sIFR.replace(din, { selector: '.item_bold', css: [ '.sIFR-root { color: #000000; font-weight: 800; font-size:16px;}' ], wmode: 'transparent'}); sIFR.replace(dinmed, { selector: '.item_normal',css: [ '.sIFR-root { color: #000000; font-weight: 800;font-size:16px; }' ,'a { }' ,'a:link { color: #000000; }' ,'a:hover { color: #009ee4; }' ] , wmode: 'transparent'}); sIFR.replace(din, { selector: '.sifr_features',css: [ '.sIFR-root { color: #000000; }' ,'a { }' ,'a:link { color: #000000; }' ,'a:hover { color: #009ee4; }' ] , wmode: 'transparent'}); sIFR.replace(din, { selector: '.sifr_2', css: [ '.sIFR-root { color: #FFFFFF; background-color: #00b9f2; line-height:20px; font-size: 20px;}' ] }); sIFR.replace(din, { selector: '.sifr_1', css: [ '.sIFR-root { color: #FFFFFF; background-color: #d71635; line-height:20px; font-size: 20px;}' ] }); sIFR.replace(din, { selector: '.sifr_3', css: [ '.sIFR-root { color: #FFFFFF; background-color: #008f85; line-height:20px; font-size: 20px;}' ] }); sIFR.replace(din, { selector: '.sifr_4', css: [ '.sIFR-root { color: #FFFFFF; background-color: #b07b23; line-height:20px; font-size: 20px;}' ] }); sIFR.replace(din, { selector: '.sifr_5', css: [ '.sIFR-root { color: #FFFFFF; background-color: #bfc319; line-height:20px; font-size: 20px;}' ] }); sIFR.replace(din, { selector: '.sifr_6', css: [ '.sIFR-root { color: #FFFFFF; background-color: #6d4491; line-height:20px; font-size: 20px;}' ] }); sIFR.replace(din, { selector: '.sifr_7', css: [ '.sIFR-root { color: #FFFFFF; background-color: #ec008c; line-height:20px; font-size: 20px;}' ] }); sIFR.replace(din, { selector: '.sifr_8', css: [ '.sIFR-root { color: #FFFFFF; background-color: #f36f21; line-height:20px; font-size: 20px;}' ] });