// JavaScript Document

window.addEvent('domready', function(){
									 
									 
		 		 
		 var parents = $$("#navbar ul li.parent");
		 var arrow  = new Element('div', {id: 'navArrow'});
		 var lis = $$("#navbar ul li.top");
		 
		 
		 	lis.each(function(lio) {			
				
				lio.addEvent("mouseenter", function() {
						arrow.inject(lio,'top');
				
				});
				
				
				lio.addEvent("mouseleave", function() {
																   
						arrow.dispose();
				});
			});		

		 
								 
			parents.each(function(parent) {			
				var efekt1 = new Fx.Tween (parent.getElement(".subnav"), {transition:Fx.Transitions.linear, duration:300, wait:false});							  
				
				parent.getElement('.subnav').setStyle('opacity', '0');
				
				parent.addEvent("mouseenter", function() {
						
							   
						parent.getElement('.subnav').setStyle('visibility', 'visible');
						parent.getElement('.subnav').setStyle('z-index', '109');
						efekt1.start('opacity',0.8);
						
						
					
				});
				
				
				parent.addEvent("mouseleave", function() {
																			   
						
						parent.getElement('.subnav').setStyle('overflow', 'hidden');
						parent.getElement('.subnav').setStyle('z-index', '10');
						efekt1.start('opacity',0);
						
													
					
				});
				
			
			});	
				
									 	
});