// For the sliding dropdown/up menu

	var DropdownMenu = new Class({	
		initialize: function(element)
		{
			$A($(element).childNodes).each(function(elLi)
			{
				if(elLi.nodeName.toLowerCase() == 'li')
				{
					$A($(elLi).childNodes).each(function(elDiv)
					{
					    if(elDiv.nodeName.toLowerCase() == 'div')
					    {
    					    $A($(elDiv).childNodes).each(function(elUl)
	    				    {
		    				    if(elUl.nodeName.toLowerCase() == 'ul')
			    			    {
				    			    var fx = new Fx.Morph(elUl, {duration: 250, wait: false});
							        elUl.set('top',235);
							        elDiv.setStyle('width', elLi.getScrollSize().x.toInt()+2);
							        elUl.getElements('li').each(function(elUlLi)
							        {
										elUlLi.setStyle('width', elUl.getScrollSize().x.toInt()-7);
							        });
    				    			elLi.addEvent('mouseenter', function(evente)
	    				    		{
	    				    		    elDiv.setStyle('height', elUl.getStyle('height').toInt());
	    				    		    elDiv.setStyle('top',0-elDiv.getStyle('height').toInt());
	    				    		    elLi.addClass('hover');
		    				    		evente = new Event(evente);
			    				    	fx.start({
				    				    	'top': elDiv.getSize()['y']-elUl.getSize()['y']
					    			    });
    						    		evente.stop();
	    						    });

        							elLi.addEvent('mouseleave', function(evente)
	        						{
	        						    elDiv.setStyle('height',0);
	        						    elDiv.setStyle('top',0);
	        						    elLi.removeClass('hover');
		        						evente = new Event(evente);
			        					fx.start({
				    					'top': 235
				    	    			});
					    	    		evente.stop();
						    	    });
    						    	new DropdownMenu(elUl);
    						    }
							});
						}
					});
				}
			});
			return this;
		}
	});
	
	$domready(function() {new DropdownMenu($('dropdownMenu'))});