/*	Find all 'content' elements, and insert appropriate wrappers	*/
function ipp_boxes() {
	boxes = $$('div.content');
	boxes.each (function (box) {
//		alert(box.innerHTML);
		
		var inner = document.createElement('div');	// This will contain the existing box content
		inner.className = 'innerWrap';
		while (box.hasChildNodes())
			inner.appendChild(box.firstChild);

		var top =  document.createElement('div');	// Create innertop
		top.className = 'innerTop';
		var bot =  document.createElement('div');// Create innerbottom
		bot.className = 'innerBottom';
		
		$(top).injectTop(box);
		$(inner).injectInside(box);
		$(bot).injectInside(box);
		
	});
}
window.addEvent('domready',ipp_boxes);


/*	Find all 'box' elements within sidebar, and insert appropriate wrappers	*/
function ipp_sideboxes() {
	boxes = $$('#sidebar div.box');
	boxes.each (function (box) {
//		alert(box.innerHTML);
		
		inner = document.createElement('div');	// This will contain the existing box content
		inner.className = 'innerWrap';
		while (box.hasChildNodes())
			inner.appendChild(box.firstChild);

		var tl = document.createElement('div');
		var tr = document.createElement('div');
		var bl = document.createElement('div');
		var br = document.createElement('div');
		
		tl.className = 'tl';
		tr.className = 'tr';
		bl.className = 'bl';
		br.className = 'br';
		
		$(tl).injectInside(box);
		$(tr).injectInside(tl);
		$(bl).injectInside(tr);
		$(br).injectInside(bl);
		$(inner).injectInside(br);
		

	});
}
window.addEvent('domready',ipp_sideboxes);



/*	Add a tooltip listener	*/
function articleToolTips() {
  var myTips = new Tips($$('.toolTip'), {
  maxTitleChars: 50   //I like my captions a little long	// We're hiding these anyway through CSS.		
  });
}
window.addEvent('domready',articleToolTips);



function UpdatedBoxes() {
//	var boxes = getElementsByClassName('updated');
	var boxes = $$('.updated')
	boxes.each (function (box) {
		// Create FX Object
		var BoxFX = new Fx.Style(box, 'opacity', {
			duration: 1000, 
			transition: Fx.Transitions.quartInOut
		});
		// Chain pulsing effect
		BoxFX.start(1,0.2).chain(
			BoxFX.start.pass([0.2,1],BoxFX)
		).chain(
			BoxFX.start.pass([1,0.2],BoxFX)
		).chain(
			BoxFX.start.pass([0.2,1],BoxFX)
		).chain(
			BoxFX.start.pass([1,0.2],BoxFX)
		).chain(
			BoxFX.start.pass([0.2,1],BoxFX)
		);
	});
}
window.addEvent('domready',UpdatedBoxes);



/*	Adds Accordion functionality to site.  Should use accToggler on H2s, since colour already good.	*/
function flexiArticles() {
	// Get Togglers and Configure
//	var accordionTogglers = document.getElementsByClassName('accToggler');
//	var accordionTogglers = getElementsByClassName('accToggler');
	var accordionTogglers = $$('.accToggler');
	accordionTogglers.each(function(toggler){
		//remember the original color
//		toggler.origColor = toggler.getStyle('background-color');
		toggler.origColor = toggler.getStyle('color');
		//set the effect
//		toggler.fx = new Fx.Style(toggler, 'background-color');
		toggler.fx = new Fx.Style(toggler, 'color');
	});
	// Get Content Blocks
//	var accordionContents = document.getElementsByClassName('accContent');
//	var accordionContents = getElementsByClassName('accContent');
	var accordionContents = $$('.accContent');
	// Run it
	accordion = new Fx.Accordion(accordionTogglers, accordionContents,{
	//when an element is opened change the background color to blue
		onActive: function(toggler){
			toggler.fx.start('#0000FF');											// May need to set this colour.
		},
		onBackground: function(toggler){
			//change the background color to the original
			//color when another toggler is pressed
//			toggler.setStyle('background-color', toggler.origColor);
			toggler.setStyle('color', toggler.origColor);
		},
		alwaysHide: true
	});
}
window.addEvent('domready', flexiArticles);