//$Id: projects_layer.js 615 2009-02-19 14:09:54Z jelner $

window.addEvent('domready',function() {
	var parent = $('naviunten2');
	var layer = $('naviunten3');
	if($chk(layer) && $chk(parent)) {
		var handle = $('catSelHandle');
		if($chk(handle)) {
			var typo = layer.getElement('a.active');
			if(!$chk(typo)) typo = layer.getFirst();
			if($chk(typo)) {
				var typo2 = typo.clone();
				//Typologisch
				if(typo2.get('tag') != 'a') {
					typo2 = new Element('a',{
						'events': {
							'click': function(e) { new Event(e).preventDefault(); this.blur(); }
						}
					}).set('html',typo2.get('html'));
				};
				handle.adopt(new Element('li').adopt(typo2));
			};
		};
		var paddings = 10;
		if($chk(handle)) {
			var center = $('center');
			if($chk(center)) {
				layer.id = 'catSelLayer';
				layer.setStyles('visibility','hidden');
				layer.setStyle('display','block');
				var height = layer.getSize().y;
				if(Browser.Engine.trident4) { //Fix fuer das Boxmodell im IE6
					height -= paddings;
				};
				layer.setStyle('display','none');
				layer.setStyles({
					'visibility':'visible',
					'height':1
				});
				parent.setStyle('width',198);
				center.adopt(
					new Element('div',{'id':'catSelShadow','styles':{
						'display':'none',
						'height':1,
						'opacity': 0
					}}),
					layer
				);
				var shadow = $('catSelShadow');
				if($chk(shadow)) {
					var effect = new Fx.Elements([layer,shadow],{
						'onStart': function() {
							if(layer.getStyle('height').toInt() <= 1) {
								layer.setStyle('display','block');
								shadow.setStyle('display','block');
							};
						},
						'onComplete': function() {
							if(layer.getStyle('height').toInt() <= 1) {
								layer.setStyle('display','none');
								shadow.setStyle('display','none');
							};
						},
						'duration': 400
					});
					$$('#catSelLayer a').each(function(el) {
						el.addEvent('click',function(e) {
							new Event(e).stopPropagation();
						});
					});
					['naviunten4','naviunten3_scrollbalken','naviunten4_scrollbalken'].each(function(id) {
						var el = $(id);
						if($chk(el)) el.destroy();
					});
					handle.addEvent('click',function(e) {
						new Event(e).preventDefault().stopPropagation().target.blur();
						effect.cancel();
						effect.start({
							'0': {'height': (height-((Browser.Engine.trident4) ? 0 : paddings))},
							'1': {
								'height': height,
								'opacity': 0.2
							}
						});
					});
					var bWindow = window;
					if(Browser.Engine.trident) bWindow = $$('html')[0];
					bWindow.addEvent('click',function(e) {
						if(layer.getStyle('height').toInt() > 1) {
							effect.cancel();
							effect.start({
								'0': {'height': 1},
								'1': {
									'height': 1,
									'opacity': 0
								}
							});
						};
					});
				};
			};
		};
	};
});