var array_buttons_vgl = $$('.button_vgl');

// eventhandling button vergleichstabelle
array_buttons_vgl.each(function(button_vgl){
	button_vgl.observe('click', function(event){
		// Zeilen ausblenden
		zeilen_ausblenden();
	});
});

var array_buttons_rueck = $$('.button_rueck');

// eventhandling button rueckgaengig
array_buttons_rueck.each(function(button_rueck){
	button_rueck.observe('click', function(event){
		// Zeilen einblenden
		zeilen_einblenden();
	});
});





function zeilen_ausblenden() {
	// "ids" der checkboxen holen, die bestimmen, welche zeilen weg sollen
	var element_formular = document.forms.vergleichstabelle;
	var array_checkboxen = new Array();
	array_checkboxen = $$('input.vgl_input').each(function(e){ if(e.type == 'checkbox') array_checkboxen.push(e) });
	var array_aktive_checkboxen = new Array();
	
	array_checkboxen.each(function(element_checkbox){
		if(element_checkbox.getValue() != null)
		{
			array_aktive_checkboxen.push(element_checkbox.readAttribute('name'));
		}
	});
	
	
	
	// Tabellenzeilen ausblenden
	var array_tabellenzeilen = $('vergleichstabelle').select('tr');
	
	// erst alle tr ausblenden, wenn überhaupt checkboxen angehackt sind
	if(array_aktive_checkboxen.size() !== 0)
	{
		array_tabellenzeilen.each(function(element_tr){
			element_tr.setStyle({'display':'none'});
		});
		
		// Dann die gewünschten wieder einblenden
		array_tabellenzeilen.each(function(element_tr){
			if(array_aktive_checkboxen.indexOf(element_tr.readAttribute('id')) !== -1) // Wenn die Id der tr im Array mit den Checkboxenids enthalten ist: Ausblenden
			{
				element_tr.setStyle({'display':''});
			}
		});
		
		// Und Table head und footer auch wieder einblenden
		$('table_head').firstDescendant().setStyle({'display':''});
		$('table_footer').firstDescendant().setStyle({'display':''});
	}
}


function zeilen_einblenden() {
	var array_tabellenzeilen = $('vergleichstabelle').select('tr');
	
	array_tabellenzeilen.each(function(element_tr){
		element_tr.setStyle({'display':''});
	})
	
}

