var myFx;
	var myFx2;
	var myFx3;
	var myFx4;
	
	var scrollFx;

//	var regex  = new RegExp(".*site/calculator$");

		window.addEvent('domready', function(){
			myFx = new Fx.Morph('top-box', {'duration': '1000', onComplete: function(){fade();}});			
			myFx2 = new Fx.Morph('top-box', {'duration': '1000'});	
			
			scrollFx = new Fx.Scroll(window);
		
		$$('.menu-item').getElements('a').each(function(el)
		{
			el.addEvent('click',function(){open(this); return false;});
		});

		
		});
		
		function open(el)
		{
			el.removeEvents('click');
			el.addEvent('click', function(eve){eve.stop(); return false});
			
				scrollFx.toTop();
				fadeout();
				var size;
				
				var link = el.href;

			
					$$('a[href$='+ link +']').each(function(cel)
					{
					cel.removeEvents('click');
					cel.addEvent('click', function(eve){eve.stop(); return false});
					});

				

				var myHTMLRequest = new Request.HTML({onComplete: function(a,b,c){					
					$('top-box-content').set('html',c);
					$('top-box-content').setStyle('display', 'block');
					size = $('top-box-content').getSize();
					$('top-box-content').setStyle('display', 'none');
					
					size2 = $('top-box').getSize();					
				
					myFx.start({'background-color': [$('top-box').getStyle('background-color'), '#333333'], 'height' : [size2.y,size.y + 20]});
					
						$$('.menu-item').getElements('a').each(function(item){
							item.removeEvents('click');
						});
						$$('.menu-item').getElements('a').each(function(item){
							item.addEvent('click',function(){open(this); return false;});
						});
						
					
						
						$$('.droplink').removeEvents('click');
						$$('.droplink').addEvent('click',function(){open(this); return false;});
						
						//el.addEvent('click', function(){close(this); return false;});
						
						
						$$('a[href$='+ link +']').each(function(cel)
						{
						cel.removeEvents('click');
						cel.addEvent('click', function(){close(this); return false;});
						});
						
							el.removeEvents('click');
							el.addEvent('click', function(eve){close(this); return false});
						
					}
					}).get(link);
		
	
		
		}
		
		function close(el)
		{
			fadeclose();
			size2 = $('top-box').getSize();					
			myFx2.start({'background-color': [$('top-box').getStyle('background-color'), '#FFFFFF'], 'height' : [size2.y,0]});
			
			var link = el.href;
			
			
			
					$$('a[href$='+link+']').each(function(cel)
					{
					cel.removeEvents('click');
					cel.addEvent('click', function(){open(this); return false;});
					});
					
				
					el.removeEvents('click');
					el.addEvent('click', function(){open(this); return false;});
	
										
		}
		
			
		function fade()
		{
		 $('top-box-content').setStyles({
			display:'block',
			opacity: 0
			});
				
				myFx4 = new Fx.Morph('top-box', {'duration': '500'});
				myFx3 = new Fx.Morph('top-box', {'duration': '200', onComplete: function(){myFx4.start({'background-color' : '#333333'});}});
				
				myFx3.start({'background-color' : '#FFFFFF'});
			
	
			
		$('top-box-content').set('morph', {link: 'chain'}).morph({'opacity': 1, onComplete: function(){
			if (typeof runme === 'function') {	
			runme();
		}
			}})
		}
		
		function fadeout()
		{
		
				 $('top-box-content').set('morph', {link: 'chain'}).morph({'opacity': 0}).morph({'display': 'none'});
						 
		}
		
		function fadeclose()
		{
			$('top-box-content').setStyle('display', 'none');
		}