/***************************************************************************** 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 futura = { src: '/path/to/futura.swf' }; function getBaseURL() { var url = location.href; // entire url including querystring - also: window.location.href; var baseURL = url.substring(0, url.indexOf('/', 14)); if (baseURL.indexOf('http://localhost') != -1) { // Base Url for localhost var url = location.href; // window.location.href; var pathname = location.pathname; // window.location.pathname; var index1 = url.indexOf(pathname); var index2 = url.indexOf("/", index1 + 1); var baseLocalUrl = url.substr(0, index2); return baseLocalUrl + "/"; } else { // Root Url for domain name return baseURL + "/"; } } var avant = { src: getBaseURL() + 'sifr-avantgarde.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.activate(avant); // 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(futura, { // selector: 'h1', // css: '.sIFR-root { background-color: #F9F9F9; color: #FF0000; }' //}); sIFR.replace(avant, { selector: 'h1' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #ffffff;line-height:1em; margin-bottom: 40px; font-size: 40px; }' }); sIFR.replace(avant, { selector: 'h5.services-iq' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #3e0980;margin-top: 3w0px; font-size: 14px; }' }); sIFR.replace(avant, { selector: 'h5.services-one' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #000000;margin-top: 30px; font-size: 14px; }' }); sIFR.replace(avant, { selector: 'h5.services-care' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #0f58bc;margin-top: 30px; font-size: 14px; }' }); sIFR.replace(avant, { selector: 'h5.services-go' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #0094ef;margin-top: 30px; font-size: 14px; }' }); sIFR.replace(avant, { selector: 'h5.bannerheader1' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #ffffff;line-height:1em; margin-bottom: 40px; font-size: 26px; }' }); sIFR.replace(avant, { selector: 'h5.bannerheader2' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #ffffff;line-height:1em; margin-bottom: 40px; font-size: 16px; }' }); sIFR.replace(avant, { selector: 'h5' ,wmode: 'transparent' ,css: '.sIFR-root { text-align: left; font-weight: bold; color: #ffffff;line-height:1em; margin-bottom: 40px; font-size: 26px; }' }); sIFR.replace(avant, { selector: '#nav1 ul li' ,wmode: 'transparent' ,css: [ '.sIFR-root { display:block; padding-right:25px; border-bottom:none; color:#484848; font-size: 15px; font-weight:bold;}' ,'a { color: #484848; text-decoration: none; font-size: 15px; font-weight:bold;}' ,'a:link { color: #484848;text-decoration: none; font-size: 15px; font-weight:bold;}' ,'a:hover { color: #0094ef; text-decoration: none; font-size: 15px; font-weight:bold;}' ] }); sIFR.replace(avant, { selector: 'h2' ,wmode: 'transparent' ,css: [ '.sIFR-root { display:block; padding-right:25px; border-bottom:none; color:#525352; font-size: 20px;border-bottom: 0;font-weight: bold; line-height: 1.2em; }' ] }); sIFR.replace(avant, { selector: 'h3' ,wmode: 'transparent' ,css: [ '.sIFR-root { display:block; padding-right:25px; border-bottom:none; color:#484848; font-size: 20px;border-bottom: 0;font-weight: bold; line-height: 1.2em; margin-bottom: 10px;}' ] }); sIFR.replace(avant, { selector: 'h4' ,wmode: 'transparent' ,css: [ '.sIFR-root { margin: 0 25px 0 25px; padding: 0; font-weight: bold; margin-bottom: 30px; color: #707170; font-size: 16px;}' ] }); sIFR.replace(avant, { selector: 'h6' ,wmode: 'transparent' ,css: [ '.sIFR-root { display:block; padding-right:25px; border-bottom:none; color:#484848; font-size: 14px;border-bottom: 0;font-weight: bold; line-height: 1.2em; margin-bottom: 10px;}' ] }); sIFR.replace(avant, { selector: '#nav2 ul li p.phone' ,wmode: 'transparent' ,css: [ '.sIFR-root { color:#0094ef; font-weight:bold; font-size:13px; text-decoration: none;cursor: pointer;}' ,'a { color: #0094ef; text-decoration: none; font-size: 13px; font-weight:bold; border-bottom: 0;}' ,'a:link { color: #0094ef;text-decoration: none; font-size: 13px; font-weight:bold; border-bottom: 0;}' ,'a:hover { color: #0094ef; text-decoration: none; font-size: 13px; font-weight:bold; border-bottom: 0;}' ] }); //margin: 15px 0px 0px 5px; text-align:center; float:left; display:inline; display:block; border-bottom:none; sIFR.replace(avant, { selector: '#nav2 ul li p.service' ,wmode: 'transparent' ,css: [ '.sIFR-root { color:#0094ef; font-weight: bold; padding: 0; margin: 0; cursor: pointer;}' ,'a { color: #0094ef; text-decoration: none; font-size: 14px; font-weight:bold;}' ,'a:link { color: #0094ef;text-decoration: none; font-size: 14px; font-weight:bold;}' ,'a:hover { color: #0094ef; text-decoration: none; font-size: 14px; font-weight:bold;}' ] }); sIFR.replace(avant, { selector: '#nav2 ul li p.desk' ,wmode: 'transparent' ,css: [ '.sIFR-root { color:#484848; font-weight:bold;padding: 0; margin: 0;cursor: pointer;}' ,'a { color: #484848; text-decoration: none; font-size: 14px; font-weight:bold;}' ,'a:link { color: #484848;text-decoration: none; font-size: 14px; font-weight:bold;}' ,'a:hover { color: #484848; text-decoration: none; font-size: 14px; font-weight:bold;}' ] }); //float:left; display:inline; width:auto; font-size:13px; font-weight:bold; display:block; border-bottom:none;