/*****************************************************************************
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.
*****************************************************************************/

// create object
var font = { src: '/assets/images/type.swf' };

sIFR.useStyleCheck = true;
sIFR.fitExactly = false;
sIFR.useDomLoaded = true;

// Next, activate sIFR:
sIFR.activate(font);

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

// Read more about styling at <http://wiki.novemberborn.net/sifr3/Styling>.
// of: <http://wiki.novemberborn.net/sifr3/JavaScript+Methods>.

sIFR.replace(font, {
  selector: 'h1.mytypeB',
  wmode: 'transparent',
  transparent: true,
  offsetTop: '3px',
  offsetLeft: '2px',
  tuneHeight: '-2px',
  selectable: true,
  css: ['.sIFR-root { color: #000000; text-align:right; font-size: 2em;}'
      	,'a:link { color: #000000; }'
      	,'a:hover { color: #7a7a7a; text-decoration: underline }'
]
});

sIFR.replace(font, {
  selector: 'p.mytypew',
  wmode: 'transparent',
  css: [
      '.sIFR-root {font-size: 18px;text-align: right; color:#ffffff;}'
      ,'a:link { color: #7a7a7a;text-decoration: none;}'
      ,'a:hover { color: #7a7a7a; text-decoration: underline }'
    ]
});

sIFR.replace(font, {
  selector: 'p.mytype',
  wmode: 'transparent',
  css: [
      '.sIFR-root {font-size: 20px;text-align: center;}'
      ,'a:link { color: #7a7a7a;text-decoration: none;}'
      ,'a:hover { color: #7a7a7a; text-decoration: underline }'
    ]
});