/***************************************************************************** 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 gothamlight = { src: '/swf/gothamlight.swf' }; var gothambook = { src: '/swf/gothambook.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.ua.supported = sIFR.ua.supported && (!sIFR.ua.ie || sIFR.ua.ieVersion > 6); sIFR.activate(gothamlight); sIFR.activate(gothambook); // 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(gothamlight, { selector: 'body#page_home .primary h1, body#page_password .primary h1, body#page_error .primary h1, body#page_sitemap .primary h1, body#page_tour .primary h1, body#page_about .primary h1, body#page_terms .primary h1, body#page_privacy .primary h1, body#page_subscribe .primary h1, body#page_contact .primary h1, body#page_sample_video .primary h1, body#page_our-work .primary h1, body#page_our-work-1 .primary h1, body#page_our-work-2 .primary h1, body#page_our-work-3 .primary h1, body#page_our-work-4 .primary h1, body#page_our-work-5 .primary h1, body#page_our-work-6 .primary h1, body#page_our-work-7 .primary h1, body#page_our-work-8 .primary h1, body#page_our-work-9 .primary h1, body#page_sample-1 .primary h1, body#page_sample-2 .primary h1, body#page_sample-3 .primary h1, body#page_sample-4 .primary h1, body#page_sample-5 .primary h1, body#page_sample-6 .primary h1, body#page_sample-7 .primary h1, body#page_sample-8 .primary h1, body#page_sample-9 .primary h1, body#page_sample-10 .primary h1, body#page_showcase-1 .primary h1, body#page_showcase-2 .primary h1, body#page_showcase-3 .primary h1, body#page_showcase-4 .primary h1, body#page_showcase-5 .primary h1, body#page_showcase-6 .primary h1, body#page_showcase-7 .primary h1, body#page_showcase-8 .primary h1, body#page_showcase-9 .primary h1, body#page_showcase-10 .primary h1, body#page_client-area-1 .primary h1, body#page_client-area-2 .primary h1, body#page_client-area-3 .primary h1, body#page_client-area-4 .primary h1, body#page_client-area-5 .primary h1, body#page_client-area-6 .primary h1, body#page_client-area-7 .primary h1, body#page_client-area-8 .primary h1, body#page_client-area-9 .primary h1, body#page_client-area-10 .primary h1', css: '.sIFR-root { font-size:33px; font-weight:normal; color:#B0AFAF; background-color:#151515; }' }); sIFR.replace(gothamlight, { selector: 'body#page_tv .primary h1', css: '.sIFR-root { font-size:33px; font-weight:normal; color:#d2223e; background-color:#151515; }' }); sIFR.replace(gothamlight, { selector: 'body#page_radio .primary h1', css: '.sIFR-root { font-size:33px; font-weight:normal; color:#008fc4; background-color:#151515; }' }); sIFR.replace(gothamlight, { selector: 'body#page_video .primary h1, body#page_video-corporate .primary h1, body#page_video-online .primary h1, body#page_video-promotional .primary h1, body#page_video-videocall .primary h1', css: '.sIFR-root { font-size:33px; font-weight:normal; color:#fdb813; background-color:#151515; }' }); sIFR.replace(gothamlight, { selector: 'body#page_online .primary h1, body#page_online-news-release .primary h1, body#page_online-podcasts .primary h1, body#page_online-video .primary h1', css: '.sIFR-root { font-size:33px; font-weight:normal; color:#d23e8a; background-color:#151515; }' }); sIFR.replace(gothamlight, { selector: 'body#page_photography .primary h1, body#page_photography-pr-photography .primary h1, body#page_photography-consultancy .primary h1, body#page_photography-corporate-photography .primary h1, body#page_photography-videocall .primary h1, body#page_photography-workshop .primary h1', css: '.sIFR-root { font-size:33px; font-weight:normal; color:#f37020; background-color:#151515; }' }); sIFR.replace(gothamlight, { selector: 'body#page_training .primary h1, body#page_apply .primary h1, body#page_training-media .primary h1, body#page_training-pr .primary h1, body#page_training-pr-tv .primary h1, body#page_training-pr-two-day .primary h1, body#page_training-pr-radio .primary h1, body#page_training-pr-online .primary h1, body#page_training-pr-photography .primary h1', css: '.sIFR-root { font-size:33px; font-weight:normal; color:#199132; background-color:#151515; }' }); sIFR.replace(gothambook, { selector: 'body#page_home .secondary h2, body#page_contact .primary h2, body#page_error .primary h2, body#page_contact .secondary h2, body#page_privacy .primary h2', css: '.sIFR-root { font-size:18px; font-weight:normal; color:#B0AFAF; background-color:#151515; }' }); sIFR.replace(gothambook, { selector: 'body#page_tv .secondary h2', css: '.sIFR-root { font-size:18px; font-weight:normal; color:#d2223e; background-color:#151515; }' }); sIFR.replace(gothambook, { selector: 'body#page_radio .secondary h2', css: '.sIFR-root { font-size:18px; font-weight:normal; color:#008fc4; background-color:#151515; }' }); sIFR.replace(gothambook, { selector: 'body#page_video .secondary h2, body#page_video .primary h2, body#page_video-corporate .secondary h2, body#page_video-corporate .primary h2, body#page_video-promotional .secondary h2, body#page_video-promotional .primary h2, body#page_video-online .secondary h2, body#page_video-online .primary h2, body#page_video-videocall .secondary h2, body#page_video-videocall .primary h2', wmode: 'transparent', css: ['.sIFR-root { font-size:18px; font-weight:normal; color:#fdb813; }', 'a { text-decoration: none; width: 100%; height: 100%; display: block; }' , 'a:link { color: #fdb813; }' , 'a:hover { color: #fdb813; text-decoration: none; }'] }); sIFR.replace(gothambook, { selector: 'body#page_online .secondary h2, body#page_online .primary h2, body#page_online-news-release .secondary h2, body#page_online-news-release .primary h2, body#page_online-podcasts .secondary h2, body#page_online-podcasts .primary h2, body#page_online-video .secondary h2, body#page_online-video .primary h2', css: '.sIFR-root { font-size:18px; font-weight:normal; color:#d23e8a; background-color:#151515; }' }); sIFR.replace(gothambook, { selector: 'body#page_photography .secondary h2, body#page_photography .primary h2, body#page_photography-pr-photography .primary h2, body#page_photography-consultancy .primary h2, body#page_photography-corporate-photography .primary h2, body#page_photography-videocall .primary h2, body#page_photography-workshop .primary h2, body#page_photography-workshop .secondary h2', wmode: 'transparent', css: ['.sIFR-root { font-size:18px; font-weight:normal; color:#f37020; }', 'a { text-decoration: none; width: 100%; height: 100%; display: block; }' , 'a:link { color: #f37020; }' , 'a:hover { color: #f37020; text-decoration: none; }'] }); sIFR.replace(gothambook, { selector: 'body#page_training .secondary h2, body#page_training-pr .secondary h2, body#page_training-pr .primary h2, body#page_training-pr-tv .primary h2, body#page_training-pr-radio .primary h2, body#page_training-pr-online .primary h2, body#page_training-pr-photography .primary h2, body#page_training-pr-two-day .primary h2, body#page_apply .primary h2', css: '.sIFR-root { font-size:18px; font-weight:normal; color:#199132; background-color:#151515; }' }); sIFR.replace(gothambook, { selector: 'body#page_about .secondary h2', css: '.sIFR-root { font-size:18px; font-weight:normal; color:#FFFFFF; background-color:#151515; }' }); sIFR.replace(gothambook, { selector: 'body#page_about .secondary h3', css: '.sIFR-root { font-size:16px; font-weight:normal; color:#B0AFAF; background-color:#151515; }' }); /* BLOG STUFF */ sIFR.replace(gothamlight, { selector: 'body#page_blog .title-block h2, body#page_blog .title-block h3', css: ['.sIFR-root { font-size:33px; font-weight:normal; color:#78CDD1; background-color:#ffffff; }' , 'a:link { color:#78CDD1; text-decoration: none; }' , 'a:hover { color:#78CDD1; text-decoration: underline; }'] }); sIFR.replace(gothambook, { selector: 'body#page_blog #sidebar h2', css: ['.sIFR-root { font-size:24px; font-weight:normal; color:#78CDD1; background-color:#151515; }' , 'a:link { color:#78CDD1; text-decoration: none; }' , 'a:hover { color:#78CDD1; text-decoration: underline; }'] });