/* Edited 070809 by RD */ /* ---------------------------------------------------------------------------------- START sIFR Config JS (formerly sifr-config.js) ---------------------------------------------------------------------------------- */ /***************************************************************************** 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 dinotBold = { src: '/Station_Includes/Scripts/sifr/dinot-bold.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(dinotBold); // 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(dinotBold, { selector: 'h2.headingSifr', css: '.sIFR-root { background-color: #ffffff; color: #022e88; letter-spacing: -0.45;}', wmode: 'transparent' }); sIFR.replace(dinotBold, { selector: 'h1.micrositeHeadingSifr', css: '.sIFR-root { background-color: #ffffff; color: #022e88; letter-spacing: -0.75;}', wmode: 'transparent' }); sIFR.replace(dinotBold, { selector: 'h2.micrositeSubHeadingSifr', css: '.sIFR-root { background-color: #ffffff; color: #2baef2; letter-spacing: -0.75;}', wmode: 'transparent' }); /* ---------------------------------------------------------------------------------- END sIFR Config JS (formerly sifr-config.js) ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- START FileStyle Plugin JS for Contests (formerly jquery-FileStyle.js) ---------------------------------------------------------------------------------- */ /* * Style File - jQuery plugin for styling file input elements * * Copyright (c) 2007-2008 Mika Tuupola * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Based on work by Shaun Inman * http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom * * Revision: $Id: jquery.filestyle.js 303 2008-01-30 13:53:24Z tuupola $ * */ (function($) { $.fn.filestyle = function(options) { /* TODO: This should not override CSS. */ var settings = { width : 250 }; if(options) { $.extend(settings, options); }; return this.each(function() { var self = this; var wrapper = $("
") .css({ "width": settings.imagewidth + "px", "height": settings.imageheight + "px", "background": "url(" + settings.image + ") 0 0 no-repeat", "background-position": "right", "display": "inline", "position": "absolute", "overflow": "hidden" }); var filename = $('') .addClass($(self).attr("class")) .css({ "display": "inline", "width": settings.width + "px" }); $(self).before(filename); $(self).wrap(wrapper); $(self).css({ "position": "relative", "height": settings.imageheight + "px", "width": settings.width + "px", "display": "inline", "cursor": "pointer", "opacity": "0.0" }); if ($.browser.mozilla) { if (/Win/.test(navigator.platform)) { $(self).css("margin-left", "-142px"); } else { $(self).css("margin-left", "-168px"); }; } else { $(self).css("margin-left", settings.imagewidth - settings.width + "px"); }; $(self).bind("change", function() { filename.val($(self).val()); }); }); }; })(jQuery); /* ---------------------------------------------------------------------------------- END FileStyle Plugin JS for Contests (formerly jquery-FileStyle.js) ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- START FileStyle Init JS (formerly jquery-FileStyle-init.js) ---------------------------------------------------------------------------------- */ $(function() { $("input.BrowseField").filestyle({ image: "/Station_Includes/Images/button_sidebar_browse.jpg", imageheight : 21, imagewidth : 60, width : 220 }); }); /* ---------------------------------------------------------------------------------- END FileStyle Init JS (formerly jquery-FileStyle-init.js) ---------------------------------------------------------------------------------- */