/* accordion.js */

function getAccordion(element_id,screen) 
{
    jQuery(window).resize(function () { location.reload(); });

	if (jQuery(window).width() < screen) 
	{
		var concat = '';
		obj_tabs = jQuery( element_id + " li" ).toArray();
		obj_cont = jQuery( ".tab-content .tab-pane" ).toArray();
		jQuery.each( obj_tabs, function( n, val ) 
		{
			concat += '<div id="' + n + '" class="panel panel-default">';
			concat += '<div class="panel-heading" role="tab" id="heading' + n + '">';
			concat += '<h3 class="panel-title"><button class="collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse'+ n +'" data-parent="#accordion" aria-expanded="false" aria-controls="collapse' + n + '">' + val.innerText + '</button></h3>';
			concat += '</div>';
			concat += '<div id="collapse' + n + '" class=" accordion-collapse collapse panel-collapse" role="tabpanel" aria-labelledby="heading' + n + '">';
			concat += '<div class="panel-body">' + obj_cont[n].innerHTML + '</div>';
			concat += '</div>';
			concat += '</div>';
		});
		jQuery("#accordion").html(concat);
		jQuery("#accordion").find('.panel-collapse:first').addClass("in");
		jQuery("#accordion").find('.panel-title a:first').attr("aria-expanded","true");
		jQuery(element_id).remove();
		jQuery(".tab-content").remove();
	}	
}