// Make an object pointing to the location of the Flash movie on your web server.
var gillsans = { src: '/media/flash/gillsans-ultrabold.swf' };

// Now you can set some configuration settings.
// sIFR.useStyleCheck = true;

// Next, activate sIFR:
// Remember, there must be *only one* `sIFR.activate()`!
sIFR.activate(gillsans);

// 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);
//

sIFR.replace(gillsans, {
  selector: '#content #right-column h1',
  css: '.sIFR-root { color: #ffffff; }'
	,filters: {
      DropShadow: {
        knockout: false
        ,distance: 2
        ,color: '#000000'
        ,strength: 1
      }
    },
  wmode: 'transparent',
  ratios: [8, 1.3, 9, 1.22, 10, 1.25, 11, 1.22, 12, 1.2, 18, 1.19, 21, 1.15, 22, 1.16, 30, 1.15, 40, 1.14, 51, 1.13, 82, 1.12, 84, 1.11, 85, 1.12, 89, 1.11, 90, 1.12, 1.11]
});

sIFR.replace(gillsans, {
  selector: '.interior-nav #content #left-column h1',
  css: ['.interior-nav #content #left-column h1 { color: #ffffff; }, a {color: #ffffff; }, a:hover { color: #ffffff; text-decoration: underline; }'],
  wmode: 'transparent',
  ratios: [8, 1.3, 9, 1.22, 10, 1.25, 11, 1.22, 12, 1.2, 18, 1.19, 21, 1.15, 22, 1.16, 30, 1.15, 40, 1.14, 51, 1.13, 82, 1.12, 84, 1.11, 85, 1.12, 89, 1.11, 90, 1.12, 1.11]
});



sIFR.replace(gillsans, {
  selector: '#content h1',
  css: '.sIFR-root { color: #2f799a; }',
  wmode: 'transparent'
});

sIFR.replace(gillsans, {
  selector: '#content h2',
  css: '.sIFR-root { color: #e98e23; font-size:14px; }, a {color: #2F799A; }, a:hover {color: #C47514; }',
  wmode: 'transparent'
});

// sIFR.debug.ratios(gillsans, {
//   selector: '#content h1'
// });