/*****************************************************************************
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 swiss = { src: '/EasySiteWeb/EasySite/StyleData/Style-Festivals_NoNav/flash/swiss.swf' };

 sIFR.useStyleCheck = true;

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

sIFR.replace(swiss, {
  selector: 'div.element-panel-gamma-header-outer h2',
  css: [
		'.sIFR-root {background-color:#EE992F; color: #ffffff; }',
		'a {color: #FFFFFF; text-decoration: none; font-size:20px; }',
		'a:hover {color: #FFFFFF; text-decoration: none; }'
		]
 
});

sIFR.replace(swiss, {
  selector: 'div.element-panel-alpha-header-outer h2',
  css: [
		'.sIFR-root {background-color:#8FC442; color: #ffffff; }',
		'a {color: #FFFFFF; text-decoration: none; font-size:20px;}',
		'a:hover {color: #FFFFFF; text-decoration: none; }'
		]
});

sIFR.replace(swiss, {
  selector: 'div.element-panel-beta-header-outer h2',
  css: [
		'.sIFR-root {background-color:#5B7EB9; color: #ffffff; }',
		'a {color: #FFFFFF; text-decoration: none;font-size:20px; }',
		'a:hover {color: #FFFFFF; text-decoration: none; }'

		]
});


//to get the correct ratios, comment out the sIFR.replace method and uncomment the sIFR.debug.ratios line

//sIFR.debug.ratios({ src: '/EasySiteWeb/EasySite/StyleData/Style-Festivals_NoNav/flash/swiss.swf', selector: 'div.element-panel-gamma-header-outer h2 a' });