/**
 * @author Heinz Schilling <www.webtekk.ch>
 * 
 * toggle_select_cat.js
 * 
 * Im Markt-Kalender sollen in der Kategorie-Selektion alle Unter-Checkboxen mit
 * der Über-Checkbox zusammen reagieren

 */

// mit noConflict() wird $ durch jQuery() ersetzt
// damit $ von anderen Scripts verwendet werden kann
jQuery.noConflict();

jQuery(document).ready(function() {
	// Diese Sequenz deaktiviert alle Checkboxen, wenn die oberste Checkbox deaktiviert wird
	// Auf die Eltern-Checkbox eine click-Funktion legen:
	// Dazu zuerst alle Kinder bestimmen childEls,
	// diese entfernen
	var childEls = jQuery('.treelevel1 input[type=checkbox]');
	var clickEl = jQuery('.treelevel0 input[type=checkbox]').not(childEls);
	jQuery(clickEl).click(function() {
		// Eltern-table des geklickten Input finden
		var parentEl = jQuery(this).parents().filter('.treelevel0');
		// Alle Kinder-Checkboxen sollen den gleichen Zustand wie die Eltern-Checkbox annehmen
		jQuery(parentEl).find('input[type=checkbox]').attr('checked',jQuery(this).is(':checked'));
	}); 
	// Diese Sequenz blendet die Kategorie-Auswahl ein und aus
	jQuery("#toggle_cat_select").click(function(event) {
		if (jQuery(this).hasClass("active")) {
			jQuery(".cal_cat_list_col").slideToggle("slow", function() {
				jQuery(".cal_event_list_col").css("width","100%");	
				jQuery(".cal_event_list_col").css("padding","0");			
			});
		} else {
			jQuery(".cal_event_list_col").css("width","66%");
			jQuery(".cal_cat_list_col").slideToggle("slow");
		}
		jQuery(this).toggleClass("active"); 
		return false;
    });
});