window.addEvent('domready', function(){

	var links = $$('#nav a');
	var wrapper = $('wrapper-drop');
	var content = $('content-drop');
	var bottom = $('bottom-drop');
	var timerHide;
	var frame = parent.document.getElementById('menu');
	
	if (frame){
		var frameDefaultHeight = parent.document.getElementById('menu').offsetHeight + 'px';
		var frameHeight;
	}

	var mySlide = new Fx.Slide(wrapper, {
		'duration':250,
		'onComplete': function(){
			if (frame && wrapper.getStyle('margin-top').toInt() < 0){
				frame.style.height = frameDefaultHeight;
			}
		}
	}).hide();

	links.each(function(el, i){
		el.addEvents({	
			'mouseenter': function(){
				if ($chk(timerHide)) $clear(timerHide);
				var myAjax = new Ajax('links.php', {
					method: 'get',
					data: {'index':i},
					onComplete: function(response){
						content.innerHTML = response;
						if (frame){
							frameHeight = wrapper.offsetHeight + 
										bottom.offsetHeight + 
										content.getStyle('padding-top').toInt() + 
										content.getStyle('padding-bottom').toInt() + 'px';
							frame.style.height = frameHeight;
						}
						mySlide.slideIn();
					}
				}).request();
			},

			'mouseleave': function(){
				timerHide = mySlide.slideOut.delay(500, mySlide);
			}
		});
	});	
	
	wrapper.addEvents({
		'mouseenter': function(e){
			if ($chk(timerHide)) $clear(timerHide);
		},
		'mouseleave': function(e){
			timerHide = mySlide.slideOut.delay(500, mySlide);
		}
	});

});