/*****************************************************************************
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 clerkenwell = {
  src: '../StyleHome09/swf/clerkenwell.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 tradegothic = {
  src: '../StyleHome09/swf/tradegothic.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]
};

// sIFR.domains = ['novemberborn.net'] // Don't check for domains in this demo
sIFR.useStyleCheck = true;
sIFR.activate(clerkenwell, tradegothic);

sIFR.replace(tradegothic, {
  selector: 'h1'
  ,wmode: 'transparent'
  ,tuneHeight: '-10'
  ,css: [
	'.sIFR-root { letter-spacing: -2; text-transform: uppercase; }'
	,'a { text-decoration: none; }'
	,'a:link { color: #000000; }'
	,'a:hover { color: #FFFFFF; }'
  ]
});

sIFR.replace(tradegothic, {
  selector: 'h2'
  ,wmode: 'transparent'
  ,tuneHeight: '-10'
  ,css: [
	'.sIFR-root { letter-spacing: -2; text-transform: uppercase; }'
	,'a { text-decoration: none; }'
	,'a:link { color: #000000; }'
	,'a:hover { color: #FFFFFF; }'
  ]
});

sIFR.replace(clerkenwell, {
	selector: 'h3'
	,wmode: 'transparent'
	,css: [
		'.sIFR-root { color: #ffffff; }'
	  ]
});

sIFR.replace(tradegothic, {
  selector: 'h4'
  ,wmode: 'transparent'
  ,tuneHeight: '-10'
  ,css: [
	'.sIFR-root { letter-spacing: -2; text-transform: uppercase; color: #FFFFFF }'
	,'a { text-decoration: none; }'
	,'a:link { color: #FFFFFF; }'
	,'a:hover { color: #000000; }'
  ]
});

sIFR.replace(tradegothic, {
  selector: 'h5'
  ,wmode: 'transparent'
  ,css: [
	'.sIFR-root { letter-spacing: -2; text-transform: uppercase; color: #FFFFFF }'
	,'a { text-decoration: none; }'
	,'a:link { color: #FFFFFF; }'
	,'a:hover { color: #000000; }'
  ]
});