// JavaScript Document

window.addEvent('domready', function(){ 
	
	// FOOTER
	var contentLayerOpen = 260;
	var contentLayerClose = 40;
	var duration = 400;
	
	var list = $$('.contentLayer');
		list.each( function(element) {
			
			var openLayer = function(){
			element.set('tween',{
				duration: duration,
				transition: Fx.Transitions.Quint.easeInOut,
				link: 'chain'			
			});
			element.tween('height', contentLayerOpen);
			
			}
			var closeLayer = function(){
				element.set('tween',{
					duration: duration+400,
					transition: Fx.Transitions.Bounce.easeOut,
					link: 'chain'			
				});
				element.tween('height', contentLayerClose);
			}
			
			element.addEvents({
				mouseenter: openLayer,
				mouseleave: closeLayer
			});
			
		});
		
	// MENU
	var contentMenuOpen = 185;
	var contentMenuClose = 22;
	var duration2 = 800;
	
	var list = $$('#topIn');
		list.each( function(element) {
			
			var openMenu = function(){
			element.set('tween',{
				duration: 400,
				transition: Fx.Transitions.Quint.easeIn,
				link: 'chain'			
			});
			element.tween('height', contentMenuOpen);
			
			}
			var closeMenu = function(){
				element.set('tween',{
					duration: 2000,
					transition: Fx.Transitions.Quint.easeOut,
					link: 'chain'			
				});
				element.tween('height', contentMenuClose);
			}
			
			element.addEvents({
				mouseenter: openMenu,
				mouseleave: closeMenu
			});
			
		});
		
	var hideHmenu = function(){
		$$('#topIn').set('tween',{
			duration: 400,
			transition: Fx.Transitions.Quint.easeIn,
			link: 'chain'			
		});
		$$('#topIn').tween('height', contentMenuClose);
	}
	hideHmenu.delay(10000);
});