function toggleDisplay(objClass){

		$S('.'+objClass).each(function(el){
		
			if (el.className.indexOf("Hide") != -1) el.className = el.className.replace("Hide","Show");
			else el.className = el.className.replace("Show","Hide");

		});
		
}

var control = false;
var nextKey = false;

if (!/MSIE (5\.5|6|7\.)/.test(navigator.userAgent)) { 
	function detectspecialkeys(e){
		var evtobj= e
		var keyCode = e.which;
		if (evtobj.ctrlKey){
			toggleAccordion(keyCode);
		}
	}
	document.onkeypress=detectspecialkeys;
	
}else{
	document.onkeydown = function () {
		
		var keyCode=event.keyCode
		
		// if its control key, mark it true 
		// and reset nextKey
		if(keyCode == 17){ 
		
			control = true;
			nextKey = false;
			
		// if control is true, then flag nextKey
		}else{
			nextKey = true;
		}
	
		// if both control and next key, then do our conditional statements
		if (control && nextKey) {
			
			if(keyCode == 49 || keyCode == 50 || keyCode == 51 || keyCode == 52 || keyCode == 53){
				//alert ('control key pressed + '+keyCode);
				toggleAccordion(keyCode);
			}
			
			// reset control vars
			control = false;
			nextKey = false;
			
			// this is here last, so it nullifies IE beviours for these buttons
			// otherwise we don't want it to nullify other bbuttons such as Control-P (for print), etc
			if(keyCode == 49 || keyCode == 50 || keyCode == 51 || keyCode == 52 || keyCode == 53){
				return false;
			}
				
		} else {
		
		  return true;
		  
		}
	}
}

var accArray = [0, 1, 2, 3, 4]; 
var keyArray = [49, 50, 51, 52, 53]; 
var newAccArray = accArray.associate(keyArray);
var currentArrow = 0;

function toggleAccordion(obj) {

	// check if the 1-5 keys are pressed in conjunction with the control key
	if(obj == 49 || obj == 50 || obj == 51 || obj == 52 || obj == 53) {
		
		// get the associated accordion to the key pressed
		var newAccObj = newAccArray[obj];

		// grab our accordion object
		var newArrow = $('arrow'+newAccArray[obj]);
		
		// set the new current Arrow
		currentArrow = newAccArray[obj];

		// toggle the accordion
		//myAccordion.showThisHideOpen(newAccArray[obj]);
		myAccordion.showThisHideOpen(newAccArray[obj]);

	}

}

function toggleAccordionImageShow(el) {

	// grab our pill image
	var obj = el.getLast().getFirst();
	
	// get our arrow id / accordion id
	var newArrowId = obj.id.replace(/arrow/g,'');

	// set current Arrow
	currentArrow = newArrowId;

	// set the new source
	if(!obj.src.test('close')){
		obj.setProperty('src',obj.src.replace(/open/g,'close'));
	}
}

// change pill to off
function toggleAccordionImageHide(el) {

	// grab our pill image
	var obj = el.getLast().getFirst();
	
	// set the new source
	obj.setProperty('src',obj.src.replace(/close/g,'open'));
}

var myAccordion;
var myStretch;
var myStretcher;

Window.onDomReady(function() {
	
	// get accordion elements
	myStretch = document.getElementsByClassName('toggler');
	myStretcher = document.getElementsByClassName('accordion');
	
	// setup the accordion elements by clearing display styles	
	myStretcher.each(function(el){
		el.style.display = '';
	});
	
	// Create the accordion
	myAccordion = new fx.Accordion(myStretch, myStretcher, 
		{
			/*fixedHeight: 125,*/
			opacity : true,
			openClose : false,
			onActive : function(el){toggleAccordionImageShow(el)},
			onBackground : function(el){toggleAccordionImageHide(el)},
			itemsOpen : [0],
			start : 'first-open'
		});
	
	// tooltip array
	var as = [];
	
	// grab all images that are supposed to have a tooltip
	$S('img.hasTooltip').each(function(a){ if (a.getAttribute('title')) as.push(a); });
	
	// create tooltip instance
	new Tips(as, {maxOpacity: 0.9, maxTitleChars: 300});	
	

});