active_items = new Array();


 var createDropDown = function (data,div,width,info) {
	//alert('los gehts!');
	for (var x in data) {
		// Hauptgerüst
		var cont;
		cont = $j('<div></div>');
		cont.attr({'id':'cont_' + x,'class':'cont'});
		cont.prependTo($j(div));
		var head = $j('<div></div>').attr('class', 'menu_head').appendTo(cont);
		var body = $j('<ul></ul>').attr('class', 'menu_body').attr('id','ul_' + x).appendTo(cont);
		
		// Breite definieren
		head.css('width', width);
		body.css('width', width + 2);
		
		//Head		
		var head_check = $j('<div></div>').attr('class', 'menu_check').appendTo(head);
		var head_drop  = $j('<div></div>').attr('class', 'menu_drop').appendTo(head);
		var head_text  = $j('<div></div>').attr('class', 'menu_head_desc').appendTo(head);
		var head_clear = $j('<div></div>').attr('class', 'clear').appendTo(head);
		// Text im Header
		head_text.text(data[x][0].text);
		// id
		head_check.attr('name' , x);
		head_check.attr('id' , data[x][0].id);
		
		head_drop.click(function () {
			body.slideToggle('fast');
		});
		
		head_text.click(function () {
			body.slideToggle('fast');
		});
		
		head_check.toggle(
			function () {
				$j(head_check).addClass('checked');
				$j(head_check).addClass('hoverchk');
				$j("#" + $j(this).attr('name')).attr('value',$j("#" + $j(this).attr('name')).attr('value') + $j(this).attr('id') + ';');
			},
			function () {
				$j(head_check).removeClass('checked');
				$j(head_check).removeClass('hoverchk');
				var vormals = $j("#" + $j(this).attr('name')).attr('value');
				var jetzt = vormals.replace($j(this).attr('id') + ';','');
				$j("#" + $j(this).attr('name')).attr('value',jetzt);
			}
		);
		head_check.hover(
			function () {
				if($j(head_check).hasClass('checked')) {
					$j(head_check).addClass('hoverchk');
				} else {
					$j(head_check).addClass('hover');
				}
			},
			function () {
				if($j(head_check).hasClass('checked')) {
					$j(head_check).removeClass('hoverchk');
				} else {
					$j(head_check).removeClass('hover');
				}
			}
		);
		
		head_drop.hover(
			function () {	
				$j(head_drop).addClass('drop_hover');
			},
			function () {	
				$j(head_drop).removeClass('drop_hover');
			}
		);
		
		// Body
		for (var i = 1; i < data[x].length; i++) {
		    var li = $j('<li></li>').appendTo(body);
			var body_check = $j('<div></div>').attr('class', 'menu_body_check').appendTo(li);
			var body_text  = $j('<div></div>').attr('class', 'menu_body_info').appendTo(li);
			var body_text  = $j('<div></div>').attr('class', 'menu_body_desc').appendTo(li);
			var body_clear = $j('<div></div>').attr('class', 'clear').appendTo(li);
			// Text
		    body_text.html(data[x][i].text);
			// id
			body_check.attr('name' , x);
			body_check.attr('id' , data[x][i].id);
		}
	}
 }
 
var initDropDowns = function () {		
	$j('div.menu_body_check').toggle(
		function () {
			$j(this).addClass('checked');
			$j(this).addClass('hoverchk');
			$j("#" + $j(this).attr('name')).attr('value',$j("#" + $j(this).attr('name')).attr('value') + $j(this).attr('id') + ';');
		},
		function () {
			$j(this).removeClass('checked');
			$j(this).removeClass('hoverchk');
			var vormals = $j("#" + $j(this).attr('name')).attr('value');
			var jetzt = vormals.replace($j(this).attr('id') + ';','');
			$j("#" + $j(this).attr('name')).attr('value',jetzt);
		}
	);
	$j('div.menu_body_check').hover(
		function () {
			if($j(this).hasClass('checked')) {
				$j(this).addClass('hoverchk');
			} else {
				$j(this).addClass('hover');
			}
		},
		function () {
			if($j(this).hasClass('checked')) {
				$j(this).removeClass('hoverchk');
			} else {
				$j(this).removeClass('hover');
			}
		}
	);
}