window.addEvent('domready',function(){
	/* to differentiate between pages with thick banners we'll add a thick class to body*/
	$$(document.body).addClass('thick');

	/* research and pro dev icons */
	var elTwoColH2 = $$('.twoCol2 h2');
	elTwoColH2[0].addClass('research');
	elTwoColH2[1].addClass('proDevPack');

	//add corners around cool iris, need to wrap it first as Swiff modifies flashcontent2 after we have applied styles
	var elCoolIris = $('flashcontent2');
	elCoolIrisBox = new Element('div', { id: 'coolIris','class':'h2Overlay' }).inject(elCoolIris, 'before').wraps(elCoolIris);
	
	//add heading and icon over cooliris
	elCoolIrisBox.getPrevious().getPrevious().addClass('latestVideoH2');

	var hashEls = new Hash({
		twoCol2: $$('.twoCol2'),
		refineSearch: $$('.refineSearch'),
		coolIris: elCoolIrisBox,
		h1: $$('h1')[0]
	}),
	elsRoundGradient = [];

	hashEls.each(function(v) {
		elsRoundGradient = elsRoundGradient.concat(v);
	});

	elsRoundGradient.each(function(el) {
		el.addClass('cnrs');
		el.adopt(roundCorners());
	});

	//remove h1 as we don't want it to have a gradient 
	elsRoundGradient.pop();

	new Gradients('#FFFFFF', '#EDEDED', elsRoundGradient);
});