//var accordionContainer = 'stappenAccordion';
var accordionContainer = ".accordion"; 


function initAccordion()
{
	
	var accObjArray = $(accordionContainer).find('li');
	var accLength = accObjArray.length;
	
	$(accObjArray).click(function(){
		slideAcc(this);
	});
		
}

function slideAcc(obj)
{
	//var windowHeight = $(window).height();
	var hiddenContent = $(obj).find('.hiddenContent');
	var header = $(obj).find('.header')
	
	if (header.hasClass('sel'))
	{
		header.removeClass('sel');
	} else {
		header.addClass('sel');
	}
	
	hiddenContent.slideToggle();
	Cufon.refresh('h5');
	
	
	if (isAccScrolledIntoView($(obj).find('.hiddenContent')) != true)
	{
		$('html, body').animate({scrollTop:$(window).scrollTop()+200}, 'slow');
	}

}



function isAccScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top +75;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom));
}