var open_section_list = [], collapsible_cookie={}, current_cgi;

function toggle_section(a, setc){
	let b = $(a).next().next();
	if(b.is(':hidden'))
		show_section(b, setc);
	else 
		hide_section(b, setc);
}
function show_section(b, setc){
	b.prev('.collapsible_explanation').show();
	b.show().prev().prev().find('.section_collapse_toggle').html('–');

	let generated_id = b.prev().prev().prop('id');
	if (open_section_list.indexOf(generated_id) == -1)
		open_section_list.push(generated_id);
	if (setc)
		set_collapsible_cookie();
}
function hide_section(b, setc){
	let generated_id = b.prev().prev().prop('id'), index;
	b.prev('.collapsible_explanation').hide();
	b.hide().prev().prev().find('.section_collapse_toggle').html('+');
	if ((index = open_section_list.indexOf(generated_id)) != -1)
		open_section_list.splice(index, 1);
	if (setc)
		set_collapsible_cookie();
}

function set_collapsible_cookie() {
	collapsible_cookie[current_cgi] = open_section_list;
	let cookie = JSON.stringify(collapsible_cookie);
	set_cookie("collapsible_sections", cookie, 365);
}

ss_jQuery(function($){
	if ($('.collapsible').length) {
		var use_defaults = 0;
		current_cgi = window.location.href.match(/([^\/]+)\.cgi/i)[1];

		collapsible_cookie = get_cookie("collapsible_sections");
		if (!collapsible_cookie) {
			collapsible_cookie = {};
			use_defaults = 1;
			collapsible_cookie[current_cgi] = [];
		} else if(/^body_(power_edit|add_multiple)/.test($('body').attr('id'))) {
			collapsible_cookie = {};
			use_defaults = 2;
			collapsible_cookie[current_cgi] = [];
		} else {
			collapsible_cookie = JSON.parse(collapsible_cookie);
			if (!collapsible_cookie.hasOwnProperty(current_cgi)) {
				use_defaults = 1;
				collapsible_cookie[current_cgi] = [];
			}
		}

		if (!use_defaults)
			open_section_list = collapsible_cookie[current_cgi];

		$('.collapsible').append($('<span class="section_collapse_toggle noSelect">+</span>')).on('click',function(){toggle_section(this, true)});
		$('.section_head.collapsible a').css({'float':'left'});

		var opened_count = 0;

		$('.collapsible').each(function (index) {
			let id_to_use;
			if ($(this).prop('id').length == 0) {
				let name = $(this).find('a').prop('name'), generated_id = name.trim().toLowerCase().replace(/ /g, "_").replace(/<(?:.|\n)*?>/gm, '').replace(/\W/g, '')+"_gen_id";
					$(this).prop('id', generated_id);
					id_to_use = generated_id;
			} else
				id_to_use = $(this).prop('id');

			if (use_defaults) {
				if ($(this).hasClass('col_def_open')) {
					toggle_section(this, false);
					opened_count++;
				}
			} else if (collapsible_cookie[current_cgi].indexOf(id_to_use) != -1) {
				toggle_section(this, false);
				opened_count++;
			}
		});

		collapsible_cookie[current_cgi] = open_section_list;
		if (use_defaults == 1) {      
			set_collapsible_cookie();
		}

		if($('.collapsible').length > 1) {
			$('.config_table:first').before('<div class=\"sections_global\" id=\"collapse_hide\">'+$('#collapse_hide_template').html()+'</div><div class=\"sections_global\" id=\"collapse_show\">'+$('#collapse_show_template').html()+'</div>');
			if (opened_count > 0) {
				$('#collapse_hide').show();
				$('#collapse_show').hide();
			} else {
				$('#collapse_hide').hide();
				$('#collapse_show').show();
			}

			$(document).on('click', '.all_hide', function() { 
				$('.collapsible').each(function(index){hide_section($(this).next().next(),false);});
				set_collapsible_cookie();
				$('.sections_global').toggle();
			});

			$(document).on('click', '.all_show', function() { 
				$('.collapsible').each(function(index){show_section($(this).next().next(),false);});
				set_collapsible_cookie();
				$('.sections_global').toggle();
			});
		}
	}
});