window.addEvent('domready', function(){
	
	var acclinks = $$('h3.atStart');
	acclinks.each(function(el){
		el.addEvent('mouseenter', function(){
			el.addClass('activeacc');
		});
		el.addEvent('mouseleave', function(){
			el.removeClass('activeacc');
		});
	});

	var lastclicked;

	var accordion = new Accordion('h3.atStart', 'div.atStart', {
		opacity: false,
		alwaysHide: true,
		show: -1,
		duration: 500,
		onActive: function(toggler, element){
			toggler.addClass('activeacc2');
			lastclicked = toggler;
			//scroll.toElement(lastclicked);
		},
		onComplete: function(){
			//alert(this);
			//console.log(lastclicked);
			if(lastclicked.hasClass('activeacc2')){
				//scroll.toElement(lastclicked);
				var elpos = lastclicked.getPosition();
				var pos = {x: elpos.x, y: elpos.y-100};
				scroll.scrollTo(elpos.x,elpos.y-50);
			};
			//lastclicked = "";
			//scroll.toElement(toggler);
		},
		onBackground: function(toggler, element){
			//toggler.setStyle('color', '#222');
			toggler.removeClass('activeacc2');
		}
	}, $('acc'));

	var scroll = new Fx.Scroll(window, {
		wait: false,
		duration: 700,
		transition: Fx.Transitions.Quad.easeInOut
	});

});