// You must load this file *after* loading `sifr.js`.

// Make an object pointing to the location of the Flash movie on your web server.
var rockwell = { src: '/swf/rock.swf', wmode: 'transparent' };
var rockwellb = { src: '/swf/rockb.swf', wmode: 'transparent' };

// Now you can set some configuration settings.
// See also <http://wiki.novemberborn.net/sifr3/JavaScript+Configuration>.
// One setting you probably want to use is `sIFR.useStyleCheck`. Before you do that,
// read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad>.
sIFR.useStyleCheck = true;

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

// <http://wiki.novemberborn.net/sifr3/JavaScript+Methods>.
// The second argument determines what the Flash text looks like. The main text
// is styled via the `.sIFR-root` class. 

sIFR.replace(rockwell, {
    selector: "div#download-invite h1",
    css: '.sIFR-root { color: #ffffff; }',
    filters: {
      DropShadow: { knockout: false ,distance: 1 ,color: '#330000' ,strength: 1 }
    }
});

sIFR.replace(rockwellb, {
    selector: "div#download-invite div.link",
    css: ['.sIFR-root a { color: #ffffff; text-decoration: none; }',
          '.sIFR-root a:hover { color: white }'],
    filters: {
      DropShadow: {
        knockout: false
        ,distance: 1
        ,color: '#330000'
        ,strength: 1
      }
    }
});

sIFR.replace(rockwellb, {
    selector: "div#main-download-button div.link",
    css: ['.sIFR-root a { color: #ffffff; text-decoration: none; }',
          '.sIFR-root a:hover { color: white }'],
    filters: {
      DropShadow: {
        knockout: false
        ,distance: 1
        ,color: '#330000'
        ,strength: 1
      }
    }
});

sIFR.replace(rockwellb, {
  selector: '#power-footer h3',
  css: '.sIFR-root { color: #ffffff; }'
});

// Old green colour: #63B900
// New blue colour: #0D5FB9

sIFR.replace(rockwellb, {
  selector: 'div.highlight h3',
  css: '.sIFR-root { color: #0D5FB9; }'
});

sIFR.replace(rockwellb, {
  selector: 'h1',
  css: '.sIFR-root { color: #0D5FB9; }'
});

sIFR.replace(rockwellb, {
  selector: 'ul.highlight h2',
  css: ['.sIFR-root { color: #0D5FB9; cursor: pointer; }',
        '.sIFR-root a { color: #0D5FB9; text-decoration: none; }',
        '.sIFR-root a:hover { color: #0D5FB9; text-decoration: underline; }']
});

sIFR.replace(rockwellb, {
  selector: 'h2',
  css: ['.sIFR-root { color: #0D5FB9; }',
        '.sIFR-root a { color: #0D5FB9; text-decoration: none; }',
        '.sIFR-root a:hover { color: #0D5FB9; text-decoration: underline; }'],
  ratios: [6, 1.41, 9, 1.35, 15, 1.29, 21, 1.25, 22, 1.22, 27, 1.24, 
     29, 1.21, 34, 1.22, 41, 1.21, 45, 1.2, 46, 1.21, 63, 1.2, 68, 1.19,
     69, 1.2, 107, 1.19, 108, 1.18, 118, 1.19, 119, 1.18, 123, 1.19, 1.18]
});

sIFR.replace(rockwell, {
  selector: '#tagline',
  css: '.sIFR-root { color: #63b900; text-align: right; }'
});

sIFR.replace(rockwellb, {
  selector: '.secondary-navigation li',
  css: ['.sIFR-root { color: #0D5FB9; cursor: pointer; }',
	  '.sIFR-root a { color: #0D5FB9; text-decoration: none; }',
	  '.sIFR-root a:hover { color: #0D5FB9; }']
});