function toggler(e){
			var num = this.getAttribute("num");
			var theBlock = document.getElementById('sectionInfo' + num);
			var theArrow= document.getElementById('arrowNum' + num);
			if($D.hasClass(theBlock, 'hide')){
				$D.removeClass(theBlock, 'hide');
				$D.removeClass(theArrow, 'afterLinkArw');
				$D.addClass(theArrow, 'afterLinkArwDwn');
			}
			else{
				$D.addClass(theBlock, 'hide');
				$D.removeClass(theArrow, 'afterLinkArwDwn');
				$D.addClass(theArrow, 'afterLinkArw');
			}
			  $E.stopEvent(e);
		}
	function startPanelToggle() {
		
		var panels = $D.getElementsByClassName('qTrigger');
		var sections = $D.getElementsByClassName('answerBlock');
		var arrows = $D.getElementsByClassName('afterLinkArw');
		var closeArrow = $D.getElementsByClassName('aClose');
		if(!panels || !sections){
			return;
		}
		for(var i = 0; i < panels.length;i++){
			panels[i].setAttribute("id","panelTrigger" + i);
			panels[i].setAttribute("num", i);
			$E.addListener(panels[i], "click", toggler);
		}
		for(var j = 0; j < sections.length; j++){
			sections[j].setAttribute("id", "sectionInfo" + j);
		}
		for(var k = 0; k < arrows.length; k++){
			arrows[k].setAttribute("id", "arrowNum" + k);
		}
		for(var n = 0; n < arrows.length; n++){
			closeArrow[n].setAttribute("id", "arrowNum" + n);
			closeArrow[n].setAttribute("num", n);
			$E.addListener(closeArrow[n], "click", toggler);
		}
		
    }

$E.addListener(window, "load", startPanelToggle);