/*****************************************************************************
The sIFR configuration should typically go in `sifr-config.js`, but in order to
keep the config file clean, and to give a quick overview, it's done here instead.
*****************************************************************************/

var heading = {
	src: '/applecado-content/sifr/headings.swf'
	,ratios: [7, 1.32, 11, 1.31, 13, 1.24, 14, 1.25, 19, 1.23, 27, 1.2, 34, 1.19, 42, 1.18, 47, 1.17, 48, 1.18, 69, 1.17, 74, 1.16, 75, 1.17, 1.16]
};

var smalltext = {
	src: '/applecado-content/sifr/smalltext.swf'
	,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, 59, 1.2, 68, 1.19, 69, 1.2, 96, 1.19, 97, 1.18, 102, 1.19, 103, 1.18, 107, 1.19, 108, 1.18, 112, 1.19, 114, 1.18, 116, 1.19, 120, 1.18, 121, 1.19, 1.18]
};

// You probably want to switch this on, but read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad> first.
// sIFR.useStyleCheck = true;
sIFR.activate(heading, smalltext);

sIFR.replace(heading, {
	selector: 'h1'
	,wmode: 'transparent'
	,css: [
		'.sIFR-root { text-align: left; color:#FFFFFF; font-weight: normal; }'
		,'a { text-decoration: none; }'
		,'a:link { color: #FFFFFF; }'
		,'a:hover { color: #FFFFFF; }'
	]
});
sIFR.replace(smalltext, {
	selector: 'h5.large-shadow'
	,wmode: 'transparent'
	,css: [
		'.sIFR-root { padding-top:5px; font-size:14px; text-align: left; color:#FFFFFF; }'
		,'a { text-decoration: none; }'
		,'a:link { color: #FFFFFF; }'
		,'a:hover { color: #FFFFFF; }'
		,'.sIFR-root b { color: #fc0000; }'
	]
});